@ariaui/typography 0.2.0

package/dist/tokens.js

@@ -0,0 +1,159 @@
+import {
+  BREAKPOINTS,
+  FONT_STACKS,
+  RATIOS,
+  __spreadProps,
+  __spreadValues,
+  buildFontFamily,
+  createFontStack,
+  createModularScale,
+  createTextStyle,
+  extendScale,
+  fluidScale,
+  fluidSize,
+  fluidStyle,
+  getStep,
+  listSteps,
+  measureRange,
+  mergeTextStyles,
+  monoStack,
+  optimalMeasure,
+  responsiveStyle,
+  rhythmSpacing,
+  sansStack,
+  serifStack,
+  snapToBaseline,
+  sortedBreakpoints,
+  systemStack,
+  toCSSDeclarations,
+  toCSSProperties,
+  toCSSVars,
+  toTailwindClasses,
+  verticalRhythm
+} from "./chunk-F7KWOKBZ.js";
+
+// src/resolve.ts
+import { typeScale } from "@ariaui/tokens";
+function toScaleStep(step) {
+  return {
+    size: step.size,
+    lineHeight: step.lineHeight,
+    letterSpacing: step.letterSpacing,
+    fontWeight: step.fontWeight
+  };
+}
+function resolveTypeStep(name) {
+  const step = typeScale[name];
+  if (!step) return void 0;
+  return createTextStyle(toScaleStep(step));
+}
+function resolveTypeScale() {
+  const result = {};
+  for (const [name, step] of Object.entries(typeScale)) {
+    result[name] = createTextStyle(toScaleStep(step));
+  }
+  return result;
+}
+function resolveDisplayScale() {
+  const result = {};
+  for (const [name, step] of Object.entries(typeScale)) {
+    if (name.startsWith("display-")) {
+      result[name] = createTextStyle(toScaleStep(step));
+    }
+  }
+  return result;
+}
+function resolveTextScale() {
+  const result = {};
+  for (const [name, step] of Object.entries(typeScale)) {
+    if (name.startsWith("text-")) {
+      result[name] = createTextStyle(toScaleStep(step));
+    }
+  }
+  return result;
+}
+function resolveAsScaleSteps() {
+  const result = {};
+  for (const [name, step] of Object.entries(typeScale)) {
+    result[name] = toScaleStep(step);
+  }
+  return result;
+}
+function resolveFluidScale(mobileMultiplier = 0.75, viewports) {
+  const result = {};
+  for (const [name, step] of Object.entries(typeScale)) {
+    const desktopStep = toScaleStep(step);
+    const desktopSize = parseFloat(step.size);
+    const desktopLh = parseFloat(step.lineHeight);
+    const mobileStep = {
+      size: `${round(desktopSize * mobileMultiplier)}rem`,
+      lineHeight: `${round(desktopLh * mobileMultiplier)}rem`,
+      letterSpacing: step.letterSpacing,
+      fontWeight: step.fontWeight
+    };
+    result[name] = fluidStyle(mobileStep, desktopStep, viewports);
+  }
+  return result;
+}
+function deriveTextPresets() {
+  const scale = resolveTypeScale();
+  return {
+    heading1: __spreadProps(__spreadValues({}, scale["display-2xl"]), { fontWeight: "700" }),
+    heading2: __spreadProps(__spreadValues({}, scale["display-xl"]), { fontWeight: "700" }),
+    heading3: __spreadProps(__spreadValues({}, scale["display-lg"]), { fontWeight: "600" }),
+    heading4: __spreadProps(__spreadValues({}, scale["display-md"]), { fontWeight: "600" }),
+    heading5: __spreadProps(__spreadValues({}, scale["display-sm"]), { fontWeight: "600" }),
+    heading6: __spreadProps(__spreadValues({}, scale["display-xs"]), { fontWeight: "600" }),
+    body: __spreadProps(__spreadValues({}, scale["text-md"]), { fontWeight: "400" }),
+    bodyLarge: __spreadProps(__spreadValues({}, scale["text-lg"]), { fontWeight: "400" }),
+    bodySmall: __spreadProps(__spreadValues({}, scale["text-sm"]), { fontWeight: "400" }),
+    caption: __spreadProps(__spreadValues({}, scale["text-xs"]), { fontWeight: "400" }),
+    label: __spreadProps(__spreadValues({}, scale["text-sm"]), { fontWeight: "500" }),
+    overline: __spreadProps(__spreadValues({}, scale["text-xs"]), {
+      fontWeight: "600",
+      letterSpacing: "0.05em"
+    })
+  };
+}
+function round(value, decimals = 4) {
+  const f = Math.pow(10, decimals);
+  return Math.round(value * f) / f;
+}
+export {
+  BREAKPOINTS,
+  FONT_STACKS,
+  RATIOS,
+  buildFontFamily,
+  createFontStack,
+  createModularScale,
+  createTextStyle,
+  deriveTextPresets,
+  extendScale,
+  fluidScale,
+  fluidSize,
+  fluidStyle,
+  getStep,
+  listSteps,
+  measureRange,
+  mergeTextStyles,
+  monoStack,
+  optimalMeasure,
+  resolveAsScaleSteps,
+  resolveDisplayScale,
+  resolveFluidScale,
+  resolveTextScale,
+  resolveTypeScale,
+  resolveTypeStep,
+  responsiveStyle,
+  rhythmSpacing,
+  sansStack,
+  serifStack,
+  snapToBaseline,
+  sortedBreakpoints,
+  systemStack,
+  toCSSDeclarations,
+  toCSSProperties,
+  toCSSVars,
+  toTailwindClasses,
+  verticalRhythm
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@ariaui/typography",
+  "version": "0.2.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js",
+      "require": "./dist/tokens.cjs",
+      "default": "./dist/tokens.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
+  "peerDependencies": {
+    "@ariaui/tokens": "0.2.0"
+  },
+  "peerDependenciesMeta": {
+    "@ariaui/tokens": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@ariaui/tokens": "0.2.0"
+  },
+  "scripts": {
+    "build": "rimraf dist && tsup",
+    "dev": "rimraf dist && tsup --watch",
+    "lint": "eslint \"**/*.ts\"",
+    "clean": "rimraf node_modules && rimraf dist",
+    "test": "vitest run",
+    "test:watch": "vitest watch"
+  }
+}