genesys-spark-components 4.0.0-beta.27 → 4.0.0-beta.29
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 +2 -2
- 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 +2 -2
- 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-create-option.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_3.cjs.entry.js +5 -10
- 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 +2 -2
- package/dist/cjs/gux-form-field-dropdown.cjs.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/cjs/gux-form-field-select.cjs.entry.js +2 -2
- 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 +2 -2
- 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 +5 -5
- package/dist/cjs/gux-loading-message.cjs.entry.js +3 -47
- package/dist/cjs/gux-modal.cjs.entry.js +2 -2
- package/dist/cjs/gux-month-calendar.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-option-multi.cjs.entry.js +8 -2
- package/dist/cjs/gux-page-loading-spinner.cjs.entry.js +1 -1
- 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.cjs.entry.js +1 -1
- package/dist/cjs/gux-phone-input-beta.cjs.entry.js +1 -1
- package/dist/cjs/gux-popover-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-radial-loading.cjs.entry.js +22 -3
- 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-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 +1 -1
- package/dist/cjs/gux-tab-advanced-list.cjs.entry.js +1 -1
- package/dist/cjs/gux-tab-panel.cjs.entry.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/cjs/gux-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{usage-8d342ca0.js → usage-9037f66c.js} +2 -1
- package/dist/collection/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.css +2 -2
- package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.css +3 -3
- package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js +1 -1
- package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.css +30 -134
- package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.css +22 -125
- package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.css +26 -129
- package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.css +43 -140
- 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-calendar/gux-calendar.css +3 -3
- package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.css +25 -127
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css +147 -50
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css +32 -135
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css +147 -49
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css +109 -70
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js +1 -1
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css +43 -140
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css +43 -140
- package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css +1 -1
- package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css +1 -0
- package/dist/collection/components/stable/gux-listbox/gux-listbox.css +1 -8
- package/dist/collection/components/stable/gux-listbox/gux-listbox.js +1 -4
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.css +28 -21
- package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js +2 -1
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.css +17 -13
- package/dist/collection/components/stable/gux-listbox-multi/gux-listbox-multi.js +8 -8
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.css +45 -31
- package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js +10 -3
- 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/stable/gux-modal/gux-modal.css +1 -1
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.css +188 -31
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.functional.js +11 -0
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js +2 -1
- package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.service.js +4 -0
- package/dist/collection/components/stable/gux-switch/gux-switch-item/gux-switch-item.css +32 -136
- 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 +26 -130
- package/dist/collection/components/stable/gux-tabs/gux-tab-panel/gux-tab-panel.css +25 -18
- package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.css +1 -1
- package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css +25 -18
- package/dist/component-specs.json +1 -2
- 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 +2 -2
- 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 +2 -2
- 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-create-option.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_3.entry.js +5 -10
- 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 +2 -2
- package/dist/esm/gux-form-field-dropdown.entry.js +2 -2
- 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 +2 -2
- 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 +2 -2
- package/dist/esm/gux-form-field-select.entry.js +2 -2
- 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 +2 -2
- 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 +5 -5
- package/dist/esm/gux-loading-message.entry.js +4 -48
- package/dist/esm/gux-modal.entry.js +2 -2
- package/dist/esm/gux-month-calendar.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-option-multi.entry.js +8 -2
- package/dist/esm/gux-page-loading-spinner.entry.js +1 -1
- 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.entry.js +1 -1
- package/dist/esm/gux-phone-input-beta.entry.js +1 -1
- package/dist/esm/gux-popover-list.entry.js +1 -1
- package/dist/esm/gux-radial-loading.entry.js +23 -4
- 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-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 +1 -1
- package/dist/esm/gux-tab-advanced-list.entry.js +1 -1
- package/dist/esm/gux-tab-panel.entry.js +1 -1
- 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 +1 -1
- 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 +1 -1
- package/dist/esm/gux-tooltip.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{usage-4e7ef844.js → usage-775c758f.js} +2 -1
- package/dist/genesys-webcomponents/genesys-webcomponents.css +3 -3
- 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-00ee9185.entry.js +1 -0
- package/dist/genesys-webcomponents/p-0731b5ab.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-77f1232b.entry.js → p-096a8642.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-09830c56.entry.js +1 -0
- package/dist/genesys-webcomponents/p-0a6e80c8.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-0076f3f5.entry.js → p-0eb24603.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-46108dd5.entry.js → p-120ba166.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ceed21c7.entry.js → p-17fed5ad.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-1890b2d6.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-adbed625.js → p-19a7df84.js} +1 -1
- package/dist/genesys-webcomponents/{p-b9a86ebe.entry.js → p-1accd06e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d253461a.entry.js → p-22dbcef7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-41f2ecb4.entry.js → p-237aa911.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-25cbbd7d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-213cdf2c.entry.js → p-2ac5f1ed.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c6fc2a5d.entry.js → p-2f6a16bc.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-3031a578.entry.js +1 -0
- package/dist/genesys-webcomponents/p-31c644b4.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d91f695d.entry.js → p-3231101a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-391d2c94.entry.js +1 -0
- package/dist/genesys-webcomponents/p-39aef491.entry.js +1 -0
- package/dist/genesys-webcomponents/p-39e12286.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-d3a0a97b.entry.js → p-3d6b25da.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-103ad753.entry.js → p-3eae9bb3.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-d339fb99.entry.js → p-41d752de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6a31fb7e.entry.js → p-4a64f632.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-c7631270.entry.js → p-4ada7287.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0f33f457.entry.js → p-4b538970.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ecb4b661.entry.js → p-4d0dd9f8.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-8e14e2ff.entry.js → p-4f070177.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-4fc8b44e.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-c4547d4a.entry.js → p-5285168c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-5676eed0.entry.js +1 -0
- package/dist/genesys-webcomponents/p-57dce400.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9daee752.entry.js → p-5adbe8ab.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-0a1cc254.entry.js → p-60208c67.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-5a22f1f6.entry.js → p-631fca69.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-68203e47.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-4d623f46.entry.js → p-7048200c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-642c5650.entry.js → p-741cf5fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-78159639.entry.js → p-75c58b14.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7a24829d.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-f5b1fc27.entry.js → p-7a470ab8.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-7c5d3642.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8d5f3368.entry.js → p-7dd91f38.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-ea2177b4.entry.js → p-7e8613ef.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-31082d48.entry.js → p-84322c12.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-e01e8b11.entry.js → p-84b02f9a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-8988c6ea.entry.js +1 -0
- package/dist/genesys-webcomponents/p-8e23c28c.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3ef0a725.entry.js → p-90485aff.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-68ebbf22.entry.js → p-90fce0e4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-83f11efa.entry.js → p-96f0be69.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-362129ec.entry.js → p-973325c9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2498b2e3.entry.js → p-9b5ec2bd.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-2afda1fa.entry.js → p-a26af641.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-924c1da2.entry.js → p-a70ecdb7.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-cb46759e.entry.js → p-a7112589.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-30a59436.entry.js → p-a865c24e.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-287495ec.entry.js → p-b28635c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-b365e09b.entry.js +1 -0
- package/dist/genesys-webcomponents/p-b36d383b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-8b9f4bd0.entry.js → p-bbe6fe3f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4412b9b1.entry.js → p-bcea8f49.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-777735a1.entry.js → p-bd0759a5.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-bd803de8.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-3e9d0c7b.entry.js → p-bdd7db66.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-f4af5f6b.entry.js → p-beefc3de.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-4d250c8c.entry.js → p-c1b368fa.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-34b96434.entry.js → p-c909a96c.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-501d06d9.entry.js → p-cd08cdda.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-7b0db5cc.entry.js → p-d2e07ae1.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-b005c9ec.entry.js → p-d326ca91.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-40d1b7d6.entry.js → p-d4286397.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-11b420ed.entry.js → p-d48fa55a.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-d5e44599.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-44aed7b3.entry.js → p-d77d2752.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-1ce5509b.entry.js → p-d8b0b0d9.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-13b39caa.entry.js → p-d9afb24f.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-6002a77c.entry.js → p-e74ce003.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-a06dceae.entry.js → p-e7fe9d85.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-ef910e9b.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-9d2abb9e.entry.js → p-f2081d0c.entry.js} +1 -1
- package/dist/genesys-webcomponents/p-f758da43.entry.js +1 -0
- package/dist/genesys-webcomponents/{p-164fd006.entry.js → p-f9dbe1b4.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-87093380.entry.js → p-fd11ab49.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-51c934c5.entry.js → p-fd1e28c6.entry.js} +1 -1
- package/dist/genesys-webcomponents/{p-322710bc.entry.js → p-ff9e713f.entry.js} +1 -1
- package/dist/genesys-webcomponents/scss/focus.scss +48 -0
- package/dist/genesys-webcomponents/scss/style-reset-focusable.scss +23 -0
- package/dist/genesys-webcomponents/scss/style-reset-typography.scss +26 -0
- package/dist/genesys-webcomponents/scss/typography.scss +127 -0
- package/dist/stencil-wrapper.js +1 -1
- package/dist/types/components/stable/gux-button-multi/gux-button-multi.d.ts +0 -4
- package/dist/types/components/stable/gux-listbox-multi/gux-listbox-multi.d.ts +1 -1
- package/dist/types/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.d.ts +1 -0
- package/dist/types/components/stable/gux-loading-message/gux-loading-message.d.ts +0 -10
- package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.functional.d.ts +8 -0
- package/dist/types/components/stable/gux-radial-loading/gux-radial-loading.service.d.ts +4 -0
- package/dist/types/components/stable/gux-radial-progress/gux-radial-progress.functional.d.ts +0 -3
- package/dist/types/components.d.ts +0 -8
- package/dist/types/stencil-wrapper.d.ts +1 -1
- package/package.json +2 -1
- 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/collection/style/fonts/roboto-v20-latin-300.svg +0 -1
- package/dist/collection/style/fonts/roboto-v20-latin-700.svg +0 -309
- package/dist/collection/style/fonts/roboto-v20-latin-italic.svg +0 -323
- package/dist/collection/style/fonts/roboto-v20-latin-regular.svg +0 -308
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.eot +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.svg +0 -1
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.ttf +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.woff +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-300.woff2 +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.eot +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.svg +0 -309
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.ttf +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.woff +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-700.woff2 +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.eot +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.svg +0 -323
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.ttf +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.woff +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-italic.woff2 +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.eot +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.svg +0 -308
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.ttf +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.woff +0 -0
- package/dist/genesys-webcomponents/fonts/roboto-v20-latin-regular.woff2 +0 -0
- package/dist/genesys-webcomponents/less/focus.less +0 -46
- package/dist/genesys-webcomponents/less/typography.less +0 -160
- package/dist/genesys-webcomponents/p-04e0fe86.entry.js +0 -1
- package/dist/genesys-webcomponents/p-12e01c6c.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1aab5a86.entry.js +0 -1
- package/dist/genesys-webcomponents/p-1be0f29e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-235edbf8.entry.js +0 -1
- package/dist/genesys-webcomponents/p-24c0304b.entry.js +0 -1
- package/dist/genesys-webcomponents/p-38d60100.entry.js +0 -1
- package/dist/genesys-webcomponents/p-3dde3588.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6b929d2d.entry.js +0 -1
- package/dist/genesys-webcomponents/p-6e161af6.entry.js +0 -1
- package/dist/genesys-webcomponents/p-71739e39.entry.js +0 -1
- package/dist/genesys-webcomponents/p-844dfb88.entry.js +0 -1
- package/dist/genesys-webcomponents/p-8fcf1744.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9046d865.entry.js +0 -1
- package/dist/genesys-webcomponents/p-9512246a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-99e5fc7e.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a1795d44.entry.js +0 -1
- package/dist/genesys-webcomponents/p-a81c0565.entry.js +0 -1
- package/dist/genesys-webcomponents/p-ab3e0cf2.entry.js +0 -1
- package/dist/genesys-webcomponents/p-bcba8202.entry.js +0 -1
- package/dist/genesys-webcomponents/p-c1314b3a.entry.js +0 -1
- package/dist/genesys-webcomponents/p-d4bae794.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e1b518fb.entry.js +0 -1
- package/dist/genesys-webcomponents/p-e82dbae5.entry.js +0 -1
- package/dist/genesys-webcomponents/p-fdc9e35c.entry.js +0 -1
- 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
@@ -0,0 +1,11 @@
|
|
1
|
+
import { h } from '@stencil/core';
|
2
|
+
import { largeSpinner, largeBorder, smallSpinner, smallBorder } from './gux-radial-loading.service';
|
3
|
+
export const GuxSpinnerState = ({ context = 'modal', screenreaderText }) => {
|
4
|
+
let size = largeSpinner;
|
5
|
+
let radius = largeSpinner * 0.5 - largeBorder * 0.5;
|
6
|
+
if (context === 'input') {
|
7
|
+
size = smallSpinner;
|
8
|
+
radius = smallSpinner * 0.5 - smallBorder * 0.5;
|
9
|
+
}
|
10
|
+
return (h("div", { class: `gux-${context}`, role: "progressbar", "aria-label": screenreaderText }, h("svg", { class: "gux-svg-container", viewBox: `0 0 ${size} ${size}`, role: "presentation" }, h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-static-circle" }), h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle", "stroke-linecap": "round" }), h("circle", { cx: "50%", cy: "50%", r: radius, class: "gux-dynamic-circle-mask", "stroke-linecap": "round" }))));
|
11
|
+
};
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import { h } from '@stencil/core';
|
2
2
|
import { buildI18nForComponent } from '../../../i18n';
|
3
3
|
import { trackComponent } from '@utils/tracking/usage';
|
4
|
+
import { GuxSpinnerState } from './gux-radial-loading.functional';
|
4
5
|
import modalComponentResources from './i18n/en.json';
|
5
6
|
export class GuxRadialLoading {
|
6
7
|
constructor() {
|
@@ -12,7 +13,7 @@ export class GuxRadialLoading {
|
|
12
13
|
this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
|
13
14
|
}
|
14
15
|
render() {
|
15
|
-
return (h(
|
16
|
+
return (h(GuxSpinnerState, { context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
|
16
17
|
}
|
17
18
|
static get is() { return "gux-radial-loading"; }
|
18
19
|
static get encapsulation() { return "shadow"; }
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
|
2
|
+
export const largeBorder = 4; // Linked to --gse-ui-progressAndLoading-largeBorder
|
3
|
+
export const smallSpinner = 16; // Linked to --gse-ui-progressAndLoading-spinner-large
|
4
|
+
export const smallBorder = 2; // Linked to --gse-ui-progressAndLoading-largeBorder
|
@@ -1,162 +1,59 @@
|
|
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
|
-
/* Font Definitions. */
|
35
|
-
/* From: https://google-webfonts-helper.herokuapp.com */
|
36
|
-
/* roboto-300 - latin */
|
37
|
-
@font-face {
|
38
|
-
font-family: Roboto;
|
39
|
-
font-style: normal;
|
40
|
-
font-weight: 300;
|
41
|
-
src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
|
42
|
-
src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
|
43
|
-
}
|
44
|
-
/* roboto-regular - latin */
|
45
|
-
@font-face {
|
46
|
-
font-family: Roboto;
|
47
|
-
font-style: normal;
|
48
|
-
font-weight: 400;
|
49
|
-
src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
|
50
|
-
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
|
51
|
-
}
|
52
|
-
/* roboto-italic - latin */
|
53
|
-
@font-face {
|
54
|
-
font-family: Roboto;
|
55
|
-
font-style: italic;
|
56
|
-
font-weight: 400;
|
57
|
-
src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
|
58
|
-
src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
|
59
|
-
}
|
60
|
-
/* roboto-700 - latin */
|
61
|
-
@font-face {
|
62
|
-
font-family: Roboto;
|
63
|
-
font-style: normal;
|
64
|
-
font-weight: 700;
|
65
|
-
src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
|
66
|
-
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
|
67
|
-
}
|
68
40
|
/*
|
69
41
|
* Typography styles and mixins.
|
70
42
|
*/
|
71
43
|
/* Helpers */
|
72
44
|
/* Base typography */
|
73
|
-
body {
|
74
|
-
font-family: Roboto, sans-serif;
|
75
|
-
font-weight: 400;
|
76
|
-
font-size: 12px;
|
77
|
-
line-height: 20px;
|
78
|
-
}
|
79
|
-
|
80
45
|
/* Headings */
|
81
|
-
h1 {
|
82
|
-
font-family: Roboto, sans-serif;
|
83
|
-
font-weight: 400;
|
84
|
-
font-weight: 300;
|
85
|
-
font-size: 24px;
|
86
|
-
line-height: 32px;
|
87
|
-
}
|
88
|
-
|
89
|
-
h2 {
|
90
|
-
font-family: Roboto, sans-serif;
|
91
|
-
font-weight: 400;
|
92
|
-
font-weight: 300;
|
93
|
-
font-size: 18px;
|
94
|
-
line-height: 24px;
|
95
|
-
}
|
96
|
-
|
97
|
-
h3 {
|
98
|
-
font-family: Roboto, sans-serif;
|
99
|
-
font-weight: 400;
|
100
|
-
font-weight: 700;
|
101
|
-
font-size: 14px;
|
102
|
-
line-height: 20px;
|
103
|
-
}
|
104
|
-
|
105
|
-
h4,
|
106
|
-
h5,
|
107
|
-
h6 {
|
108
|
-
font-family: Roboto, sans-serif;
|
109
|
-
font-weight: 400;
|
110
|
-
font-size: 14px;
|
111
|
-
line-height: 20px;
|
112
|
-
}
|
113
|
-
|
114
46
|
/* Anchor */
|
115
47
|
.gux-icon-anchor gux-icon {
|
116
|
-
padding-right:
|
117
|
-
}
|
118
|
-
|
119
|
-
a {
|
120
|
-
color: #2a60c8;
|
121
|
-
text-decoration: underline;
|
122
|
-
border-radius: 2px;
|
123
|
-
}
|
124
|
-
a:hover {
|
125
|
-
color: #2754ac;
|
126
|
-
}
|
127
|
-
a:active {
|
128
|
-
color: #23478f;
|
129
|
-
}
|
130
|
-
a:focus-visible {
|
131
|
-
outline: 3px solid #aac9ff;
|
132
|
-
outline-offset: 1px;
|
133
|
-
box-shadow: 0 0 0 1px #fdfdfd;
|
134
|
-
}
|
135
|
-
|
136
|
-
table a {
|
137
|
-
color: #2a60c8;
|
138
|
-
text-decoration: underline;
|
139
|
-
border-radius: 2px;
|
140
|
-
text-decoration: none;
|
141
|
-
}
|
142
|
-
table a:hover {
|
143
|
-
color: #2754ac;
|
144
|
-
}
|
145
|
-
table a:active {
|
146
|
-
color: #23478f;
|
147
|
-
}
|
148
|
-
table a:focus-visible {
|
149
|
-
outline: 3px solid #aac9ff;
|
150
|
-
outline-offset: 1px;
|
151
|
-
box-shadow: 0 0 0 1px #fdfdfd;
|
48
|
+
padding-right: var(--gse-ui-links-inLine-padding);
|
152
49
|
}
|
153
50
|
|
154
51
|
/* Custom Styles */
|
155
52
|
gux-switch-item > .gux-switch-item {
|
156
|
-
font-family:
|
157
|
-
font-weight:
|
158
|
-
font-size:
|
159
|
-
line-height:
|
53
|
+
font-family: var(--gse-core-fontFamily-body), sans-serif;
|
54
|
+
font-weight: var(--gse-core-fontWeight-regular);
|
55
|
+
font-size: var(--gse-core-fontSize-xs);
|
56
|
+
line-height: var(--gse-core-lineHeight-xs);
|
160
57
|
font: unset;
|
161
58
|
color: #2e394c;
|
162
59
|
text-align: center;
|
@@ -172,9 +69,8 @@ gux-switch-item[disabled] {
|
|
172
69
|
opacity: 0.5;
|
173
70
|
}
|
174
71
|
gux-switch-item.gux-selected {
|
175
|
-
font-family:
|
176
|
-
font-weight:
|
177
|
-
font-weight: 700;
|
72
|
+
font-family: var(--gse-core-fontFamily-body), sans-serif;
|
73
|
+
font-weight: var(--gse-core-fontWeight-bold);
|
178
74
|
}
|
179
75
|
|
180
76
|
gux-switch > gux-switch-item .gux-switch-item {
|
@@ -201,10 +97,10 @@ gux-switch > gux-switch-item.gux-selected .gux-switch-item > gux-icon svg {
|
|
201
97
|
fill: #2e394c;
|
202
98
|
}
|
203
99
|
gux-switch.gux-small > gux-switch-item .gux-switch-item {
|
204
|
-
font-family:
|
205
|
-
font-weight:
|
206
|
-
font-size:
|
207
|
-
line-height:
|
100
|
+
font-family: var(--gse-core-fontFamily-body), sans-serif;
|
101
|
+
font-weight: var(--gse-core-fontWeight-regular);
|
102
|
+
font-size: var(--gse-core-fontSize-xs);
|
103
|
+
line-height: var(--gse-core-lineHeight-xs);
|
208
104
|
padding: 0 4px;
|
209
105
|
border-bottom: 1px solid #e2e6ee;
|
210
106
|
}
|
package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.css
CHANGED
@@ -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
|
gux-table-select-menu {
|
@@ -1,154 +1,51 @@
|
|
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
|
-
/* Font Definitions. */
|
35
|
-
/* From: https://google-webfonts-helper.herokuapp.com */
|
36
|
-
/* roboto-300 - latin */
|
37
|
-
@font-face {
|
38
|
-
font-family: Roboto;
|
39
|
-
font-style: normal;
|
40
|
-
font-weight: 300;
|
41
|
-
src: url("./fonts/roboto-v20-latin-300.eot"); /* IE9 Compat Modes */
|
42
|
-
src: local("Roboto Light"), local("Roboto-Light"), url("./fonts/roboto-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-300.woff2") format("woff2"), url("./fonts/roboto-v20-latin-300.woff") format("woff"), url("./fonts/roboto-v20-latin-300.ttf") format("truetype"), url("./fonts/roboto-v20-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
|
43
|
-
}
|
44
|
-
/* roboto-regular - latin */
|
45
|
-
@font-face {
|
46
|
-
font-family: Roboto;
|
47
|
-
font-style: normal;
|
48
|
-
font-weight: 400;
|
49
|
-
src: url("./fonts/roboto-v20-latin-regular.eot"); /* IE9 Compat Modes */
|
50
|
-
src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-regular.woff") format("woff"), url("./fonts/roboto-v20-latin-regular.ttf") format("truetype"), url("./fonts/roboto-v20-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
|
51
|
-
}
|
52
|
-
/* roboto-italic - latin */
|
53
|
-
@font-face {
|
54
|
-
font-family: Roboto;
|
55
|
-
font-style: italic;
|
56
|
-
font-weight: 400;
|
57
|
-
src: url("./fonts/roboto-v20-latin-italic.eot"); /* IE9 Compat Modes */
|
58
|
-
src: local("Roboto Italic"), local("Roboto-Italic"), url("./fonts/roboto-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-italic.woff") format("woff"), url("./fonts/roboto-v20-latin-italic.ttf") format("truetype"), url("./fonts/roboto-v20-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
|
59
|
-
}
|
60
|
-
/* roboto-700 - latin */
|
61
|
-
@font-face {
|
62
|
-
font-family: Roboto;
|
63
|
-
font-style: normal;
|
64
|
-
font-weight: 700;
|
65
|
-
src: url("./fonts/roboto-v20-latin-700.eot"); /* IE9 Compat Modes */
|
66
|
-
src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/roboto-v20-latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-700.woff") format("woff"), url("./fonts/roboto-v20-latin-700.ttf") format("truetype"), url("./fonts/roboto-v20-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
|
67
|
-
}
|
68
40
|
/*
|
69
41
|
* Typography styles and mixins.
|
70
42
|
*/
|
71
43
|
/* Helpers */
|
72
44
|
/* Base typography */
|
73
|
-
body {
|
74
|
-
font-family: Roboto, sans-serif;
|
75
|
-
font-weight: 400;
|
76
|
-
font-size: 12px;
|
77
|
-
line-height: 20px;
|
78
|
-
}
|
79
|
-
|
80
45
|
/* Headings */
|
81
|
-
h1 {
|
82
|
-
font-family: Roboto, sans-serif;
|
83
|
-
font-weight: 400;
|
84
|
-
font-weight: 300;
|
85
|
-
font-size: 24px;
|
86
|
-
line-height: 32px;
|
87
|
-
}
|
88
|
-
|
89
|
-
h2 {
|
90
|
-
font-family: Roboto, sans-serif;
|
91
|
-
font-weight: 400;
|
92
|
-
font-weight: 300;
|
93
|
-
font-size: 18px;
|
94
|
-
line-height: 24px;
|
95
|
-
}
|
96
|
-
|
97
|
-
h3 {
|
98
|
-
font-family: Roboto, sans-serif;
|
99
|
-
font-weight: 400;
|
100
|
-
font-weight: 700;
|
101
|
-
font-size: 14px;
|
102
|
-
line-height: 20px;
|
103
|
-
}
|
104
|
-
|
105
|
-
h4,
|
106
|
-
h5,
|
107
|
-
h6 {
|
108
|
-
font-family: Roboto, sans-serif;
|
109
|
-
font-weight: 400;
|
110
|
-
font-size: 14px;
|
111
|
-
line-height: 20px;
|
112
|
-
}
|
113
|
-
|
114
46
|
/* Anchor */
|
115
47
|
.gux-icon-anchor gux-icon {
|
116
|
-
padding-right:
|
117
|
-
}
|
118
|
-
|
119
|
-
a {
|
120
|
-
color: #2a60c8;
|
121
|
-
text-decoration: underline;
|
122
|
-
border-radius: 2px;
|
123
|
-
}
|
124
|
-
a:hover {
|
125
|
-
color: #2754ac;
|
126
|
-
}
|
127
|
-
a:active {
|
128
|
-
color: #23478f;
|
129
|
-
}
|
130
|
-
a:focus-visible {
|
131
|
-
outline: 3px solid #aac9ff;
|
132
|
-
outline-offset: 1px;
|
133
|
-
box-shadow: 0 0 0 1px #fdfdfd;
|
134
|
-
}
|
135
|
-
|
136
|
-
table a {
|
137
|
-
color: #2a60c8;
|
138
|
-
text-decoration: underline;
|
139
|
-
border-radius: 2px;
|
140
|
-
text-decoration: none;
|
141
|
-
}
|
142
|
-
table a:hover {
|
143
|
-
color: #2754ac;
|
144
|
-
}
|
145
|
-
table a:active {
|
146
|
-
color: #23478f;
|
147
|
-
}
|
148
|
-
table a:focus-visible {
|
149
|
-
outline: 3px solid #aac9ff;
|
150
|
-
outline-offset: 1px;
|
151
|
-
box-shadow: 0 0 0 1px #fdfdfd;
|
48
|
+
padding-right: var(--gse-ui-links-inLine-padding);
|
152
49
|
}
|
153
50
|
|
154
51
|
/* Custom Styles */
|
@@ -176,9 +73,8 @@ table a:focus-visible {
|
|
176
73
|
height: calc(100% - var(--gse-ui-dataTableItems-header-default-height));
|
177
74
|
color: #596373;
|
178
75
|
background: #fdfdfd;
|
179
|
-
font-family:
|
180
|
-
font-weight:
|
181
|
-
font-
|
182
|
-
|
183
|
-
line-height: 24px;
|
76
|
+
font-family: var(--gse-core-fontFamily-heading), var(--gse-core-fontFamily-body), sans-serif;
|
77
|
+
font-weight: var(--gse-core-fontWeight-semiBold);
|
78
|
+
font-size: var(--gse-core-fontSize-lg);
|
79
|
+
line-height: var(--gse-lineHeight-md);
|
184
80
|
}
|
@@ -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
|
:host {
|
@@ -45,7 +51,8 @@
|
|
45
51
|
}
|
46
52
|
|
47
53
|
:host(:focus-visible) {
|
48
|
-
outline:
|
49
|
-
outline-
|
50
|
-
|
54
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
55
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
56
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
57
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
51
58
|
}
|
package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.css
CHANGED
@@ -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
|
gux-toggle-slider {
|
@@ -54,9 +60,10 @@ gux-toggle-slider .gux-toggle-slider.gux-disabled {
|
|
54
60
|
}
|
55
61
|
gux-toggle-slider .gux-toggle-slider:focus-visible {
|
56
62
|
outline: none;
|
57
|
-
outline:
|
58
|
-
outline-
|
59
|
-
|
63
|
+
outline-width: var(--gse-semantic-focusRing-default-border-width);
|
64
|
+
outline-style: var(--gse-semantic-focusRing-default-border-style);
|
65
|
+
outline-color: var(--gse-semantic-focusRing-default-border-color);
|
66
|
+
outline-offset: var(--gse-semantic-focusRing-offset);
|
60
67
|
}
|
61
68
|
gux-toggle-slider .gux-toggle-slider .gux-slider {
|
62
69
|
position: absolute;
|