Description

When I pass a style object to widgets, styles for camel cased attributes (borderColor, zIndex, etc) aren't applied. Setting styles with dash cased keys does work but that violates the CSSStyleDeclaration type.

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CartoLayer
• ArcGIS

Expected Behavior

I expect to see all style applied to the widget while still complying with the typings

Steps to Reproduce

Here is a link to a branch of a repo that can be used to reproduce this issue: https://github.com/TylerMatteo/react-deck-boilerplate/tree/widget-dashcase-style-bug

To reproduce:

1. Clone this repo and check out the widget-dashcase-style-bug branch
2. npm install
3. npm run dev
4. Observe that the widget styles applied to ZoomWidget in /src/App.tsx aren't applied.

Environment

• Framework version: [email protected]
• Browser: Firefox 125.0.3
• OS: MacOS Ventura 13.5

Logs

N/A