@qumra/fanar 0.0.0

package/dist/tokens.d.ts

@@ -0,0 +1,164 @@
+/** سلّم الخط — الدرجة بعد `text-` */
+declare const TEXT_SCALE: readonly ["micro", "caption", "ui", "body", "lead", "base", "h4", "h3", "h2", "h1", "display", "hero", "title", "mega"];
+type TextSize = (typeof TEXT_SCALE)[number];
+/** نصف القطر بالدور مش بالمقاس — الدرجة بعد `rounded-` */
+declare const RADIUS_SCALE: readonly ["mark", "xs", "sm", "field", "card", "lg", "section", "full"];
+type Radius = (typeof RADIUS_SCALE)[number];
+/** الظل بالدور — الدرجة بعد `shadow-` */
+declare const SHADOW_SCALE: readonly ["raise", "tip", "panel", "pop", "modal", "toast", "sheet"];
+type Shadow = (typeof SHADOW_SCALE)[number];
+/** عرض الحاويات — الدرجة بعد `max-w-` */
+declare const CONTAINER_SCALE: readonly ["page", "shell", "note", "lead"];
+type Container = (typeof CONTAINER_SCALE)[number];
+/** الحركات — الدرجة بعد `animate-` */
+declare const ANIMATE_SCALE: readonly ["qfade", "qslide", "tip", "tip-up", "drawer", "drawer-rtl", "savebar", "skeleton"];
+type Animation = (typeof ANIMATE_SCALE)[number];
+/** أسماء الألوان — الدرجة بعد `bg-` و`text-` و`border-` */
+declare const COLOR_SCALE: readonly ["surface", "bg", "line", "hover", "ink", "ink2", "muted", "muted2", "border", "soft", "soft2", "brand-100", "brand-900", "brand-ink", "brand", "brand-hover", "brand-deep", "skeleton", "tint", "tint2", "mint", "amber-900", "amber", "amber-bg", "amber-ink", "amber-line", "amber-hover", "green", "green-bg", "green-bg2", "green-line", "green-solid", "violet", "violet-bg", "violet-line", "violet-solid", "red-100", "red", "red-bg", "red-line", "danger", "danger-hover", "night", "hero-body", "hero-meta", "hero-dim", "hero-text", "code-bg", "code-plain", "code-key", "code-tag", "code-attr", "code-str", "code-num", "code-note", "code-dim", "code-line", "code-chip"];
+type ColorToken = (typeof COLOR_SCALE)[number];
+/** كل التوكنز بقيمتها في الوضع الفاتح — للكود اللي بياخد اللون كنصّ */
+declare const TOKENS: {
+    readonly '--font-sans': "\"Alexandria\", system-ui, sans-serif";
+    readonly '--color-surface': "#ffffff";
+    readonly '--color-bg': "#f7f9f9";
+    readonly '--color-line': "#edf1f1";
+    readonly '--color-hover': "#f2f6f6";
+    readonly '--color-ink': "#020809";
+    readonly '--color-ink2': "#3d4545";
+    readonly '--color-muted': "#5f6a6a";
+    readonly '--color-muted2': "#687373";
+    readonly '--color-border': "#7f8c8c";
+    readonly '--color-soft': "#eaf2f3";
+    readonly '--color-soft2': "#dceded";
+    readonly '--color-brand-100': "#a5c9cc";
+    readonly '--color-brand-900': "#0a2528";
+    readonly '--color-brand-ink': "#0f4a4e";
+    readonly '--color-brand': "#207982";
+    readonly '--color-brand-hover': "#1a646c";
+    readonly '--color-brand-deep': "#0b3b3e";
+    readonly '--color-skeleton': "#d6dcdc";
+    readonly '--color-tint': "#f4faf8";
+    readonly '--color-tint2': "#eff6f3";
+    readonly '--color-mint': "#7dd3c0";
+    readonly '--color-amber-900': "#3d2a05";
+    readonly '--color-amber': "#f8ac33";
+    readonly '--color-amber-bg': "#fef6e9";
+    readonly '--color-amber-ink': "#85570f";
+    readonly '--color-amber-line': "#fbd79a";
+    readonly '--color-amber-hover': "#de9219";
+    readonly '--color-green': "#1e7a45";
+    readonly '--color-green-bg': "#f1faf4";
+    readonly '--color-green-bg2': "#e9f6ee";
+    readonly '--color-green-line': "#bfe6ce";
+    readonly '--color-green-solid': "#1e7a45";
+    readonly '--color-violet': "#4b3e8e";
+    readonly '--color-violet-bg': "#edeaf6";
+    readonly '--color-violet-line': "#ded8ef";
+    readonly '--color-violet-solid': "#6d5eb8";
+    readonly '--color-red-100': "#f3a79e";
+    readonly '--color-red': "#8e2b20";
+    readonly '--color-red-bg': "#fdecea";
+    readonly '--color-red-line': "#f3c9c4";
+    readonly '--color-danger': "#c94134";
+    readonly '--color-danger-hover': "#a3362b";
+    readonly '--color-night': "#0b0f12";
+    readonly '--color-hero-body': "#bfd9d8";
+    readonly '--color-hero-meta': "#8fb3b2";
+    readonly '--color-hero-dim': "#5e7a79";
+    readonly '--color-hero-text': "#d7e3e2";
+    readonly '--color-code-bg': "#1f1f1f";
+    readonly '--color-code-plain': "#d4d4d4";
+    readonly '--color-code-key': "#569cd6";
+    readonly '--color-code-tag': "#4ec9b0";
+    readonly '--color-code-attr': "#9cdcfe";
+    readonly '--color-code-str': "#ce9178";
+    readonly '--color-code-num': "#b5cea8";
+    readonly '--color-code-note': "#6a9955";
+    readonly '--color-code-dim': "#858585";
+    readonly '--color-code-line': "#303031";
+    readonly '--color-code-chip': "#f4f7f7";
+    readonly '--text-micro': "11px";
+    readonly '--text-caption': "12px";
+    readonly '--text-ui': "13px";
+    readonly '--text-body': "14px";
+    readonly '--text-lead': "15px";
+    readonly '--text-base': "16px";
+    readonly '--text-base--line-height': "initial";
+    readonly '--text-h4': "17px";
+    readonly '--text-h3': "20px";
+    readonly '--text-h2': "24px";
+    readonly '--text-h1': "30px";
+    readonly '--text-display': "36px";
+    readonly '--text-hero': "44px";
+    readonly '--text-title': "40px";
+    readonly '--text-mega': "54px";
+    readonly '--container-page': "1600px";
+    readonly '--container-shell': "1600px";
+    readonly '--container-note': "340px";
+    readonly '--container-lead': "520px";
+    readonly '--radius-mark': "3px";
+    readonly '--radius-xs': "5px";
+    readonly '--radius-sm': "7px";
+    readonly '--radius-field': "9px";
+    readonly '--radius-card': "12px";
+    readonly '--radius-lg': "14px";
+    readonly '--radius-section': "18px";
+    readonly '--radius-full': "999px";
+    readonly '--shadow-raise': "0 1px 3px var(--shadow-color)";
+    readonly '--shadow-tip': "0 6px 18px var(--shadow-color)";
+    readonly '--shadow-panel': "0 10px 30px var(--shadow-color)";
+    readonly '--shadow-pop': "0 18px 44px var(--shadow-color)";
+    readonly '--shadow-modal': "0 24px 60px rgb(2 8 9 / 0.28)";
+    readonly '--shadow-toast': "0 16px 40px rgb(2 8 9 / 0.26)";
+    readonly '--shadow-sheet': "0 -14px 40px rgb(2 8 9 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.06)";
+    readonly '--shadow-color': "rgb(2 8 9 / 0.14)";
+    readonly '--animate-qfade': "qfade 0.16s ease-out";
+    readonly '--animate-qslide': "qslidein 0.22s ease-out";
+    readonly '--animate-tip': "tip-in 0.26s cubic-bezier(0.2, 0.8, 0.2, 1)";
+    readonly '--animate-tip-up': "tip-up 0.3s cubic-bezier(0.2, 0.9, 0.2, 1)";
+    readonly '--animate-drawer': "drawer-ltr 0.32s cubic-bezier(0.2, 0.9, 0.2, 1)";
+    readonly '--animate-drawer-rtl': "drawer-rtl 0.32s cubic-bezier(0.2, 0.9, 0.2, 1)";
+    readonly '--animate-savebar': "savebar-in 0.2s cubic-bezier(0.2, 0.8, 0.2, 1)";
+    readonly '--animate-skeleton': "skeleton-pulse 1.6s ease-in-out infinite";
+    readonly '--num-align': "right";
+    readonly '--num-align-far': "left";
+    readonly '--num-pad-right': "0.875rem";
+    readonly '--num-pad-left': "3.5rem";
+    readonly '--num-icon-pad-right': "2.5rem";
+    readonly '--num-icon-pad-left': "0.875rem";
+};
+/** التجاوزات في الوضع الداكن — بس اللي بيتغيّر */
+declare const DARK_TOKENS: {
+    readonly '--color-surface': "#101718";
+    readonly '--color-bg': "#0a0f10";
+    readonly '--color-line': "#1e2829";
+    readonly '--color-hover': "#1a2425";
+    readonly '--color-ink': "#f2f6f6";
+    readonly '--color-ink2': "#c7d1d1";
+    readonly '--color-muted': "#93a0a0";
+    readonly '--color-muted2': "#7a8787";
+    readonly '--color-border': "#5e6b6c";
+    readonly '--color-soft': "#12363a";
+    readonly '--color-soft2': "#17454a";
+    readonly '--color-brand-ink': "#7dd3c0";
+    readonly '--color-skeleton': "#2c3232";
+    readonly '--color-amber': "#f8ac33";
+    readonly '--color-amber-bg': "#2b2009";
+    readonly '--color-amber-ink': "#f5c77a";
+    readonly '--color-amber-line': "#5c4415";
+    readonly '--color-green': "#6ecf9a";
+    readonly '--color-green-bg': "#0d2119";
+    readonly '--color-green-bg2': "#102a22";
+    readonly '--color-green-line': "#245140";
+    readonly '--color-violet': "#b9aeea";
+    readonly '--color-violet-bg': "#1e1a33";
+    readonly '--color-violet-line': "#38305c";
+    readonly '--color-red': "#f3a79e";
+    readonly '--color-red-bg': "#2c1613";
+    readonly '--color-red-line': "#5c2a24";
+    readonly '--color-code-chip': "#17201f";
+    readonly '--shadow-color': "rgb(0 0 0 / 0.55)";
+};
+type TokenName = keyof typeof TOKENS;
+
+export { ANIMATE_SCALE, type Animation, COLOR_SCALE, CONTAINER_SCALE, type ColorToken, type Container, DARK_TOKENS, RADIUS_SCALE, type Radius, SHADOW_SCALE, type Shadow, TEXT_SCALE, TOKENS, type TextSize, type TokenName };

package/dist/tokens.js

@@ -0,0 +1,20 @@
+import {
+  ANIMATE_SCALE,
+  COLOR_SCALE,
+  CONTAINER_SCALE,
+  DARK_TOKENS,
+  RADIUS_SCALE,
+  SHADOW_SCALE,
+  TEXT_SCALE,
+  TOKENS
+} from "./chunk-SFA2EQFK.js";
+export {
+  ANIMATE_SCALE,
+  COLOR_SCALE,
+  CONTAINER_SCALE,
+  DARK_TOKENS,
+  RADIUS_SCALE,
+  SHADOW_SCALE,
+  TEXT_SCALE,
+  TOKENS
+};