feat: upgrade to @capsizecss/core v3 (#53)

danielroe · Sep 29, 2021 · b59229a · b59229a
1 parent d36b064
commit b59229a
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -62,6 +62,8 @@ module.exports = {
 }
 ```
 
+**Note**: there are many font metrics you can install from `@capsizecss/metrics` - or generate from a font file via `@capsizecss/unpack`.
+
 ## Example
 
 ### Split syntax

diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "postpublish": "pinst --enable"
   },
   "dependencies": {
-    "capsize": "^2.0.0"
+    "@capsizecss/core": "^3.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.15.5",

diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,4 @@
-import capsize, { FontMetrics } from 'capsize'
+import { createStyleObject, FontMetrics } from '@capsizecss/core'
 import type { Declaration, Helpers, PluginCreator, Rule } from 'postcss'
 
 export interface PluginOptions {
@@ -91,7 +91,7 @@ const plugin: PluginCreator<PluginOptions> = ctx => {
       Rule
     )
 
-    const values = capsize({
+    const values = createStyleObject({
       fontMetrics: metrics[fontFamily],
       fontSize: Number(size),
       lineGap: Number(gap),
@@ -114,8 +114,11 @@ const plugin: PluginCreator<PluginOptions> = ctx => {
 
     Declaration: {
       'font-metrics': (declaration, helpers) => {
-        const { size, family: fontFamily, gap } =
-          declaration.value.match(matcher)?.groups || {}
+        const {
+          size,
+          family: fontFamily,
+          gap,
+        } = declaration.value.match(matcher)?.groups || {}
 
         if (!size || !fontFamily || !gap) {
           throw new Error(

diff --git a/yarn.lock b/yarn.lock
@@ -1296,6 +1296,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@capsizecss/core@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@capsizecss/core@npm:3.0.0"
+  checksum: a3332919860573f24d14107bf070d4d9da304b5e22c461bbd3c0b14912a4c6cca6d9a3a6a02b2d8d19858eb709d1efa7eae8ff3c6d58440d40faa19b9b27debe
+  languageName: node
+  linkType: hard
+
 "@eslint/eslintrc@npm:^0.4.3":
   version: 0.4.3
   resolution: "@eslint/eslintrc@npm:0.4.3"
@@ -3033,13 +3040,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"capsize@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "capsize@npm:2.0.0"
-  checksum: 11b490ec7c334feb034662a0593ed4c96de6518619dba63f30f21f53f631080472766c9c59fe2c79863a9dca313600539811cfa9f62c6d286454f10fbbe13725
-  languageName: node
-  linkType: hard
-
 "caseless@npm:~0.12.0":
   version: 0.12.0
   resolution: "caseless@npm:0.12.0"
@@ -7680,13 +7680,13 @@ __metadata:
     "@babel/preset-env": ^7.15.6
     "@babel/preset-typescript": ^7.15.0
     "@babel/runtime": ^7.15.4
+    "@capsizecss/core": ^3.0.0
     "@jest/test-sequencer": ^27.2.4
     "@release-it/conventional-changelog": ^3.3.0
     "@siroc/eslint-config": ^0.2.0
     "@types/jest": ^27.0.2
     "@typescript-eslint/eslint-plugin": ^4.32.0
     "@typescript-eslint/parser": ^4.32.0
-    capsize: ^2.0.0
     codecov: ^3.8.3
     conventional-changelog-conventionalcommits: ^4.6.1
     esbuild: 0.13.3