@aleph-alpha/config-css 1.2.0 → 1.2.1
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 +7 -0
- package/customization.md +9 -3
- package/dist/index.js +684 -642
- package/package.json +3 -3
- package/src/index.ts +6 -0
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,13 @@
|
|
|
5
5
|
- Updated config-prettier to 0.3.117
|
|
6
6
|
- Updated config-eslint to 0.3.183
|
|
7
7
|
|
|
8
|
+
## [1.2.1](https://github.com/Aleph-Alpha/frontend-hub/compare/config-css-preset-1.2.0...config-css-preset-1.2.1) (2026-06-16)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Bug Fixes
|
|
12
|
+
|
|
13
|
+
* **config-css:** ship spacing/shadow token vars to consumers ([#468](https://github.com/Aleph-Alpha/frontend-hub/issues/468)) ([b0e46ee](https://github.com/Aleph-Alpha/frontend-hub/commit/b0e46ee2fe541e2dec78235243bfbc05fb3dfffa))
|
|
14
|
+
|
|
8
15
|
## [1.2.0](https://github.com/Aleph-Alpha/frontend-hub/compare/config-css-preset-1.1.0...config-css-preset-1.2.0) (2026-05-26)
|
|
9
16
|
|
|
10
17
|
|
package/customization.md
CHANGED
|
@@ -13,7 +13,7 @@ The Config CSS Preset enables customization of two main visual aspects:
|
|
|
13
13
|
|
|
14
14
|
These customizations are automatically applied to:
|
|
15
15
|
|
|
16
|
-
-
|
|
16
|
+
- Legacy components from deprecated `@aleph-alpha/ds-components-vue`
|
|
17
17
|
- Any Pharia applications that consume the `@aleph-alpha/config-css` package
|
|
18
18
|
|
|
19
19
|
## Font Customization
|
|
@@ -93,7 +93,10 @@ Add new font definitions to the existing preset file by following the establishe
|
|
|
93
93
|
|
|
94
94
|
```javascript
|
|
95
95
|
// Update font family dynamically
|
|
96
|
-
document.documentElement.style.setProperty(
|
|
96
|
+
document.documentElement.style.setProperty(
|
|
97
|
+
'--custom-font-family',
|
|
98
|
+
'Your-Custom-Font-Family',
|
|
99
|
+
);
|
|
97
100
|
```
|
|
98
101
|
|
|
99
102
|
#### CSS Method
|
|
@@ -196,7 +199,10 @@ const customColors = {
|
|
|
196
199
|
};
|
|
197
200
|
|
|
198
201
|
Object.entries(customColors).forEach(([token, value]) => {
|
|
199
|
-
document.documentElement.style.setProperty(
|
|
202
|
+
document.documentElement.style.setProperty(
|
|
203
|
+
`--un-preset-theme-colors-${token}`,
|
|
204
|
+
value,
|
|
205
|
+
);
|
|
200
206
|
});
|
|
201
207
|
```
|
|
202
208
|
|