fix: standardize components

[danilowoz]

• Accept className props;
• Rename customStyle to style;
• Add proper Typescript types based on HTML element;

[github-actions]

Size changes

sandpack-react

Total base (gzip)	Total current (gzip)	+/-
161 kb	160 kb	🎉 -2 kb (-0.94%)

Details

Dependency name / file	Base	Current	+/-
index.css	28 kb	File removed	⚠️
webpack	487 bytes	File removed	⚠️
0	522 kb	522 kb	✅ 0 byte
main	457 kb	477 kb	⚠️ +20 kb (+4.29%)
@codesandbox/sandpack-react	73 kb	80 kb	⚠️ +7 kb (+9.54%)
@code-hike/classer	1 kb	1 kb	✅ 0 byte
@codemirror/state	35 kb	35 kb	✅ 0 byte
@codemirror/view	165 kb	165 kb	✅ 0 byte
@codemirror/highlight	12 kb	12 kb	✅ 0 byte
@codemirror/lang-css	11 kb	11 kb	✅ 0 byte
@codemirror/lang-javascript	6 kb	6 kb	✅ 0 byte
@codemirror/lang-html	15 kb	15 kb	✅ 0 byte
@stitches/core	New file	16 kb	⚠️
@codesandbox/sandpack-client	13 kb	13 kb	✅ 0 byte
@codemirror/closebrackets	6 kb	6 kb	✅ 0 byte
@codemirror/matchbrackets	4 kb	4 kb	✅ 0 byte
@codemirror/commands	24 kb	24 kb	✅ 0 byte
@codemirror/comment	5 kb	5 kb	✅ 0 byte
@codemirror/gutter	10 kb	10 kb	✅ 0 byte
@codemirror/history	9 kb	9 kb	✅ 0 byte
@react-hook/intersection-observer	2 kb	2 kb	✅ 0 byte
@lezer/common	33 kb	33 kb	✅ 0 byte
style-mod	3 kb	3 kb	✅ 0 byte
@codemirror/text	13 kb	13 kb	✅ 0 byte
@codemirror/rangeset	16 kb	16 kb	✅ 0 byte
w3c-keyname	2 kb	2 kb	✅ 0 byte
@codemirror/language	19 kb	19 kb	✅ 0 byte
@lezer/css	9 kb	9 kb	✅ 0 byte
@lezer/html	12 kb	12 kb	✅ 0 byte
@lezer/javascript	54 kb	54 kb	✅ 0 byte
@codemirror/autocomplete	34 kb	34 kb	✅ 0 byte
@react-hook/passive-layout-effect	191 bytes	191 bytes	✅ 0 byte
@lezer/lr	31 kb	31 kb	✅ 0 byte
@codemirror/tooltip	14 kb	14 kb	✅ 0 byte
lodash.isequal	18 kb	18 kb	✅ 0 byte
codesandbox-import-utils	367 bytes	367 bytes	✅ 0 byte
react-devtools-inline	823 kb	823 kb	✅ 0 byte
package-build-stats	New file	487 bytes	⚠️
lz-string	9 kb	9 kb	✅ 0 byte
intersection-observer	13 kb	13 kb	✅ 0 byte
react-is	2 kb	2 kb	✅ 0 byte

sandpack-client

Total base (gzip)	Total current (gzip)	+/-
7 kb	7 kb	✅ 0 byte

Details

Dependency name / file	Base	Current	+/-
webpack	487 bytes	File removed	⚠️
main	20 kb	21 kb	✅ 0 byte
@codesandbox/sandpack-client	11 kb	11 kb	✅ 0 byte
codesandbox-import-utils	3 kb	3 kb	✅ 0 byte
lodash.isequal	18 kb	18 kb	✅ 0 byte
package-build-stats	New file	487 bytes	⚠️

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 06061a2:

Sandbox	Source
Sandpack Blog Example 1	Configuration