@apollo/brand - npm Package Compare versions

Comparing version 0.0.5 to 0.1.0

CHANGELOG.md

 # @apollo/brand
 
+## 0.1.0
+
+### Minor Changes
+
+- bdfe94a: Split typography into two submodules
+
 ## 0.0.5
@@ -4,0 +10,0 @@

dist/index.d.ts

 export * as colors from "./colors";
-export * from "./typography";
+export * as typography from "./typography";

dist/index.js

 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.colors = void 0;
+exports.typography = exports.colors = void 0;
 exports.colors = require("./colors");
-__exportStar(require("./typography"), exports);
+exports.typography = require("./typography");
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@apollo/brand",
-  "version": "0.0.5",
+  "version": "0.1.0",
   "license": "UNLICENSED",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

README.md

@@ -27,4 +27,8 @@ # @apollo/brand
 
-The `typography` export is an object that maps named font variants to the following CSS properties:
+The `typography` export also contains `primitives` and `tokens`!
 
+The primitives include named font weights, i.e., `normal`, `medium` mapped to their numerical values (400, 500, etc.), and named font sizes that map to numerical font size and line height combinations.
+
+`tokens` is an object that maps named font variants to the following CSS properties:
+
 - `fontSize`
@@ -66,4 +70,3 @@ - `lineHeight`
         style={{
-          fontSize: typography.3xl.fontSize,
-          lineHeight: typography.3xl.lineHeight / typography.3xl.fontSize,
+          ...typography.tokens["3xl"],
           color: colors.tokens.text.primary.base,
@@ -70,0 +73,0 @@ backgroundColor: colors.primitives.navy[100]

src/index.ts

 export * as colors from "./colors";
-export * from "./typography";
+export * as typography from "./typography";

No alert changes

Improved metrics

Total package byte prevSize

49594

increased by7.33%

Number of package files

34

increased by30.77%

Lines of code

1366

increased by2.02%

Number of lines in readme file

80

increased by3.9%

No dependency changes