feat (cascadeselect): add panelStyles and panelClassName props (#8002)

* feat (cascadeselect): add panelStyles and panelClassName props

* chore: cleanup

Author: codiini

components/lib/cascadeselect/CascadeSelect.js

@@ -415,7 +415,8 @@ export const CascadeSelect = React.memo(
         const panelProps = mergeProps(
             {
                 ref: overlayRef,
-                className: cx('panel'),
+                className: classNames(props.panelClassName, cx('panel')),
+                style: props.panelStyle,
                 onClick: (e) => onPanelClick(e)
             },
             ptm('panel')

components/lib/cascadeselect/CascadeSelectBase.js

@@ -154,6 +154,8 @@ export const CascadeSelectBase = ComponentBase.extend({
         optionLabel: null,
         optionValue: null,
         options: null,
+        panelClassName: null,
+        panelStyle: null,
         placeholder: null,
         scrollHeight: '400px',
         style: null,

components/lib/cascadeselect/cascadeselect.d.ts

@@ -336,6 +336,14 @@ export interface CascadeSelectProps extends Omit<React.DetailedHTMLProps<React.I
      * @defaultValue false
      */
     unstyled?: boolean;
+    /**
+     * Style class of the cascadeselect panel.
+     */
+    panelClassName?: string | undefined;
+    /**
+     * Inline style of the cascadeselect panel.
+     */
+    panelStyle?: React.CSSProperties | undefined;
 }
 
 /**