Bug - DrawerPanelContent - custom styles can get overridden

[gitdallas]

from @jeswanke slack chat:

1. we added a DrawerPanelContent like so:

        <DrawerPanelContent
            defaultSize="800px"
            style={{ backgroundColor: 'rgb(21, 21, 21)' }}
        >

2. then DrawerPanelContent does this:

            {...((defaultSize || minSize || maxSize) && {
              style: boundaryCssVars as React.CSSProperties
            })}
            {...props}

3. so DrawerPanelContent sets defaultSize style, then our style overwrites that with {…props}

Expected behavior
we can use defaultSize, minSize, and maxSize and still use the style prop.

---

will probably want to either have a style prop separate, or use props.style for the style attribute and ignore it in ...props like

style={{
  ...(defaultSize || minSize || maxSize ? boundaryCssVars : {}),
  ...props.style
}}
{...{ ...props, style: undefined }}

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.