This PR flips the default stylesheet depth resolution mode from CSS+JS to CSS.
In the CSS+JS mode, the system followed the dependency graph into JavaScript/TypeScript files, allowing for easy customization of internal parts without the need for explicit imports within a stylesheet. For instance, a gallery could define a .button class without requiring an import of the Button component, indicating its intent to customize it.
However, this mode has proven to be more complex to understand from a user perspective. Additionally, it is exclusively available ONLY within Stylable's Webpack integration, which poses challenges for Stylable in providing a unified cross-integration behavior.
While we anticipate deprecating this mode in the future, it will remain available for backward compatibility at present.
This PR flips the default stylesheet depth resolution mode from
CSS+JS
toCSS
.In the CSS+JS mode, the system followed the dependency graph into JavaScript/TypeScript files, allowing for easy customization of internal parts without the need for explicit imports within a stylesheet. For instance, a gallery could define a
.button
class without requiring an import of the Button component, indicating its intent to customize it.However, this mode has proven to be more complex to understand from a user perspective. Additionally, it is exclusively available ONLY within Stylable's Webpack integration, which poses challenges for Stylable in providing a unified cross-integration behavior.
While we anticipate deprecating this mode in the future, it will remain available for backward compatibility at present.