Refactored panel

components/lib/panel/style/PanelStyle.js

@@ -9,9 +9,9 @@ const classes = {
     ],
     header: 'p-panel-header',
     title: 'p-panel-title',
-    icons: 'p-panel-icons',
+    icons: 'p-panel-header-actions',
-    toggler: 'p-panel-header-icon p-panel-toggler p-link',
+    toggler: 'p-panel-toggle-button',
-    toggleablecontent: 'p-toggleable-content',
+    toggleablecontent: 'p-panel-content-container',
     content: 'p-panel-content',
     footer: 'p-panel-footer'
 };

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;
 }