feat(@clayui/panel): Update displayType and size props (LPS-202818)

As previously discussed, we are now using two now displayTypes that only affect the
styles of the component, and adding a new "size" prop that modifies the text size.

packages/clay-panel/src/index.tsx

@@ -51,7 +51,7 @@ export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
 	/**
 	 * Flag to indicate the visual variation of the Panel.
 	 */
-	displayType?: 'unstyled' | 'secondary';
+	displayType?: 'block' | 'default' | 'secondary' | 'unstyled';
 
 	/**
 	 * Determines if menu is expanded or not (controlled).
@@ -68,6 +68,11 @@ export interface IProps extends React.HTMLAttributes<HTMLDivElement> {
 	 */
 	showCollapseIcon?: boolean;
 
+	/**
+	 * Flag to indicate the visual variation of the Panel.
+	 */
+	size?: 'lg' | 'sm';
+
 	/**
 	 * Path to spritemap for clay icons
 	 */
@@ -94,6 +99,7 @@ function ClayPanel({
 	expanded,
 	onExpandedChange,
 	showCollapseIcon = true,
+	size,
 	spritemap,
 	...otherProps
 }: IProps) {
@@ -115,6 +121,7 @@ function ClayPanel({
 			{...otherProps}
 			className={classNames('panel', className, {
 				[`panel-${displayType}`]: displayType,
+				[`panel-${size}`]: size,
 			})}
 		>
 			{!collapsable && (