🤖 Bip Bop - Fusion React Components Pre-Release (preview)

.changeset/pre.json

@@ -23,5 +23,8 @@
     "@equinor/fusion-react-utils": "3.0.0",
     "@equinor/fusion-react-components-stories": "5.0.0"
   },
-  "changesets": []
+  "changesets": [
+    "react-styles-remove-material-ui",
+    "storybook-styles-docs"
+  ]
 }

packages/context-selector/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 2.0.1-preview.0
+
+### Patch Changes
+
+- Updated dependencies [07a06d2]
+  - @equinor/fusion-react-styles@2.0.0-preview.0
+
 ## 2.0.0
 
 ### Major Changes

packages/context-selector/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-context-selector",
-  "version": "2.0.0",
+  "version": "2.0.1-preview.0",
   "description": "React component for context selector",
   "keywords": [
     "contextselector",

packages/errorboundary/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 2.0.1-preview.0
+
+### Patch Changes
+
+- Updated dependencies [07a06d2]
+  - @equinor/fusion-react-styles@2.0.0-preview.0
+
 ## 2.0.0
 
 ### Major Changes

packages/errorboundary/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-errorboundary",
-  "version": "2.0.0",
+  "version": "2.0.1-preview.0",
   "description": "React component for error boundary",
   "keywords": [
     "error-boundary",

packages/filter/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 2.0.1-preview.0
+
+### Patch Changes
+
+- Updated dependencies [07a06d2]
+  - @equinor/fusion-react-styles@2.0.0-preview.0
+
 ## 2.0.0
 
 ### Major Changes

packages/filter/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-filter",
-  "version": "2.0.0",
+  "version": "2.0.1-preview.0",
   "description": "component for Filtering data",
   "author": "",
   "homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/filter#readme",

packages/hanging-garden/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Change Log
 
+## 2.0.1-preview.0
+
+### Patch Changes
+
+- Updated dependencies [07a06d2]
+  - @equinor/fusion-react-styles@2.0.0-preview.0
+
 ## 2.0.0
 
 ### Major Changes

packages/hanging-garden/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-hanging-garden",
-  "version": "2.0.0",
+  "version": "2.0.1-preview.0",
   "description": "component handling rendering of hanging gardens",
   "author": "",
   "homepage": "https://github.com/equinor/fusion-react-components/tree/master/packages/HangingGarden#readme",

packages/styles/CHANGELOG.md

@@ -1,5 +1,42 @@
 # Change Log
 
+## 2.0.0-preview.0
+
+### Major Changes
+
+- 07a06d2: Remove `@material-ui/styles` dependency and replace with custom JSS-based implementation for React 19 compatibility.
+
+  ref: https://github.com/equinor/fusion-framework/issues/3698
+
+  ### Breaking Changes
+  - Removed `@material-ui/styles` dependency - replaced with direct JSS integration
+  - All Material-UI v4 styling APIs are now implemented internally
+  - No API changes - existing code should work without modifications
+
+  ### Added
+  - Custom `makeStyles` implementation using JSS directly
+  - Custom `StylesProvider` with enhanced scope isolation via seed prefixes
+  - Custom `ThemeProvider` with React 19 compatibility
+  - Comprehensive test suite with Vitest (52 tests, 100% statement coverage)
+  - Utility modules in `src/utils/`:
+    - `jss-setup.ts` - JSS instance configuration
+    - `class-name-generator.ts` - Class name generation logic
+    - `sheet-manager.ts` - Stylesheet caching and management
+    - `contexts.ts` - React context definitions
+  - TSDoc documentation for all exported APIs
+  - Updated README with comprehensive documentation
+
+  ### Changed
+  - Package now uses JSS directly instead of Material-UI wrapper
+  - Improved TypeScript types with better inference
+  - Enhanced class name isolation for micro-frontend scenarios
+
+  ### Technical Details
+  - React 19 compatible (tested with React ^18 || ^19)
+  - Uses JSS v10 with all necessary plugins
+  - Maintains backward compatibility with existing API surface
+  - Full test coverage with Vitest and React Testing Library
+
 ## 1.0.0
 
 ### Major Changes

packages/styles/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-styles",
-  "version": "1.0.0",
+  "version": "2.0.0-preview.0",
   "description": "style lib inspired by @material-ui/styles",
   "keywords": [
     "styling",

storybook/CHANGELOG.md

@@ -1,5 +1,38 @@
 # Change Log
 
+## 5.0.1-preview.0
+
+### Patch Changes
+
+- f9c381b: Add comprehensive Storybook documentation and stories for `@equinor/fusion-react-styles` package.
+
+  ref: https://github.com/equinor/fusion-framework/issues/3698
+
+  ### Added
+  - **Styles Documentation (`styles.mdx`)**: Comprehensive MDX documentation page showcasing all styling features
+  - **Story Groups**: Organized stories into logical groups:
+    - **Basic Usage**: Basic styles, dynamic styles, and theme-based styles
+    - **Scope Isolation**: Demonstrates critical micro-frontend style isolation with nested and side-by-side `StylesProvider` examples
+    - **Advanced Features**: Nested selectors, multiple style rules, and style caching
+    - **Theme System**: Theme composition and `useTheme` hook examples
+    - **Utilities**: `createStyles` helper examples
+  - **Visual Demonstrations**: Interactive stories showing:
+    - Class name generation and isolation
+    - Dynamic style updates based on props
+    - Theme integration
+    - CSS features like nested selectors and hover states
+
+  ### Changed
+  - Storybook port updated to 3000
+  - Removed `@material-ui/styles` dependency from Storybook package
+
+- Updated dependencies [07a06d2]
+  - @equinor/fusion-react-styles@2.0.0-preview.0
+  - @equinor/fusion-react-context-selector@2.0.1-preview.0
+  - @equinor/fusion-react-errorboundary@2.0.1-preview.0
+  - @equinor/fusion-react-filter@2.0.1-preview.0
+  - @equinor/fusion-react-hanging-garden@2.0.1-preview.0
+
 ## 5.0.0
 
 ### Major Changes

storybook/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/fusion-react-components-stories",
-  "version": "5.0.0",
+  "version": "5.0.1-preview.0",
   "description": "",
   "private": true,
   "scripts": {