@arbor-css/typography 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { GlobalConfig } from '../../globals/dist/globalProps.js';
+export interface TypographyLevel {
+    size: string;
+    weight: number;
+    lineHeight: number;
+}
+export declare function isTypographyLevel(value: any): value is TypographyLevel;
+export interface CompiledTypography<TLevels extends string = DefaultTypographyLevel> {
+    defaultLevel: TLevels;
+    levels: {
+        [K in TLevels]: TypographyLevel;
+    };
+}
+export declare const defaultTypographyLevels: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export type DefaultTypographyLevel = (typeof defaultTypographyLevels)[number];
+export type TypographyConfig<TLevels extends string> = {
+    levels?: Record<TLevels, Partial<TypographyLevel>>;
+    defaultLevel?: TLevels;
+    globals?: Partial<GlobalConfig>;
+};
+export declare function compileTypography<TLevels extends string = DefaultTypographyLevel>(config: TypographyConfig<TLevels>): CompiledTypography<TLevels>;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAgB,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,WAAW,eAAe;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,eAAe,CAEtE;AAED,MAAM,WAAW,kBAAkB,CAClC,OAAO,SAAS,MAAM,GAAG,sBAAsB;IAE/C,YAAY,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE;SACN,CAAC,IAAI,OAAO,GAAG,eAAe;KAC/B,CAAC;CACF;AAED,eAAO,MAAM,uBAAuB,4EAW1B,CAAC;AACX,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,MAAM,MAAM,gBAAgB,CAAC,OAAO,SAAS,MAAM,IAAI;IACtD,MAAM,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IACnD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;CAChC,CAAC;AAEF,wBAAgB,iBAAiB,CAChC,OAAO,SAAS,MAAM,GAAG,sBAAsB,EAC9C,MAAM,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAgDhE"}

package/dist/index.js

@@ -0,0 +1,53 @@
+import { $, computeEquation, printComputationResult, } from '@arbor-css/calc';
+import { $globalProps } from '../../globals/dist/globalProps.js';
+export function isTypographyLevel(value) {
+    return value && 'size' in value && 'weight' in value && 'lineHeight' in value;
+}
+export const defaultTypographyLevels = [
+    'xs',
+    'sm',
+    'md',
+    'lg',
+    'xl',
+    '2xl',
+    '3xl',
+    '4xl',
+    '5xl',
+    '6xl',
+];
+export function compileTypography(config) {
+    const levelNames = config.levels ?
+        Object.keys(config.levels)
+        : defaultTypographyLevels;
+    const baseIndex = 
+    // user passed an explicit value
+    config.defaultLevel ? levelNames.indexOf(config.defaultLevel)
+        // user did not give us one, but did supply custom levels
+        : config.levels ? Math.floor(levelNames.length / 2)
+            // we're using default levels, and md is the base.
+            : levelNames.indexOf('md');
+    const evalContext = {
+        propertyValues: {
+            [$globalProps.baseFontSize.name]: config.globals?.baseFontSize?.toString(),
+        },
+    };
+    const levels = levelNames.reduce((acc, name, i) => {
+        const nameCast = name;
+        const levelConfig = config.levels?.[nameCast] ?? {};
+        acc[nameCast] = {
+            size: printComputationResult(computeEquation(typographySizeEquation(i - baseIndex), evalContext)),
+            weight: printComputationResult(computeEquation(typographyWeightEquation(i - baseIndex), evalContext)),
+            lineHeight: printComputationResult(computeEquation(typographyLineHeightEquation(i - baseIndex), evalContext)),
+            ...levelConfig,
+        };
+        return acc;
+    }, {});
+    return {
+        defaultLevel: config.defaultLevel ?? levelNames[baseIndex],
+        levels,
+    };
+}
+const typographySizeEquation = (step) => $.multiply($.literal('1rem'), $.fn('pow', $.literal(1.25), $.literal(step)));
+const typographyWeightEquation = (step) => $.add($.literal(400), $.multiply($.literal(25), $.literal(step)));
+const typographyLineHeightEquation = (step) => $.clamp($.subtract($.literal(1.5), $.multiply($.literal(0.05), $.literal(step))), $.literal(1.1), $.literal(1.5));
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@arbor-css/typography",
+  "version": "0.0.1",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "import": "./dist/index.js",
+      "node": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "typescript": "^6.0.3"
+  },
+  "dependencies": {
+    "@arbor-css/tokens": "0.0.1",
+    "@arbor-css/globals": "0.0.1",
+    "@arbor-css/calc": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc -w --preserveWatchOutput"
+  }
+}