diff --git a/components/lib/panel/style/PanelStyle.js b/components/lib/panel/style/PanelStyle.js index dd65711fc..06c847d9a 100644 --- a/components/lib/panel/style/PanelStyle.js +++ b/components/lib/panel/style/PanelStyle.js @@ -9,9 +9,9 @@ const classes = { ], header: 'p-panel-header', title: 'p-panel-title', - icons: 'p-panel-icons', - toggler: 'p-panel-header-icon p-panel-toggler p-link', - toggleablecontent: 'p-toggleable-content', + icons: 'p-panel-header-actions', + toggler: 'p-panel-toggle-button', + toggleablecontent: 'p-panel-content-container', content: 'p-panel-content', footer: 'p-panel-footer' }; diff --git a/components/lib/themes/primeone/base/panel/index.js b/components/lib/themes/primeone/base/panel/index.js index 04403de78..fb0bba797 100644 --- a/components/lib/themes/primeone/base/panel/index.js +++ b/components/lib/themes/primeone/base/panel/index.js @@ -23,32 +23,6 @@ export default { font-weight: 600; } -.p-panel-header-icon { - display: inline-flex; - justify-content: center; - align-items: center; - cursor: pointer; - width: 1.75rem; - height: 1.75rem; - position: relative; - color: ${dt('panel.header.icon.color')}; - border: 0 none; - background: transparent; - border-radius: 50%; - transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')}; - outline-color: transparent; -} - -.p-panel-header-icon:enabled:hover { - color: ${dt('panel.header.icon.hover.color')}; - background: ${dt('panel.header.icon.hover.background')}; -} - -.p-panel-header-icon:focus-visible { - outline: ${dt('focus.ring.width')} ${dt('focus.ring.style')} ${dt('focus.ring.color')}; - outline-offset: ${dt('focus.ring.offset')}; -} - .p-panel-content { padding: 0 1.125rem 1.125rem 1.125rem; }