@heliosgraphics/ui 2.0.0-alpha.100

package/types/typography.ts

@@ -0,0 +1 @@
+export type HeliosFontFamilyType = "sans" | "serif" | "mono"

package/utils/colors.ts

@@ -0,0 +1,11 @@
+import { COLORS } from "../constants/colors"
+import type { HeliosAppearanceType, HeliosColorType } from "../types/colors"
+
+export const getColorClasses = (
+	consideredColor: HeliosColorType,
+	consideredAppearance: HeliosAppearanceType,
+): Array<string> => {
+	const suffix: string = consideredAppearance === "light" ? "-soft" : ""
+
+	return COLORS.filter((color) => color === consideredColor).map((color) => `ui-${color}${suffix}`)
+}

package/utils/date.ts

@@ -0,0 +1,54 @@
+const DEFAULT_FORMAT_OPTIONS: Intl.DateTimeFormatOptions = {
+	year: "numeric",
+	month: "long",
+	day: "numeric",
+}
+
+const RELATIVE_UNITS: Array<{ unit: Intl.RelativeTimeFormatUnit; ms: number }> = [
+	{ unit: "year", ms: 365.25 * 24 * 60 * 60 * 1000 },
+	{ unit: "month", ms: 30.44 * 24 * 60 * 60 * 1000 },
+	{ unit: "week", ms: 7 * 24 * 60 * 60 * 1000 },
+	{ unit: "day", ms: 24 * 60 * 60 * 1000 },
+	{ unit: "hour", ms: 60 * 60 * 1000 },
+	{ unit: "minute", ms: 60 * 1000 },
+	{ unit: "second", ms: 1000 },
+]
+
+const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" })
+
+export const formatDate = (
+	date?: string | null,
+	options: Intl.DateTimeFormatOptions = DEFAULT_FORMAT_OPTIONS,
+): string => {
+	if (!date) return ""
+
+	const parsed = new Date(date)
+
+	if (Number.isNaN(parsed.getTime())) return ""
+
+	return new Intl.DateTimeFormat("en-US", options).format(parsed)
+}
+
+export const getIsValid = (date?: string | null): boolean => {
+	if (!date) return false
+
+	return !Number.isNaN(new Date(date).getTime())
+}
+
+export const getFromNow = (date?: string | null): string => {
+	if (!date) return ""
+
+	const parsed = new Date(date)
+
+	if (Number.isNaN(parsed.getTime())) return ""
+
+	const diff: number = parsed.getTime() - Date.now()
+
+	for (const { unit, ms } of RELATIVE_UNITS) {
+		if (Math.abs(diff) >= ms) {
+			return rtf.format(Math.round(diff / ms), unit)
+		}
+	}
+
+	return rtf.format(0, "second")
+}