@aleph-alpha/config-css 0.17.20 → 0.18.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 +16 -0
- package/README.md +30 -0
- package/dist/index.js +322 -265
- package/package.json +2 -2
- package/src/assets/fonts/inter400.woff2.ts +2 -0
- package/src/assets/fonts/inter500.woff2.ts +2 -0
- package/src/assets/fonts/inter600.woff2.ts +2 -0
- package/src/assets/fonts/inter700.woff2.ts +2 -0
- package/src/assets/fonts/montserrat500.woff2.ts +2 -0
- package/src/assets/fonts/montserrat600.woff2.ts +2 -0
- package/src/assets/fonts/montserrat700.woff2.ts +2 -0
- package/src/presetWebFontsAlephAlpha.ts +66 -2
- package/src/utils/convert-fonts.js +48 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 0.18.1 (2025-09-22)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated config-eslint to 0.3.56
|
|
6
|
+
|
|
7
|
+
## 0.18.0 (2025-09-22)
|
|
8
|
+
|
|
9
|
+
### 🚀 Features
|
|
10
|
+
|
|
11
|
+
- **DS-185:** adds new fonts that will be used in the next version of the DS
|
|
12
|
+
|
|
13
|
+
### ❤️ Thank You
|
|
14
|
+
|
|
15
|
+
- Joel Alenchery
|
|
16
|
+
|
|
1
17
|
## 0.17.20 (2025-09-16)
|
|
2
18
|
|
|
3
19
|
### 🧱 Updated Dependencies
|
package/README.md
CHANGED
|
@@ -103,6 +103,36 @@ graph TD
|
|
|
103
103
|
|
|
104
104
|
```
|
|
105
105
|
|
|
106
|
+
## Font Conversion Utility
|
|
107
|
+
|
|
108
|
+
This package includes a utility script for converting WOFF2 font files to TypeScript files with base64-encoded data. This is useful for embedding fonts directly in your application.
|
|
109
|
+
|
|
110
|
+
### Usage
|
|
111
|
+
|
|
112
|
+
The `convert-fonts.js` script is located at `packages/config-css-preset/src/utils/convert-fonts.js` and can be used as follows:
|
|
113
|
+
|
|
114
|
+
```bash
|
|
115
|
+
node packages/config-css-preset/src/utils/convert-fonts.js <input.woff2> <output.ts>
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
### Example
|
|
119
|
+
|
|
120
|
+
```bash
|
|
121
|
+
node packages/config-css-preset/src/utils/convert-fonts.js montserrat600.woff2 montserrat600.woff2.ts
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
This will:
|
|
125
|
+
1. Read the WOFF2 font file
|
|
126
|
+
2. Convert it to base64 format
|
|
127
|
+
3. Generate a TypeScript file with an exported constant containing the base64 data
|
|
128
|
+
4. The constant name is derived from the output filename
|
|
129
|
+
|
|
130
|
+
The generated TypeScript file will look like:
|
|
131
|
+
```typescript
|
|
132
|
+
export const montserrat600 =
|
|
133
|
+
'data:@file/octet-stream;base64,<base64-encoded-font-data>';
|
|
134
|
+
```
|
|
135
|
+
|
|
106
136
|
## Config CSS Preset helps in UI Customization
|
|
107
137
|
|
|
108
138
|
[Read more here](./customization.md)
|