Skip to content

Commit f7bce6c

Browse files
authored
Version Packages (#237)
1 parent 9776218 commit f7bce6c

File tree

3 files changed

+25
-27
lines changed

3 files changed

+25
-27
lines changed

.changeset/eight-kangaroos-grin.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

packages/metrics/CHANGELOG.md

Lines changed: 24 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,11 @@
11
# @capsizecss/metrics
22

3+
## 3.6.0
4+
5+
### Minor Changes
6+
7+
- [#235](https://github.com/seek-oss/capsize/pull/235) [`9776218`](https://github.com/seek-oss/capsize/commit/9776218d41ed1e28fbf98f0820ee6472eff726d0) Thanks [@michaeltaranto](https://github.com/michaeltaranto)! - Update Google Fonts
8+
39
## 3.5.0
410

511
### Minor Changes
@@ -30,22 +36,22 @@
3036
Available variants will differ by font, and follow the same variant naming as Google Fonts:
3137

3238
```ts
33-
import arial from '@capsizecss/metrics/arial';
34-
import arialItalic from '@capsizecss/metrics/arial/italic';
35-
import arialBold from '@capsizecss/metrics/arial/700';
36-
import arialBoldItalic from '@capsizecss/metrics/arial/700italic';
39+
import arial from "@capsizecss/metrics/arial";
40+
import arialItalic from "@capsizecss/metrics/arial/italic";
41+
import arialBold from "@capsizecss/metrics/arial/700";
42+
import arialBoldItalic from "@capsizecss/metrics/arial/700italic";
3743
```
3844

3945
Having metrics for different variants improves visual alignment of fallback fonts when using the `createFontStack` API from the `@capsizecss/core` package.
4046

4147
Example usage:
4248

4349
```ts
44-
import { createFontStack } from '@capsizecss/core';
45-
import montserrat from '@capsizecss/metrics/montserrat';
46-
import montserrat600 from '@capsizecss/metrics/montserrat/600';
47-
import arial from '@capsizecss/metrics/arial';
48-
import arialBold from '@capsizecss/metrics/arial/700';
50+
import { createFontStack } from "@capsizecss/core";
51+
import montserrat from "@capsizecss/metrics/montserrat";
52+
import montserrat600 from "@capsizecss/metrics/montserrat/600";
53+
import arial from "@capsizecss/metrics/arial";
54+
import arialBold from "@capsizecss/metrics/arial/700";
4955

5056
const regular = createFontStack([montserrat, arial]);
5157

@@ -122,8 +128,8 @@
122128

123129
```css
124130
@font-face {
125-
font-family: 'Web Font Fallback';
126-
src: local('Arial Bold'), local('Arial-BoldMT');
131+
font-family: "Web Font Fallback";
132+
src: local("Arial Bold"), local("Arial-BoldMT");
127133
font-weight: 700;
128134
ascent-override: 89.3502%;
129135
descent-override: 23.1683%;
@@ -154,7 +160,6 @@
154160
```
155161

156162
With only a small number of Google Fonts affected, this is only a break for the following fonts:
157-
158163
- Ballet
159164
- Bodoni Moda
160165
- Buda
@@ -242,7 +247,7 @@
242247

243248
```ts
244249
const { fontFamily, fontFaces } = createFontStack([lobster, arial], {
245-
subset: 'thai',
250+
subset: "thai",
246251
});
247252
```
248253

@@ -271,7 +276,6 @@
271276
Migrating Capsize packages to be precompiled with [Crackle], with a key change being Crackle now handles entry points instead of [Preconstruct].
272277

273278
Other benefits include:
274-
275279
- Modern module entry point syntax using the ["exports" field] with better tooling compatibility.
276280
- Improved types and better ESM and CJS compatibility
277281
- Better alignment between compiled code and module entry points
@@ -346,9 +350,9 @@
346350
A helper function to support tooling that needs to convert the font family name to the correct casing for the relevant metrics import.
347351

348352
```ts
349-
import { fontFamilyToCamelCase } from '@capsizecss/metrics';
353+
import { fontFamilyToCamelCase } from "@capsizecss/metrics";
350354

351-
const familyName = fontFamilyToCamelCase('--apple-system'); // => `appleSystem`
355+
const familyName = fontFamilyToCamelCase("--apple-system"); // => `appleSystem`
352356
const metrics = await import(`@capsizecss/metrics/${familyName}`);
353357
```
354358

@@ -365,9 +369,9 @@
365369
***
366370

367371
```ts
368-
import { entireMetricsCollection } from '@capsizecss/metrics/entireMetricsCollection';
372+
import { entireMetricsCollection } from "@capsizecss/metrics/entireMetricsCollection";
369373

370-
const metrics = entireMetricsCollection['arial'];
374+
const metrics = entireMetricsCollection["arial"];
371375
```
372376

373377
## 1.0.1
@@ -381,7 +385,6 @@
381385
- [#126](https://github.com/seek-oss/capsize/pull/126) [`eb59cde`](https://github.com/seek-oss/capsize/commit/eb59cde65705913ab83abd929ab956403efc881b) Thanks [@michaeltaranto](https://github.com/michaeltaranto)! - Add more system fonts
382386

383387
Expands the metrics library to include more system fonts. Fonts added are:
384-
385388
- `Tahoma`
386389
- `Lucida Grande`
387390
- `Verdana`
@@ -454,8 +457,8 @@
454457
TypeScript will now error when providing the metrics, rather than accepting them and rendering incorrectly.
455458

456459
```ts
457-
import myIncompleteFontMetrics from '@capsizecss/metrics/myIncompleteFont';
458-
import { createStyleObject } from '@capsizecss/core';
460+
import myIncompleteFontMetrics from "@capsizecss/metrics/myIncompleteFont";
461+
import { createStyleObject } from "@capsizecss/core";
459462

460463
createStyleObject({
461464
fontSize: 16,

packages/metrics/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@capsizecss/metrics",
3-
"version": "3.5.0",
3+
"version": "3.6.0",
44
"description": "Font metrics library for system and Google fonts",
55
"keywords": [
66
"capsize",

0 commit comments

Comments
 (0)