@utrecht/root-css 1.2.1 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +57 -0
- package/package.json +1 -1
- package/src/_forward.scss +7 -0
- package/src/html/_forward.scss +7 -0
- package/src/html/_mixin.scss +1 -1
- package/src/html/index.scss +1 -1
- package/src/index.scss +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,62 @@
|
|
|
1
1
|
# @utrecht/root-css
|
|
2
2
|
|
|
3
|
+
## 2.0.0
|
|
4
|
+
|
|
5
|
+
### Major Changes
|
|
6
|
+
|
|
7
|
+
- 77438bb: # BREAKING CHANGE: Migrate from SCSS @import to @use/@forward
|
|
8
|
+
|
|
9
|
+
Migrated all SCSS files from the legacy `@import` syntax to the modern `@use` and `@forward` module system.
|
|
10
|
+
|
|
11
|
+
## Breaking Changes
|
|
12
|
+
|
|
13
|
+
- **Import syntax changed**: `@import` statements replaced with `@use`/`@forward`
|
|
14
|
+
- **Namespace requirements**: Some imports now require explicit namespaces
|
|
15
|
+
- **File structure**: Added `_forward.scss` files for mixin exports
|
|
16
|
+
- **Module loading**: Modules are now loaded once and cached
|
|
17
|
+
|
|
18
|
+
## Migration Guide
|
|
19
|
+
|
|
20
|
+
### For CSS Classes
|
|
21
|
+
|
|
22
|
+
```scss
|
|
23
|
+
// Before
|
|
24
|
+
@import "~@utrecht/button-css/src/index";
|
|
25
|
+
|
|
26
|
+
// After (recommended)
|
|
27
|
+
@use "~@utrecht/button-css/src/index";
|
|
28
|
+
|
|
29
|
+
// Note: @import still works for CSS-only files but @use is recommended
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### For Mixins
|
|
33
|
+
|
|
34
|
+
```scss
|
|
35
|
+
// Before
|
|
36
|
+
@import "~@utrecht/button-css/src/mixin";
|
|
37
|
+
@include utrecht-button;
|
|
38
|
+
|
|
39
|
+
// After
|
|
40
|
+
@use "~@utrecht/button-css/src/forward" as *;
|
|
41
|
+
@include utrecht-button;
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### With Namespaces
|
|
45
|
+
|
|
46
|
+
```scss
|
|
47
|
+
@use "~@utrecht/focus-ring-css/src/forward" as focus-ring;
|
|
48
|
+
@include focus-ring.utrecht-focus-visible;
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
## Benefits
|
|
52
|
+
|
|
53
|
+
- Better performance through module caching
|
|
54
|
+
- Namespace safety prevents naming conflicts
|
|
55
|
+
- Explicit dependencies improve maintainability
|
|
56
|
+
- Future-proof with modern SCSS standards
|
|
57
|
+
|
|
58
|
+
See `SCSS_MIGRATION.md` for detailed migration instructions.
|
|
59
|
+
|
|
3
60
|
## 1.2.1
|
|
4
61
|
|
|
5
62
|
### Patch Changes
|
package/package.json
CHANGED
package/src/html/_mixin.scss
CHANGED
package/src/html/index.scss
CHANGED