@ariaui/typography 0.2.2 → 0.2.4

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

@@ -1,6 +1,6 @@
 {
   "name": "@ariaui/typography",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -24,7 +24,7 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@ariaui/tokens": "0.2.0"
+    "@ariaui/tokens": "0.2.2"
   },
   "peerDependenciesMeta": {
     "@ariaui/tokens": {
@@ -32,7 +32,7 @@
     }
   },
   "devDependencies": {
-    "@ariaui/tokens": "0.2.0"
+    "@ariaui/tokens": "0.2.2"
   },
   "scripts": {
     "build": "rimraf dist && tsup",