From 6130541b4883e81736092aa3583c94f3533cd1b5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?= Date: Tue, 26 Sep 2023 12:28:05 +0300 Subject: [PATCH] Refactor #13740 Refactor #13737 --- src/app/components/accordion/accordion.css | 2 +- src/app/components/autocomplete/autocomplete.css | 2 +- src/app/components/avatar/avatar.css | 2 +- src/app/components/avatargroup/avatargroup.css | 2 +- src/app/components/badge/badge.css | 2 +- src/app/components/blockui/blockui.css | 2 +- src/app/components/breadcrumb/breadcrumb.css | 2 +- src/app/components/button/button.css | 2 +- src/app/components/calendar/calendar.css | 2 +- src/app/components/card/card.css | 2 +- src/app/components/carousel/carousel.css | 2 +- src/app/components/cascadeselect/cascadeselect.css | 2 +- src/app/components/checkbox/checkbox.css | 2 +- src/app/components/chip/chip.css | 2 +- src/app/components/chips/chips.css | 2 +- src/app/components/colorpicker/colorpicker.css | 2 +- src/app/components/common/common.css | 2 +- src/app/components/confirmpopup/confirmpopup.css | 2 +- src/app/components/contextmenu/contextmenu.css | 2 +- src/app/components/dataview/dataview.css | 2 +- src/app/components/dialog/dialog.css | 2 +- src/app/components/divider/divider.css | 2 +- src/app/components/dock/dock.css | 2 +- src/app/components/dropdown/dropdown.css | 2 +- src/app/components/fieldset/fieldset.css | 2 +- src/app/components/fileupload/fileupload.css | 2 +- src/app/components/galleria/galleria.css | 2 +- src/app/components/image/image.css | 2 +- src/app/components/inplace/inplace.css | 2 +- src/app/components/inputmask/inputmask.css | 2 +- src/app/components/inputnumber/inputnumber.css | 2 +- src/app/components/inputswitch/inputswitch.css | 2 +- src/app/components/inputtext/inputtext.css | 2 +- src/app/components/inputtextarea/inputtextarea.css | 2 +- src/app/components/knob/knob.css | 2 +- src/app/components/listbox/listbox.css | 2 +- src/app/components/megamenu/megamenu.css | 2 +- src/app/components/menu/menu.css | 2 +- src/app/components/menubar/menubar.css | 2 +- src/app/components/message/message.css | 2 +- src/app/components/messages/messages.css | 2 +- src/app/components/multiselect/multiselect.css | 2 +- src/app/components/orderlist/orderlist.css | 2 +- src/app/components/organizationchart/organizationchart.css | 2 +- src/app/components/overlay/overlay.css | 2 +- src/app/components/overlaypanel/overlaypanel.css | 2 +- src/app/components/paginator/paginator.css | 2 +- src/app/components/panel/panel.css | 2 +- src/app/components/panelmenu/panelmenu.css | 2 +- src/app/components/password/password.css | 2 +- src/app/components/picklist/picklist.css | 2 +- src/app/components/progressbar/progressbar.css | 2 +- src/app/components/progressspinner/progressspinner.css | 2 +- src/app/components/radiobutton/radiobutton.css | 2 +- src/app/components/rating/rating.css | 2 +- src/app/components/ripple/ripple.css | 2 +- src/app/components/scroller/scroller.css | 2 +- src/app/components/scrollpanel/scrollpanel.css | 2 +- src/app/components/scrolltop/scrolltop.css | 2 +- src/app/components/sidebar/sidebar.css | 2 +- src/app/components/skeleton/skeleton.css | 2 +- src/app/components/slidemenu/slidemenu.css | 2 +- src/app/components/slider/slider.css | 2 +- src/app/components/speeddial/speeddial.css | 2 +- src/app/components/spinner/spinner.css | 2 +- src/app/components/splitbutton/splitbutton.css | 2 +- src/app/components/splitter/splitter.css | 2 +- src/app/components/steps/steps.css | 2 +- src/app/components/table/table.css | 2 +- src/app/components/tabmenu/tabmenu.css | 2 +- src/app/components/tabview/tabview.css | 2 +- src/app/components/tag/tag.css | 2 +- src/app/components/terminal/terminal.css | 2 +- src/app/components/tieredmenu/tieredmenu.css | 2 +- src/app/components/timeline/timeline.css | 2 +- src/app/components/toast/toast.css | 2 +- src/app/components/toolbar/toolbar.css | 2 +- src/app/components/tooltip/tooltip.css | 2 +- src/app/components/tree/tree.css | 2 +- src/app/components/treeselect/treeselect.css | 2 +- src/app/components/treetable/treetable.css | 2 +- src/assets/components/themes/arya-blue/theme.css | 6 +++--- src/assets/components/themes/arya-green/theme.css | 6 +++--- src/assets/components/themes/arya-orange/theme.css | 6 +++--- src/assets/components/themes/arya-purple/theme.css | 6 +++--- src/assets/components/themes/bootstrap4-dark-blue/theme.css | 6 +++--- .../components/themes/bootstrap4-dark-purple/theme.css | 6 +++--- .../components/themes/bootstrap4-light-blue/theme.css | 6 +++--- .../components/themes/bootstrap4-light-purple/theme.css | 6 +++--- src/assets/components/themes/fluent-light/theme.css | 6 +++--- src/assets/components/themes/lara-dark-blue/theme.css | 6 +++--- src/assets/components/themes/lara-dark-indigo/theme.css | 6 +++--- src/assets/components/themes/lara-dark-purple/theme.css | 6 +++--- src/assets/components/themes/lara-dark-teal/theme.css | 6 +++--- src/assets/components/themes/lara-light-blue/theme.css | 6 +++--- src/assets/components/themes/lara-light-indigo/theme.css | 6 +++--- src/assets/components/themes/lara-light-purple/theme.css | 6 +++--- src/assets/components/themes/lara-light-teal/theme.css | 6 +++--- src/assets/components/themes/luna-amber/theme.css | 6 +++--- src/assets/components/themes/luna-blue/theme.css | 6 +++--- src/assets/components/themes/luna-green/theme.css | 6 +++--- src/assets/components/themes/luna-pink/theme.css | 6 +++--- src/assets/components/themes/md-dark-deeppurple/theme.css | 6 +++--- src/assets/components/themes/md-dark-indigo/theme.css | 6 +++--- src/assets/components/themes/md-light-deeppurple/theme.css | 6 +++--- src/assets/components/themes/md-light-indigo/theme.css | 6 +++--- src/assets/components/themes/mdc-dark-deeppurple/theme.css | 6 +++--- src/assets/components/themes/mdc-dark-indigo/theme.css | 6 +++--- src/assets/components/themes/mdc-light-deeppurple/theme.css | 6 +++--- src/assets/components/themes/mdc-light-indigo/theme.css | 6 +++--- src/assets/components/themes/mira/theme.css | 6 +++--- src/assets/components/themes/nano/theme.css | 6 +++--- src/assets/components/themes/nova-accent/theme.css | 6 +++--- src/assets/components/themes/nova-alt/theme.css | 6 +++--- src/assets/components/themes/nova/theme.css | 6 +++--- src/assets/components/themes/rhea/theme.css | 6 +++--- src/assets/components/themes/saga-blue/theme.css | 6 +++--- src/assets/components/themes/saga-green/theme.css | 6 +++--- src/assets/components/themes/saga-orange/theme.css | 6 +++--- src/assets/components/themes/saga-purple/theme.css | 6 +++--- src/assets/components/themes/soho-dark/theme.css | 6 +++--- src/assets/components/themes/soho-light/theme.css | 6 +++--- src/assets/components/themes/tailwind-light/theme.css | 6 +++--- src/assets/components/themes/vela-blue/theme.css | 6 +++--- src/assets/components/themes/vela-green/theme.css | 6 +++--- src/assets/components/themes/vela-orange/theme.css | 6 +++--- src/assets/components/themes/vela-purple/theme.css | 6 +++--- src/assets/components/themes/viva-dark/theme.css | 6 +++--- src/assets/components/themes/viva-light/theme.css | 6 +++--- 129 files changed, 225 insertions(+), 225 deletions(-) diff --git a/src/app/components/accordion/accordion.css b/src/app/components/accordion/accordion.css index 8df3eabc905..c576f092770 100755 --- a/src/app/components/accordion/accordion.css +++ b/src/app/components/accordion/accordion.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-accordion-header-link { cursor: pointer; display: flex; diff --git a/src/app/components/autocomplete/autocomplete.css b/src/app/components/autocomplete/autocomplete.css index a7be72518ec..aa8619eff26 100755 --- a/src/app/components/autocomplete/autocomplete.css +++ b/src/app/components/autocomplete/autocomplete.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-autocomplete { display: inline-flex; position: relative; diff --git a/src/app/components/avatar/avatar.css b/src/app/components/avatar/avatar.css index d9e3279f528..551dff78fcf 100755 --- a/src/app/components/avatar/avatar.css +++ b/src/app/components/avatar/avatar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-avatar { display: inline-flex; align-items: center; diff --git a/src/app/components/avatargroup/avatargroup.css b/src/app/components/avatargroup/avatargroup.css index ac2fa35be99..33c97ccb694 100755 --- a/src/app/components/avatargroup/avatargroup.css +++ b/src/app/components/avatargroup/avatargroup.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-avatar-group p-avatar + p-avatar { margin-left: -1rem; } diff --git a/src/app/components/badge/badge.css b/src/app/components/badge/badge.css index 3c4c73863b6..90a21511f9e 100644 --- a/src/app/components/badge/badge.css +++ b/src/app/components/badge/badge.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-badge { display: inline-block; border-radius: 10px; diff --git a/src/app/components/blockui/blockui.css b/src/app/components/blockui/blockui.css index 9271da5c781..67cd719da8b 100755 --- a/src/app/components/blockui/blockui.css +++ b/src/app/components/blockui/blockui.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-blockui { position: absolute; top: 0; diff --git a/src/app/components/breadcrumb/breadcrumb.css b/src/app/components/breadcrumb/breadcrumb.css index 60db9532984..8b62cea4647 100755 --- a/src/app/components/breadcrumb/breadcrumb.css +++ b/src/app/components/breadcrumb/breadcrumb.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-breadcrumb { overflow-x: auto; } diff --git a/src/app/components/button/button.css b/src/app/components/button/button.css index 52e82a41be1..7c2ca251cb1 100755 --- a/src/app/components/button/button.css +++ b/src/app/components/button/button.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-button { margin: 0; display: inline-flex; diff --git a/src/app/components/calendar/calendar.css b/src/app/components/calendar/calendar.css index b97b9ce0923..04d41c00c91 100755 --- a/src/app/components/calendar/calendar.css +++ b/src/app/components/calendar/calendar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-calendar { position: relative; display: inline-flex; diff --git a/src/app/components/card/card.css b/src/app/components/card/card.css index 2a1f6b9372a..f3e561f53ef 100755 --- a/src/app/components/card/card.css +++ b/src/app/components/card/card.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-card-header img { width: 100%; } diff --git a/src/app/components/carousel/carousel.css b/src/app/components/carousel/carousel.css index fb8226285c4..799ef9e9d4c 100755 --- a/src/app/components/carousel/carousel.css +++ b/src/app/components/carousel/carousel.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-carousel { display: flex; flex-direction: column; diff --git a/src/app/components/cascadeselect/cascadeselect.css b/src/app/components/cascadeselect/cascadeselect.css index e6a8ab928f1..75f0b5dd54b 100644 --- a/src/app/components/cascadeselect/cascadeselect.css +++ b/src/app/components/cascadeselect/cascadeselect.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-cascadeselect { display: inline-flex; cursor: pointer; diff --git a/src/app/components/checkbox/checkbox.css b/src/app/components/checkbox/checkbox.css index 49a232ccba5..e4741b28fe7 100755 --- a/src/app/components/checkbox/checkbox.css +++ b/src/app/components/checkbox/checkbox.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-checkbox { display: inline-flex; cursor: pointer; diff --git a/src/app/components/chip/chip.css b/src/app/components/chip/chip.css index a297d7f0800..d9c03023a6f 100755 --- a/src/app/components/chip/chip.css +++ b/src/app/components/chip/chip.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-chip { display: inline-flex; align-items: center; diff --git a/src/app/components/chips/chips.css b/src/app/components/chips/chips.css index 27d06a31e1e..96104c7feb7 100755 --- a/src/app/components/chips/chips.css +++ b/src/app/components/chips/chips.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-chips { display: inline-flex; } diff --git a/src/app/components/colorpicker/colorpicker.css b/src/app/components/colorpicker/colorpicker.css index b643f6a2f16..f79c5e8a8aa 100755 --- a/src/app/components/colorpicker/colorpicker.css +++ b/src/app/components/colorpicker/colorpicker.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-colorpicker { display: inline-block; } diff --git a/src/app/components/common/common.css b/src/app/components/common/common.css index 67874812b52..0ed78d752ca 100755 --- a/src/app/components/common/common.css +++ b/src/app/components/common/common.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-component, .p-component * { box-sizing: border-box; diff --git a/src/app/components/confirmpopup/confirmpopup.css b/src/app/components/confirmpopup/confirmpopup.css index d1f23e339a0..30998582078 100755 --- a/src/app/components/confirmpopup/confirmpopup.css +++ b/src/app/components/confirmpopup/confirmpopup.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-confirm-popup { position: absolute; margin-top: 10px; diff --git a/src/app/components/contextmenu/contextmenu.css b/src/app/components/contextmenu/contextmenu.css index c25bc45ac58..0c1b58c8201 100755 --- a/src/app/components/contextmenu/contextmenu.css +++ b/src/app/components/contextmenu/contextmenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-contextmenu { position: absolute; } diff --git a/src/app/components/dataview/dataview.css b/src/app/components/dataview/dataview.css index 9ceb9575ce7..9b6a9334c75 100755 --- a/src/app/components/dataview/dataview.css +++ b/src/app/components/dataview/dataview.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-dataview { position: relative; } diff --git a/src/app/components/dialog/dialog.css b/src/app/components/dialog/dialog.css index 7f31802d0eb..48a9455108b 100755 --- a/src/app/components/dialog/dialog.css +++ b/src/app/components/dialog/dialog.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-dialog-mask { position: fixed; top: 0; diff --git a/src/app/components/divider/divider.css b/src/app/components/divider/divider.css index dcfb3d83400..2738f847c0b 100644 --- a/src/app/components/divider/divider.css +++ b/src/app/components/divider/divider.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-divider-horizontal { display: flex; width: 100%; diff --git a/src/app/components/dock/dock.css b/src/app/components/dock/dock.css index 520cb5cf2ce..c5d1a39e529 100755 --- a/src/app/components/dock/dock.css +++ b/src/app/components/dock/dock.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-dock { position: absolute; z-index: 1; diff --git a/src/app/components/dropdown/dropdown.css b/src/app/components/dropdown/dropdown.css index 1608519463b..e19f076a4ad 100755 --- a/src/app/components/dropdown/dropdown.css +++ b/src/app/components/dropdown/dropdown.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-dropdown { display: inline-flex; cursor: pointer; diff --git a/src/app/components/fieldset/fieldset.css b/src/app/components/fieldset/fieldset.css index d0fc16ab465..c61be72c0d9 100755 --- a/src/app/components/fieldset/fieldset.css +++ b/src/app/components/fieldset/fieldset.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-fieldset-legend > a, .p-fieldset-legend > span { display: flex; diff --git a/src/app/components/fileupload/fileupload.css b/src/app/components/fileupload/fileupload.css index d675b419ec6..eccb43d9dc3 100755 --- a/src/app/components/fileupload/fileupload.css +++ b/src/app/components/fileupload/fileupload.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-fileupload-content { position: relative; } diff --git a/src/app/components/galleria/galleria.css b/src/app/components/galleria/galleria.css index 11df2dad389..c996776c864 100755 --- a/src/app/components/galleria/galleria.css +++ b/src/app/components/galleria/galleria.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-galleria-content { display: flex; flex-direction: column; diff --git a/src/app/components/image/image.css b/src/app/components/image/image.css index 1c036318713..b8a4ecaa43e 100755 --- a/src/app/components/image/image.css +++ b/src/app/components/image/image.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-image-mask { display: flex; align-items: center; diff --git a/src/app/components/inplace/inplace.css b/src/app/components/inplace/inplace.css index 6706c19c748..3e560777672 100755 --- a/src/app/components/inplace/inplace.css +++ b/src/app/components/inplace/inplace.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inplace .p-inplace-display { display: inline; cursor: pointer; diff --git a/src/app/components/inputmask/inputmask.css b/src/app/components/inputmask/inputmask.css index 6cd1b8ffaa0..9dd41c31041 100644 --- a/src/app/components/inputmask/inputmask.css +++ b/src/app/components/inputmask/inputmask.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inputmask-clear-icon { position: absolute; top: 50%; diff --git a/src/app/components/inputnumber/inputnumber.css b/src/app/components/inputnumber/inputnumber.css index 782ee64a8ce..32bfc0e9c80 100755 --- a/src/app/components/inputnumber/inputnumber.css +++ b/src/app/components/inputnumber/inputnumber.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { p-inputnumber, .p-inputnumber { display: inline-flex; diff --git a/src/app/components/inputswitch/inputswitch.css b/src/app/components/inputswitch/inputswitch.css index a67d5c79dda..a073d08bfb1 100755 --- a/src/app/components/inputswitch/inputswitch.css +++ b/src/app/components/inputswitch/inputswitch.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inputswitch { position: relative; display: inline-block; diff --git a/src/app/components/inputtext/inputtext.css b/src/app/components/inputtext/inputtext.css index f62064e065b..a125423f616 100755 --- a/src/app/components/inputtext/inputtext.css +++ b/src/app/components/inputtext/inputtext.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inputtext { margin: 0; } diff --git a/src/app/components/inputtextarea/inputtextarea.css b/src/app/components/inputtextarea/inputtextarea.css index a2108214707..8268a70b0c8 100755 --- a/src/app/components/inputtextarea/inputtextarea.css +++ b/src/app/components/inputtextarea/inputtextarea.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inputtextarea-resizable { overflow: hidden; resize: none; diff --git a/src/app/components/knob/knob.css b/src/app/components/knob/knob.css index 1a5c9a94ba6..75c96121508 100644 --- a/src/app/components/knob/knob.css +++ b/src/app/components/knob/knob.css @@ -3,7 +3,7 @@ stroke-dashoffset: 0; } } -@layer primeng.core { +@layer primeng { .p-knob-range { fill: none; transition: stroke 0.1s ease-in; diff --git a/src/app/components/listbox/listbox.css b/src/app/components/listbox/listbox.css index 6121720f72a..05f0f975be2 100755 --- a/src/app/components/listbox/listbox.css +++ b/src/app/components/listbox/listbox.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-listbox-list-wrapper { overflow: auto; } diff --git a/src/app/components/megamenu/megamenu.css b/src/app/components/megamenu/megamenu.css index 08826d3a3b9..7057b962b72 100755 --- a/src/app/components/megamenu/megamenu.css +++ b/src/app/components/megamenu/megamenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-megamenu-root-list { margin: 0; padding: 0; diff --git a/src/app/components/menu/menu.css b/src/app/components/menu/menu.css index 0a313cc8917..24e52435d69 100755 --- a/src/app/components/menu/menu.css +++ b/src/app/components/menu/menu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-menu-overlay { position: absolute; top: 0; diff --git a/src/app/components/menubar/menubar.css b/src/app/components/menubar/menubar.css index 578f0f14873..8acb442cb1f 100755 --- a/src/app/components/menubar/menubar.css +++ b/src/app/components/menubar/menubar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-menubar { display: flex; align-items: center; diff --git a/src/app/components/message/message.css b/src/app/components/message/message.css index 9423679dfd4..3ff4ab27106 100755 --- a/src/app/components/message/message.css +++ b/src/app/components/message/message.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-inline-message { display: inline-flex; align-items: center; diff --git a/src/app/components/messages/messages.css b/src/app/components/messages/messages.css index f4e16ed72e2..c0b0e9eefff 100755 --- a/src/app/components/messages/messages.css +++ b/src/app/components/messages/messages.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-message-wrapper { display: flex; align-items: center; diff --git a/src/app/components/multiselect/multiselect.css b/src/app/components/multiselect/multiselect.css index c914ca05334..285ca026914 100755 --- a/src/app/components/multiselect/multiselect.css +++ b/src/app/components/multiselect/multiselect.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-multiselect { display: inline-flex; cursor: pointer; diff --git a/src/app/components/orderlist/orderlist.css b/src/app/components/orderlist/orderlist.css index bd3507a2993..a4b898a9b87 100755 --- a/src/app/components/orderlist/orderlist.css +++ b/src/app/components/orderlist/orderlist.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-orderlist { display: flex; } diff --git a/src/app/components/organizationchart/organizationchart.css b/src/app/components/organizationchart/organizationchart.css index bcbeb7934a4..85ffeb92ce9 100755 --- a/src/app/components/organizationchart/organizationchart.css +++ b/src/app/components/organizationchart/organizationchart.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-organizationchart-table { border-spacing: 0; border-collapse: separate; diff --git a/src/app/components/overlay/overlay.css b/src/app/components/overlay/overlay.css index 81292e58dff..fb691ce8d6d 100644 --- a/src/app/components/overlay/overlay.css +++ b/src/app/components/overlay/overlay.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-overlay { position: absolute; top: 0; diff --git a/src/app/components/overlaypanel/overlaypanel.css b/src/app/components/overlaypanel/overlaypanel.css index a4153805f2e..2a2bb984805 100755 --- a/src/app/components/overlaypanel/overlaypanel.css +++ b/src/app/components/overlaypanel/overlaypanel.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-overlaypanel { position: absolute; margin-top: 10px; diff --git a/src/app/components/paginator/paginator.css b/src/app/components/paginator/paginator.css index d9b7e528bb6..a86d6f19f6b 100755 --- a/src/app/components/paginator/paginator.css +++ b/src/app/components/paginator/paginator.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-paginator { display: flex; align-items: center; diff --git a/src/app/components/panel/panel.css b/src/app/components/panel/panel.css index 2c649e02933..3bd0f07e425 100755 --- a/src/app/components/panel/panel.css +++ b/src/app/components/panel/panel.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-panel-header { display: flex; align-items: center; diff --git a/src/app/components/panelmenu/panelmenu.css b/src/app/components/panelmenu/panelmenu.css index 3c3bba71391..b409dacea47 100755 --- a/src/app/components/panelmenu/panelmenu.css +++ b/src/app/components/panelmenu/panelmenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-panelmenu .p-panelmenu-header-action { display: flex; align-items: center; diff --git a/src/app/components/password/password.css b/src/app/components/password/password.css index 095a0e33da4..7a58f85ea5b 100755 --- a/src/app/components/password/password.css +++ b/src/app/components/password/password.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-password { position: relative; display: inline-flex; diff --git a/src/app/components/picklist/picklist.css b/src/app/components/picklist/picklist.css index 205d3434749..3ef00411fd2 100755 --- a/src/app/components/picklist/picklist.css +++ b/src/app/components/picklist/picklist.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-picklist { display: flex; } diff --git a/src/app/components/progressbar/progressbar.css b/src/app/components/progressbar/progressbar.css index dfe7b496aea..009b823f5a5 100755 --- a/src/app/components/progressbar/progressbar.css +++ b/src/app/components/progressbar/progressbar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-progressbar { position: relative; overflow: hidden; diff --git a/src/app/components/progressspinner/progressspinner.css b/src/app/components/progressspinner/progressspinner.css index df4b18fdebf..9092d69f1a6 100755 --- a/src/app/components/progressspinner/progressspinner.css +++ b/src/app/components/progressspinner/progressspinner.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-progress-spinner { position: relative; margin: 0 auto; diff --git a/src/app/components/radiobutton/radiobutton.css b/src/app/components/radiobutton/radiobutton.css index e4287e925b8..7bd8a90360e 100755 --- a/src/app/components/radiobutton/radiobutton.css +++ b/src/app/components/radiobutton/radiobutton.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-radiobutton { display: inline-flex; cursor: pointer; diff --git a/src/app/components/rating/rating.css b/src/app/components/rating/rating.css index 6ab8fe3c0fb..c755b715ca2 100755 --- a/src/app/components/rating/rating.css +++ b/src/app/components/rating/rating.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-rating { display: inline-flex; } diff --git a/src/app/components/ripple/ripple.css b/src/app/components/ripple/ripple.css index a5fcc62a577..811262ded4a 100644 --- a/src/app/components/ripple/ripple.css +++ b/src/app/components/ripple/ripple.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-ripple { overflow: hidden; position: relative; diff --git a/src/app/components/scroller/scroller.css b/src/app/components/scroller/scroller.css index bcf16ff1d7e..7df9403016d 100644 --- a/src/app/components/scroller/scroller.css +++ b/src/app/components/scroller/scroller.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { p-scroller { flex: 1; outline: 0 none; diff --git a/src/app/components/scrollpanel/scrollpanel.css b/src/app/components/scrollpanel/scrollpanel.css index b6db26a8c0f..84d19e50c1d 100755 --- a/src/app/components/scrollpanel/scrollpanel.css +++ b/src/app/components/scrollpanel/scrollpanel.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-scrollpanel-wrapper { overflow: hidden; width: 100%; diff --git a/src/app/components/scrolltop/scrolltop.css b/src/app/components/scrolltop/scrolltop.css index 00aecb0b71f..840a514a877 100644 --- a/src/app/components/scrolltop/scrolltop.css +++ b/src/app/components/scrolltop/scrolltop.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-scrolltop { position: fixed; bottom: 20px; diff --git a/src/app/components/sidebar/sidebar.css b/src/app/components/sidebar/sidebar.css index 6c4036b6f50..b99d1f5e4a1 100755 --- a/src/app/components/sidebar/sidebar.css +++ b/src/app/components/sidebar/sidebar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-sidebar { position: fixed; transition: transform 0.3s; diff --git a/src/app/components/skeleton/skeleton.css b/src/app/components/skeleton/skeleton.css index 02e11ca1da8..0ba87206225 100644 --- a/src/app/components/skeleton/skeleton.css +++ b/src/app/components/skeleton/skeleton.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-skeleton { position: relative; overflow: hidden; diff --git a/src/app/components/slidemenu/slidemenu.css b/src/app/components/slidemenu/slidemenu.css index 3db2b8ea792..2b92f6373e3 100755 --- a/src/app/components/slidemenu/slidemenu.css +++ b/src/app/components/slidemenu/slidemenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-slidemenu .p-slidemenu-root-list { position: relative; top: 0; diff --git a/src/app/components/slider/slider.css b/src/app/components/slider/slider.css index ab7ee8588a8..6ca7433da2d 100755 --- a/src/app/components/slider/slider.css +++ b/src/app/components/slider/slider.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-slider { position: relative; } diff --git a/src/app/components/speeddial/speeddial.css b/src/app/components/speeddial/speeddial.css index 06b02e85d2e..f6f7dd57b38 100755 --- a/src/app/components/speeddial/speeddial.css +++ b/src/app/components/speeddial/speeddial.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-speeddial { position: absolute; display: flex; diff --git a/src/app/components/spinner/spinner.css b/src/app/components/spinner/spinner.css index 9adc62acad0..0ca2b584239 100755 --- a/src/app/components/spinner/spinner.css +++ b/src/app/components/spinner/spinner.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .ui-spinner { display: inline-block; overflow: visible; diff --git a/src/app/components/splitbutton/splitbutton.css b/src/app/components/splitbutton/splitbutton.css index 9a6c3f9ac8f..b95f56ee19b 100755 --- a/src/app/components/splitbutton/splitbutton.css +++ b/src/app/components/splitbutton/splitbutton.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-splitbutton { display: inline-flex; position: relative; diff --git a/src/app/components/splitter/splitter.css b/src/app/components/splitter/splitter.css index 1544b67ba28..c265335f1da 100644 --- a/src/app/components/splitter/splitter.css +++ b/src/app/components/splitter/splitter.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-splitter { display: flex; flex-wrap: nowrap; diff --git a/src/app/components/steps/steps.css b/src/app/components/steps/steps.css index 4987f657018..15abf80aa8b 100755 --- a/src/app/components/steps/steps.css +++ b/src/app/components/steps/steps.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-steps { position: relative; } diff --git a/src/app/components/table/table.css b/src/app/components/table/table.css index 649af8ff209..1d9c7591346 100755 --- a/src/app/components/table/table.css +++ b/src/app/components/table/table.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-datatable { position: relative; } diff --git a/src/app/components/tabmenu/tabmenu.css b/src/app/components/tabmenu/tabmenu.css index 02fcfaa2057..062d291951a 100755 --- a/src/app/components/tabmenu/tabmenu.css +++ b/src/app/components/tabmenu/tabmenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tabmenu-nav-container { position: relative; } diff --git a/src/app/components/tabview/tabview.css b/src/app/components/tabview/tabview.css index 894c8fb5965..00152ebc2d2 100755 --- a/src/app/components/tabview/tabview.css +++ b/src/app/components/tabview/tabview.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tabview-nav-container { position: relative; } diff --git a/src/app/components/tag/tag.css b/src/app/components/tag/tag.css index d3c22d89dd9..87e0cc6a369 100644 --- a/src/app/components/tag/tag.css +++ b/src/app/components/tag/tag.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tag { display: inline-flex; align-items: center; diff --git a/src/app/components/terminal/terminal.css b/src/app/components/terminal/terminal.css index d0634d94230..103a40241da 100755 --- a/src/app/components/terminal/terminal.css +++ b/src/app/components/terminal/terminal.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-terminal { height: 18rem; overflow: auto; diff --git a/src/app/components/tieredmenu/tieredmenu.css b/src/app/components/tieredmenu/tieredmenu.css index 7bdac7361d7..e7d8051507d 100755 --- a/src/app/components/tieredmenu/tieredmenu.css +++ b/src/app/components/tieredmenu/tieredmenu.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tieredmenu-overlay { position: absolute; top: 0; diff --git a/src/app/components/timeline/timeline.css b/src/app/components/timeline/timeline.css index 69a59b5f03d..e8475978679 100755 --- a/src/app/components/timeline/timeline.css +++ b/src/app/components/timeline/timeline.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-timeline { display: flex; flex-grow: 1; diff --git a/src/app/components/toast/toast.css b/src/app/components/toast/toast.css index 41cfb0422cb..be31f90e627 100755 --- a/src/app/components/toast/toast.css +++ b/src/app/components/toast/toast.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-toast { position: fixed; width: 25rem; diff --git a/src/app/components/toolbar/toolbar.css b/src/app/components/toolbar/toolbar.css index d65ef584092..7e15a448162 100755 --- a/src/app/components/toolbar/toolbar.css +++ b/src/app/components/toolbar/toolbar.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-toolbar { display: flex; align-items: center; diff --git a/src/app/components/tooltip/tooltip.css b/src/app/components/tooltip/tooltip.css index 6ea39727966..59fa161d5cd 100755 --- a/src/app/components/tooltip/tooltip.css +++ b/src/app/components/tooltip/tooltip.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tooltip { position: absolute; display: none; diff --git a/src/app/components/tree/tree.css b/src/app/components/tree/tree.css index f7c7bc9616c..a8c4215090a 100755 --- a/src/app/components/tree/tree.css +++ b/src/app/components/tree/tree.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-tree-container { margin: 0; padding: 0; diff --git a/src/app/components/treeselect/treeselect.css b/src/app/components/treeselect/treeselect.css index c815e2c1a76..f6e980edc16 100755 --- a/src/app/components/treeselect/treeselect.css +++ b/src/app/components/treeselect/treeselect.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-treeselect { display: inline-flex; cursor: pointer; diff --git a/src/app/components/treetable/treetable.css b/src/app/components/treetable/treetable.css index 34e7f7a735e..f823f52add8 100755 --- a/src/app/components/treetable/treetable.css +++ b/src/app/components/treetable/treetable.css @@ -1,4 +1,4 @@ -@layer primeng.core { +@layer primeng { .p-treetable { position: relative; } diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index 22d52627d08..a9fcafa2020 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -3060,7 +3060,7 @@ background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #93cbf9; diff --git a/src/assets/components/themes/arya-green/theme.css b/src/assets/components/themes/arya-green/theme.css index 3b467d965f1..8f160ae5b6c 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -3060,7 +3060,7 @@ background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a7d8a9; diff --git a/src/assets/components/themes/arya-orange/theme.css b/src/assets/components/themes/arya-orange/theme.css index c8cc8b0ec4a..7e917f88d51 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -3060,7 +3060,7 @@ background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #ffe284; diff --git a/src/assets/components/themes/arya-purple/theme.css b/src/assets/components/themes/arya-purple/theme.css index 4d987003949..f8dd9db0d29 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -3060,7 +3060,7 @@ background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #cf95d9; diff --git a/src/assets/components/themes/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index 97ddadc74c0..89a1135bf9d 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -3072,7 +3072,7 @@ background: #8dd0ff; color: #151515; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; @@ -3126,7 +3126,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e3f3fe; diff --git a/src/assets/components/themes/bootstrap4-dark-purple/theme.css b/src/assets/components/themes/bootstrap4-dark-purple/theme.css index 220656779d0..8709ce59ed9 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -3072,7 +3072,7 @@ background: #c298d8; color: #151515; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; @@ -3126,7 +3126,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #f0e6f5; diff --git a/src/assets/components/themes/bootstrap4-light-blue/theme.css b/src/assets/components/themes/bootstrap4-light-blue/theme.css index 2cc346b3e5a..08dea9114d7 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -3072,7 +3072,7 @@ background: #007bff; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); @@ -3126,7 +3126,7 @@ color: #212529; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); diff --git a/src/assets/components/themes/bootstrap4-light-purple/theme.css b/src/assets/components/themes/bootstrap4-light-purple/theme.css index 8be4a3bd854..af25854e6d7 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -3072,7 +3072,7 @@ background: #883cae; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); @@ -3126,7 +3126,7 @@ color: #212529; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); diff --git a/src/assets/components/themes/fluent-light/theme.css b/src/assets/components/themes/fluent-light/theme.css index 1c4e412af66..b9ccc36f8b1 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -3060,7 +3060,7 @@ background: #edebe9; color: #323130; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3080,7 +3080,7 @@ border-color: transparent; background: #f3f2f1; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; @@ -3114,7 +3114,7 @@ color: #323130; background: #f3f2f1; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #605e5c; diff --git a/src/assets/components/themes/lara-dark-blue/theme.css b/src/assets/components/themes/lara-dark-blue/theme.css index 1c234c74a85..52b7180c81a 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -3078,7 +3078,7 @@ background: rgba(147, 197, 253, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3098,7 +3098,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(147, 197, 253, 0.5); @@ -3132,7 +3132,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(147, 197, 253, 0.5); diff --git a/src/assets/components/themes/lara-dark-indigo/theme.css b/src/assets/components/themes/lara-dark-indigo/theme.css index 7e43116b9ba..be256138e0a 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -3078,7 +3078,7 @@ background: rgba(165, 180, 252, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3098,7 +3098,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(165, 180, 252, 0.5); @@ -3132,7 +3132,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(165, 180, 252, 0.5); diff --git a/src/assets/components/themes/lara-dark-purple/theme.css b/src/assets/components/themes/lara-dark-purple/theme.css index deec142d7e3..be1461da93a 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -3078,7 +3078,7 @@ background: rgba(196, 181, 253, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3098,7 +3098,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(196, 181, 253, 0.5); @@ -3132,7 +3132,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(196, 181, 253, 0.5); diff --git a/src/assets/components/themes/lara-dark-teal/theme.css b/src/assets/components/themes/lara-dark-teal/theme.css index 23c570fb968..e58da94a4c0 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -3078,7 +3078,7 @@ background: rgba(94, 234, 212, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3098,7 +3098,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(94, 234, 212, 0.5); @@ -3132,7 +3132,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem rgba(94, 234, 212, 0.5); diff --git a/src/assets/components/themes/lara-light-blue/theme.css b/src/assets/components/themes/lara-light-blue/theme.css index 6821d21bd1b..4034407a463 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -3078,7 +3078,7 @@ background: #EFF6FF; color: #1D4ED8; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3098,7 +3098,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; @@ -3132,7 +3132,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #BFDBFE; diff --git a/src/assets/components/themes/lara-light-indigo/theme.css b/src/assets/components/themes/lara-light-indigo/theme.css index 8661b85ac11..e5334de663b 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -3078,7 +3078,7 @@ background: #EEF2FF; color: #4338CA; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3098,7 +3098,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; @@ -3132,7 +3132,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C7D2FE; diff --git a/src/assets/components/themes/lara-light-purple/theme.css b/src/assets/components/themes/lara-light-purple/theme.css index 75a75b23254..8298350f8dc 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -3078,7 +3078,7 @@ background: #F5F3FF; color: #6D28D9; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3098,7 +3098,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; @@ -3132,7 +3132,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #DDD6FE; diff --git a/src/assets/components/themes/lara-light-teal/theme.css b/src/assets/components/themes/lara-light-teal/theme.css index 2d954668a2e..79ea4c0e4e7 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -3078,7 +3078,7 @@ background: #F0FDFA; color: #0F766E; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3098,7 +3098,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #99F6E4; @@ -3132,7 +3132,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #99F6E4; diff --git a/src/assets/components/themes/luna-amber/theme.css b/src/assets/components/themes/luna-amber/theme.css index 6371cc012f8..d82b727c34d 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -3072,7 +3072,7 @@ background: #FFE082; color: #212529; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3126,7 +3126,7 @@ color: #dedede; background: #4c4c4c; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem white; diff --git a/src/assets/components/themes/luna-blue/theme.css b/src/assets/components/themes/luna-blue/theme.css index 9bd2f6217f8..25160a07786 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -3072,7 +3072,7 @@ background: #81D4FA; color: #212529; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3126,7 +3126,7 @@ color: #dedede; background: #4c4c4c; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem white; diff --git a/src/assets/components/themes/luna-green/theme.css b/src/assets/components/themes/luna-green/theme.css index 19516ff9a5f..f2a68b8b085 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -3072,7 +3072,7 @@ background: #C5E1A5; color: #212529; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3126,7 +3126,7 @@ color: #dedede; background: #4c4c4c; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem white; diff --git a/src/assets/components/themes/luna-pink/theme.css b/src/assets/components/themes/luna-pink/theme.css index a8cfb00cdba..1e1d5f4ee48 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -3072,7 +3072,7 @@ background: #F48FB1; color: #212529; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; @@ -3126,7 +3126,7 @@ color: #dedede; background: #4c4c4c; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem white; diff --git a/src/assets/components/themes/md-dark-deeppurple/theme.css b/src/assets/components/themes/md-dark-deeppurple/theme.css index d513a6c75ce..c08b54a39e4 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -3084,7 +3084,7 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/md-dark-indigo/theme.css b/src/assets/components/themes/md-dark-indigo/theme.css index 90b746c60bd..0496d8d63a2 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -3084,7 +3084,7 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/md-light-deeppurple/theme.css b/src/assets/components/themes/md-light-deeppurple/theme.css index 5c95adb83ce..45bafe39d6d 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -3084,7 +3084,7 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/md-light-indigo/theme.css b/src/assets/components/themes/md-light-indigo/theme.css index 177d70a2dce..d7143304ec3 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -3084,7 +3084,7 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/mdc-dark-deeppurple/theme.css b/src/assets/components/themes/mdc-dark-deeppurple/theme.css index eda2d353daf..da503053ea0 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -3084,7 +3084,7 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/mdc-dark-indigo/theme.css b/src/assets/components/themes/mdc-dark-indigo/theme.css index 8124d689ce4..96c14910088 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -3084,7 +3084,7 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/mdc-light-deeppurple/theme.css b/src/assets/components/themes/mdc-light-deeppurple/theme.css index 71481391020..03d45034d5b 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -3084,7 +3084,7 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/mdc-light-indigo/theme.css b/src/assets/components/themes/mdc-light-indigo/theme.css index 5b83520b982..63b38a26ceb 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -3084,7 +3084,7 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(0, 0, 0, 0.04); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; @@ -3138,7 +3138,7 @@ color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: none; diff --git a/src/assets/components/themes/mira/theme.css b/src/assets/components/themes/mira/theme.css index fb12f54736b..6d6720413df 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -3088,7 +3088,7 @@ background: #D8DEE9; color: #2E3440; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3108,7 +3108,7 @@ border-color: #5E81AC; background: #ffffff; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #C0D0E0; @@ -3142,7 +3142,7 @@ color: #4C566A; background: transparent; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #C0D0E0; diff --git a/src/assets/components/themes/nano/theme.css b/src/assets/components/themes/nano/theme.css index c252479e5d4..2ba53fc81fb 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -3060,7 +3060,7 @@ background: #44A1D9; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3080,7 +3080,7 @@ border-color: #121619; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; @@ -3114,7 +3114,7 @@ color: #343a3f; background: #dde1e6; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #90c9f5; diff --git a/src/assets/components/themes/nova-accent/theme.css b/src/assets/components/themes/nova-accent/theme.css index b9a6a4e62f7..362d2dfef82 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -3060,7 +3060,7 @@ background: #e02365; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3080,7 +3080,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3114,7 +3114,7 @@ color: #333333; background: #eaeaea; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #8dcdff; diff --git a/src/assets/components/themes/nova-alt/theme.css b/src/assets/components/themes/nova-alt/theme.css index 24cc311f1d9..8466859b9db 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -3072,7 +3072,7 @@ background: #007ad9; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3126,7 +3126,7 @@ color: #333333; background: #eaeaea; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #8dcdff; diff --git a/src/assets/components/themes/nova/theme.css b/src/assets/components/themes/nova/theme.css index 6b1c7edd796..38a51d9f38b 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -3072,7 +3072,7 @@ background: #007ad9; color: #ffffff; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3092,7 +3092,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; @@ -3126,7 +3126,7 @@ color: #333333; background: #eaeaea; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #8dcdff; diff --git a/src/assets/components/themes/rhea/theme.css b/src/assets/components/themes/rhea/theme.css index c7cb83331d3..245405e2e77 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -3060,7 +3060,7 @@ background: #AFD3C8; color: #385048; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3080,7 +3080,7 @@ border-color: transparent; background: transparent; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; @@ -3114,7 +3114,7 @@ color: #666666; background: #f4f4f4; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e4e9ec; diff --git a/src/assets/components/themes/saga-blue/theme.css b/src/assets/components/themes/saga-blue/theme.css index 1a039b5b193..ddb76ceb86b 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -3060,7 +3060,7 @@ background: #E3F2FD; color: #495057; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3080,7 +3080,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; @@ -3114,7 +3114,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; diff --git a/src/assets/components/themes/saga-green/theme.css b/src/assets/components/themes/saga-green/theme.css index 22bfc922253..64f729d5d34 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -3060,7 +3060,7 @@ background: #E8F5E9; color: #495057; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3080,7 +3080,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; @@ -3114,7 +3114,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #b7e0b8; diff --git a/src/assets/components/themes/saga-orange/theme.css b/src/assets/components/themes/saga-orange/theme.css index 9c51a9b6995..73d1e80ed68 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -3060,7 +3060,7 @@ background: #FFF3E0; color: #495057; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3080,7 +3080,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; @@ -3114,7 +3114,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #ffe69c; diff --git a/src/assets/components/themes/saga-purple/theme.css b/src/assets/components/themes/saga-purple/theme.css index deb875aa56b..41c0e828b14 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -3060,7 +3060,7 @@ background: #F3E5F5; color: #495057; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3080,7 +3080,7 @@ border-color: transparent; background: #e9ecef; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; @@ -3114,7 +3114,7 @@ color: #495057; background: #e9ecef; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #df9eea; diff --git a/src/assets/components/themes/soho-dark/theme.css b/src/assets/components/themes/soho-dark/theme.css index f58ee9675af..0fe636645d9 100644 --- a/src/assets/components/themes/soho-dark/theme.css +++ b/src/assets/components/themes/soho-dark/theme.css @@ -3084,7 +3084,7 @@ background: rgba(177, 157, 247, 0.16); color: #b19df7; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3104,7 +3104,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; @@ -3138,7 +3138,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #e0d8fc; diff --git a/src/assets/components/themes/soho-light/theme.css b/src/assets/components/themes/soho-light/theme.css index c5c4b4102ba..562c713f469 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -3084,7 +3084,7 @@ background: #e2dcfc; color: #7254f3; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3104,7 +3104,7 @@ border-color: transparent; background: #f6f9fc; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; @@ -3138,7 +3138,7 @@ color: #043d75; background: #f6f9fc; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #c7bbfa; diff --git a/src/assets/components/themes/tailwind-light/theme.css b/src/assets/components/themes/tailwind-light/theme.css index 8787082b52d..8cf546905aa 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -3095,7 +3095,7 @@ background: #EEF2FF; color: #312E81; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3115,7 +3115,7 @@ border-color: transparent; background: #f4f4f5; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #6366F1; @@ -3149,7 +3149,7 @@ color: #18181B; background: #f4f4f5; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #6366F1; diff --git a/src/assets/components/themes/vela-blue/theme.css b/src/assets/components/themes/vela-blue/theme.css index 6024a82eb40..102ffdbf31b 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -3060,7 +3060,7 @@ background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #93cbf9; diff --git a/src/assets/components/themes/vela-green/theme.css b/src/assets/components/themes/vela-green/theme.css index 93c07c483cb..1a8d4922eb8 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -3060,7 +3060,7 @@ background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a7d8a9; diff --git a/src/assets/components/themes/vela-orange/theme.css b/src/assets/components/themes/vela-orange/theme.css index 704648d738a..d95533a98b7 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -3060,7 +3060,7 @@ background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #ffe284; diff --git a/src/assets/components/themes/vela-purple/theme.css b/src/assets/components/themes/vela-purple/theme.css index 50992b73550..0b7a118500b 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -3060,7 +3060,7 @@ background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3080,7 +3080,7 @@ border-color: transparent; background: rgba(255, 255, 255, 0.03); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; @@ -3114,7 +3114,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #cf95d9; diff --git a/src/assets/components/themes/viva-dark/theme.css b/src/assets/components/themes/viva-dark/theme.css index af7c66fdbb6..377c8b223a7 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -3092,7 +3092,7 @@ background: rgba(158, 173, 230, 0.16); color: #9eade6; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3112,7 +3112,7 @@ border-color: transparent; background: rgba(158, 173, 230, 0.08); } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; @@ -3146,7 +3146,7 @@ color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #9eade6; diff --git a/src/assets/components/themes/viva-light/theme.css b/src/assets/components/themes/viva-light/theme.css index aca6dd96536..f30eca80a55 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -3093,7 +3093,7 @@ background: #ced6f1; color: #585858; } - .p-column-filter-menu-button:focus { + .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3113,7 +3113,7 @@ border-color: transparent; background: #edf0fA; } - .p-column-filter-clear-button:focus { + .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; @@ -3147,7 +3147,7 @@ color: #6c6c6c; background: #edf0fA; } - .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { + .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #bbc7ee;