prime-ui-kit 0.7.11 → 0.9.0

package/dist/tokens/primitives.d.ts

@@ -1,32 +1,48 @@
+/**
+ * Primitive layer (`--prime-ref-*`). Raw values only: no meaning, never used by components directly.
+ * Everything that has a role lives in `semantic.ts`.
+ */
 export declare const primitiveTokens: {
-    /** Цвета: white/black, нейтраль `gray`, палитры 50–950. */
     readonly color: {
-        readonly white: "#f8f7f4";
-        readonly black: "#0f1115";
-        /** Скрим модалок/оверлеев (значения вынесены из семантики). */
-        readonly overlay: {
-            readonly scrimLight: "rgba(15, 17, 21, 0.58)";
-            readonly scrimDark: "rgba(8, 10, 14, 0.78)";
-        };
-        /** Нейтраль: шкала 50–950 + `0` (бумага), альфы для оверлеев. */
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+        /** Graphite: cool neutral, slight blue bias. 0–100 light surfaces, 750–950 dark surfaces. */
         readonly gray: {
-            readonly 0: "#f8f7f4";
-            readonly 50: "#f3f4f7";
-            readonly 100: "#eceef2";
-            readonly 200: "#dde1e8";
-            readonly 300: "#c7ced9";
-            readonly 400: "#9ba6b6";
-            readonly 500: "#707c8e";
-            readonly 600: "#566174";
-            readonly 700: "#3f495a";
-            readonly 800: "#2b3342";
-            readonly 900: "#1b2230";
-            readonly 950: "#121823";
-            readonly alpha10: "rgba(112, 124, 142, 0.10)";
-            readonly alpha16: "rgba(112, 124, 142, 0.16)";
-            readonly alpha24: "rgba(112, 124, 142, 0.24)";
+            readonly 0: "#ffffff";
+            readonly 25: "#f7f8fa";
+            readonly 50: "#f3f4f6";
+            readonly 75: "#eef0f3";
+            readonly 100: "#e8eaee";
+            readonly 150: "#e0e3e8";
+            readonly 200: "#d5d9e0";
+            readonly 300: "#b9bec8";
+            readonly 400: "#949bab";
+            readonly 500: "#636a79";
+            readonly 600: "#575e6d";
+            readonly 700: "#3b4150";
+            readonly 750: "#343a44";
+            readonly 800: "#2a2f38";
+            readonly 825: "#252a32";
+            readonly 850: "#20242b";
+            readonly 875: "#1b1e25";
+            readonly 900: "#16191f";
+            readonly 925: "#111318";
+            readonly 950: "#0d0f13";
+        };
+        /** Cobalt: brand accent. */
+        readonly cobalt: {
+            readonly 50: "#f0f2fe";
+            readonly 100: "#e6eafd";
+            readonly 200: "#cdd5fb";
+            readonly 300: "#aab6ff";
+            readonly 400: "#93a3ff";
+            readonly 500: "#5068f5";
+            readonly 600: "#3f59f0";
+            readonly 700: "#2f4ae0";
+            readonly 800: "#2540c8";
+            readonly 900: "#1d33a0";
+            readonly 950: "#1b2249";
         };
-        /** Палитра red: шкала 50–950 (ориентир — Tailwind v3). */
         readonly red: {
             readonly 50: "#fef2f2";
             readonly 100: "#fee2e2";
@@ -40,35 +56,6 @@ export declare const primitiveTokens: {
             readonly 900: "#7f1d1d";
             readonly 950: "#450a0a";
         };
-        /** Палитра blue: шкала 50–950 (ориентир — Tailwind v3). */
-        readonly blue: {
-            readonly 50: "#eff6ff";
-            readonly 100: "#dbeafe";
-            readonly 200: "#bfdbfe";
-            readonly 300: "#93c5fd";
-            readonly 400: "#60a5fa";
-            readonly 500: "#3b82f6";
-            readonly 600: "#2563eb";
-            readonly 700: "#1d4ed8";
-            readonly 800: "#1e40af";
-            readonly 900: "#1e3a8a";
-            readonly 950: "#172554";
-        };
-        /** Палитра green: шкала 50–950 (ориентир — Tailwind v3). */
-        readonly green: {
-            readonly 50: "#f0fdf4";
-            readonly 100: "#dcfce7";
-            readonly 200: "#bbf7d0";
-            readonly 300: "#86efac";
-            readonly 400: "#4ade80";
-            readonly 500: "#22c55e";
-            readonly 600: "#16a34a";
-            readonly 700: "#15803d";
-            readonly 800: "#166534";
-            readonly 900: "#14532d";
-            readonly 950: "#052e16";
-        };
-        /** Палитра orange: шкала 50–950 (ориентир — Tailwind v3). */
         readonly orange: {
             readonly 50: "#fff7ed";
             readonly 100: "#ffedd5";
@@ -82,7 +69,6 @@ export declare const primitiveTokens: {
             readonly 900: "#7c2d12";
             readonly 950: "#431407";
         };
-        /** Палитра yellow: шкала 50–950 (ориентир — Tailwind v3). */
         readonly yellow: {
             readonly 50: "#fefce8";
             readonly 100: "#fef9c3";
@@ -96,21 +82,32 @@ export declare const primitiveTokens: {
             readonly 900: "#713f12";
             readonly 950: "#422006";
         };
-        /** Палитра purple: шкала 50–950 (ориентир — Tailwind v3). */
-        readonly purple: {
-            readonly 50: "#faf5ff";
-            readonly 100: "#f3e8ff";
-            readonly 200: "#e9d5ff";
-            readonly 300: "#d8b4fe";
-            readonly 400: "#c084fc";
-            readonly 500: "#a855f7";
-            readonly 600: "#9333ea";
-            readonly 700: "#7e22ce";
-            readonly 800: "#6b21a8";
-            readonly 900: "#581c87";
-            readonly 950: "#3b0764";
+        readonly green: {
+            readonly 50: "#f0fdf4";
+            readonly 100: "#dcfce7";
+            readonly 200: "#bbf7d0";
+            readonly 300: "#86efac";
+            readonly 400: "#4ade80";
+            readonly 500: "#22c55e";
+            readonly 600: "#16a34a";
+            readonly 700: "#15803d";
+            readonly 800: "#166534";
+            readonly 900: "#14532d";
+            readonly 950: "#052e16";
+        };
+        readonly teal: {
+            readonly 50: "#f0fdfa";
+            readonly 100: "#ccfbf1";
+            readonly 200: "#99f6e4";
+            readonly 300: "#5eead4";
+            readonly 400: "#2dd4bf";
+            readonly 500: "#14b8a6";
+            readonly 600: "#0d9488";
+            readonly 700: "#0f766e";
+            readonly 800: "#115e59";
+            readonly 900: "#134e4a";
+            readonly 950: "#042f2e";
         };
-        /** Палитра sky: шкала 50–950 (ориентир — Tailwind v3). */
         readonly sky: {
             readonly 50: "#f0f9ff";
             readonly 100: "#e0f2fe";
@@ -124,7 +121,19 @@ export declare const primitiveTokens: {
             readonly 900: "#0c4a6e";
             readonly 950: "#082f49";
         };
-        /** Палитра pink: шкала 50–950 (ориентир — Tailwind v3). */
+        readonly purple: {
+            readonly 50: "#faf5ff";
+            readonly 100: "#f3e8ff";
+            readonly 200: "#e9d5ff";
+            readonly 300: "#d8b4fe";
+            readonly 400: "#c084fc";
+            readonly 500: "#a855f7";
+            readonly 600: "#9333ea";
+            readonly 700: "#7e22ce";
+            readonly 800: "#6b21a8";
+            readonly 900: "#581c87";
+            readonly 950: "#3b0764";
+        };
         readonly pink: {
             readonly 50: "#fdf2f8";
             readonly 100: "#fce7f3";
@@ -138,252 +147,120 @@ export declare const primitiveTokens: {
             readonly 900: "#831843";
             readonly 950: "#500724";
         };
-        /** Палитра teal: шкала 50–950 (ориентир — Tailwind v3). */
-        readonly teal: {
-            readonly 50: "#f0fdfa";
-            readonly 100: "#ccfbf1";
-            readonly 200: "#99f6e4";
-            readonly 300: "#5eead4";
-            readonly 400: "#2dd4bf";
-            readonly 500: "#14b8a6";
-            readonly 600: "#0d9488";
-            readonly 700: "#0f766e";
-            readonly 800: "#115e59";
-            readonly 900: "#134e4a";
-            readonly 950: "#042f2e";
-        };
-    };
-    /** Высота ряда / блока: ось `xs`→`6xl`, шаг **+0.25rem**; в семантике контролы — xs…xl. */
-    readonly size: {
-        readonly xs: "1.75rem";
-        readonly s: "2rem";
-        readonly m: "2.25rem";
-        readonly l: "2.5rem";
-        readonly xl: "2.75rem";
-        readonly "2xl": "3rem";
-        readonly "3xl": "3.25rem";
-        readonly "4xl": "3.5rem";
-        readonly "5xl": "3.75rem";
-        readonly "6xl": "4rem";
-    };
-    /**
-     * Кольцевой прогресс: диаметр в rem (как в макете) и толщина штриха в px.
-     * TS читает те же значения, что и визуальная шкала компонента.
-     */
-    readonly progressCircle: {
-        readonly s: {
-            readonly diameter: "2.5625rem";
-            readonly strokeWidth: "3";
-        };
-        readonly m: {
-            readonly diameter: "3.375rem";
-            readonly strokeWidth: "4";
-        };
-        readonly l: {
-            readonly diameter: "4.25rem";
-            readonly strokeWidth: "5";
-        };
-        readonly xl: {
-            readonly diameter: "5.125rem";
-            readonly strokeWidth: "6";
-        };
     };
-    /** Отступы: `layout` — сетка макета; `control` — ритм внутри контролов. */
-    readonly spaces: {
-        /** Сетка макета: шаг **0.25rem (4px)**, ось `xs`→`6xl` + `0`; `spacing.x*` — шаги по 4px. */
-        readonly layout: {
-            readonly 0: "0";
-            readonly xs: "0.25rem";
-            readonly s: "0.5rem";
-            readonly m: "0.75rem";
-            readonly l: "1rem";
-            readonly xl: "1.25rem";
-            readonly "2xl": "1.5rem";
-            readonly "3xl": "2rem";
-            readonly "4xl": "2.5rem";
-            readonly "5xl": "3rem";
-            readonly "6xl": "3.5rem";
-        };
-        /** Контролы: горизонтальный ритм (`spacing`) и отступ кнопки (`button`). */
-        readonly control: {
-            /** Gap и inputPaddingX: ось `xs`→`6xl`, шаг **+0.125rem**. */
-            readonly spacing: {
-                readonly xs: "0.375rem";
-                readonly s: "0.5rem";
-                readonly m: "0.625rem";
-                readonly l: "0.75rem";
-                readonly xl: "0.875rem";
-                readonly "2xl": "1rem";
-                readonly "3xl": "1.125rem";
-                readonly "4xl": "1.25rem";
-                readonly "5xl": "1.375rem";
-                readonly "6xl": "1.5rem";
-            };
-            /** Padding кнопки: на **+0.125rem** больше соответствующего `spacing.*`. */
-            readonly button: {
-                readonly xs: "0.5rem";
-                readonly s: "0.625rem";
-                readonly m: "0.75rem";
-                readonly l: "0.875rem";
-                readonly xl: "1rem";
-                readonly "2xl": "1.125rem";
-                readonly "3xl": "1.25rem";
-                readonly "4xl": "1.375rem";
-                readonly "5xl": "1.5rem";
-                readonly "6xl": "1.625rem";
-            };
-        };
+    /** 4px grid. Key = number of 4px steps (`4` → 16px). */
+    readonly space: {
+        readonly 0: "0";
+        readonly 1: "0.25rem";
+        readonly 2: "0.5rem";
+        readonly 3: "0.75rem";
+        readonly 4: "1rem";
+        readonly 5: "1.25rem";
+        readonly 6: "1.5rem";
+        readonly 7: "1.75rem";
+        readonly 8: "2rem";
+        readonly 9: "2.25rem";
+        readonly 10: "2.5rem";
+        readonly 12: "3rem";
+        readonly 14: "3.5rem";
+        readonly 16: "4rem";
+        readonly 20: "5rem";
+        readonly 24: "6rem";
     };
-    /** Скругления: ось `xs`→`6xl` + `circle`; контролы — xs…xl, крупные поверхности — 3xl…6xl. */
     readonly radius: {
         readonly 0: "0";
-        readonly xs: "8px";
-        readonly s: "10px";
-        readonly m: "11px";
-        readonly l: "12px";
-        readonly xl: "13px";
-        readonly "2xl": "16px";
-        readonly "3xl": "20px";
-        readonly "4xl": "24px";
-        readonly "5xl": "32px";
-        readonly "6xl": "40px";
-        readonly round: "9999px";
-    };
-    /** Иконки и маркеры: ось `xs`→`6xl`, шаг **+0.125rem**. */
-    readonly icon: {
-        readonly xs: "0.75rem";
-        readonly s: "0.875rem";
-        readonly m: "1rem";
-        readonly l: "1.125rem";
-        readonly xl: "1.25rem";
-        readonly "2xl": "1.375rem";
-        readonly "3xl": "1.5rem";
-        readonly "4xl": "1.625rem";
-        readonly "5xl": "1.75rem";
-        readonly "6xl": "1.875rem";
+        readonly 4: "4px";
+        readonly 6: "6px";
+        readonly 8: "8px";
+        readonly 10: "10px";
+        readonly 12: "12px";
+        readonly 16: "16px";
+        readonly 20: "20px";
+        readonly full: "9999px";
     };
-    /** Типографика: семейства, кегль, интерлиньяж, вес, трекинг. */
     readonly font: {
-        /** Гарнитуры: базовая и моноширинная. */
         readonly family: {
-            readonly base: "\"Roboto Flex\", \"Roboto\", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif";
-            readonly mono: "\"Roboto Mono\", ui-monospace, SFMono-Regular, Menlo, monospace";
+            readonly sans: "\"Golos Text\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif";
+            readonly mono: "\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace";
         };
-        /**
-         * Кегль: ось `3xs`→`6xl` (+0.125rem), плюс **7xl–9xl** под [MD3 type scale](https://m3.material.io/styles/typography/type-scale-tokens)
-         * (Display) и **labelMicro** (11px — Label Small).
-         */
+        /** Modular scale, ~1.2 in the body range, ~1.25 for headings. */
         readonly size: {
-            readonly "3xs": "0.625rem";
-            readonly "2xs": "0.75rem";
-            readonly xs: "0.875rem";
-            readonly s: "1rem";
-            readonly m: "1.125rem";
-            readonly l: "1.25rem";
-            readonly xl: "1.375rem";
-            readonly "2xl": "1.5rem";
-            readonly "3xl": "1.625rem";
-            readonly "4xl": "1.75rem";
-            readonly "5xl": "1.875rem";
-            readonly "6xl": "2rem";
-            readonly "7xl": "2.25rem";
-            readonly "8xl": "2.8125rem";
-            readonly "9xl": "3.5625rem";
-            readonly labelMicro: "0.6875rem";
+            readonly 12: "0.75rem";
+            readonly 13: "0.8125rem";
+            readonly 14: "0.875rem";
+            readonly 16: "1rem";
+            readonly 18: "1.125rem";
+            readonly 20: "1.25rem";
+            readonly 24: "1.5rem";
+            readonly 30: "1.875rem";
+            readonly 36: "2.25rem";
+            readonly 48: "3rem";
+            readonly 60: "3.75rem";
         };
-        /** Межстрочный интервал под шкалу `font.size.*`. */
         readonly lineHeight: {
-            readonly "3xs": "0.875rem";
-            readonly "2xs": "1rem";
-            readonly xs: "1.125rem";
-            readonly s: "1.25rem";
-            readonly m: "1.375rem";
-            readonly l: "1.5rem";
-            readonly xl: "1.625rem";
-            readonly "2xl": "1.75rem";
-            readonly "3xl": "1.875rem";
-            readonly "4xl": "2rem";
-            readonly "5xl": "2.125rem";
-            readonly "6xl": "2.25rem";
-            readonly "7xl": "2.5rem";
-            readonly "8xl": "3.125rem";
-            readonly "9xl": "4rem";
-            readonly labelMicro: "1rem";
+            readonly 16: "1rem";
+            readonly 20: "1.25rem";
+            readonly 24: "1.5rem";
+            readonly 28: "1.75rem";
+            readonly 32: "2rem";
+            readonly 36: "2.25rem";
+            readonly 44: "2.75rem";
+            readonly 56: "3.5rem";
+            readonly 68: "4.25rem";
         };
-        /** Начертания (числовые веса шрифта). */
         readonly weight: {
             readonly regular: "400";
             readonly medium: "500";
             readonly semibold: "600";
-            readonly bold: "700";
         };
-        /** Межбуквенный интервал (em). */
-        readonly letterSpacing: {
+        readonly tracking: {
+            readonly tightest: "-0.03em";
             readonly tighter: "-0.02em";
             readonly tight: "-0.01em";
             readonly normal: "0";
-            readonly wide: "0.04em";
-            readonly wider: "0.06em";
+            readonly wide: "0.01em";
+            readonly caps: "0.06em";
         };
     };
-    /** Тени: ось `xs`→`6xl`, усиление с размером. */
-    readonly shadow: {
-        readonly xs: "0 2px 4px rgba(15, 17, 21, 0.08)";
-        readonly s: "0 4px 8px rgba(15, 17, 21, 0.1)";
-        readonly m: "0 8px 16px rgba(15, 17, 21, 0.14)";
-        readonly l: "0 16px 32px rgba(15, 17, 21, 0.2)";
-        readonly xl: "0 24px 48px rgba(15, 17, 21, 0.24)";
-        readonly "2xl": "0 32px 64px rgba(15, 17, 21, 0.26)";
-        readonly "3xl": "0 40px 80px rgba(15, 17, 21, 0.28)";
-        readonly "4xl": "0 48px 96px rgba(15, 17, 21, 0.3)";
-        readonly "5xl": "0 56px 112px rgba(15, 17, 21, 0.32)";
-        readonly "6xl": "0 64px 128px rgba(15, 17, 21, 0.34)";
+    readonly icon: {
+        readonly 14: "0.875rem";
+        readonly 16: "1rem";
+        readonly 20: "1.25rem";
+        readonly 24: "1.5rem";
+        readonly 32: "2rem";
     };
-    /** Движение: длительности и кривые easing. */
-    readonly motion: {
-        /** Длительности по смыслу (не ось размеров). */
-        readonly duration: {
-            readonly fast: "200ms";
-            readonly medium: "350ms";
-            readonly slow: "500ms";
-        };
-        /** Кривые сглаживания. */
-        readonly easing: {
-            readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
-        };
+    readonly duration: {
+        readonly 0: "0ms";
+        readonly 100: "100ms";
+        readonly 120: "120ms";
+        readonly 200: "200ms";
+        readonly 300: "300ms";
+        readonly 400: "400ms";
     };
-    /**
-     * Z-index: именованные роли слоёв (не ось размеров). Интервалы с запасом.
-     *
-     * Глобальная страница: base → sticky → popover → dropdown → tooltip.
-     * Блокирующие оболочки: drawer (ниже) → modal (выше). Порталы на `body` внутри drawer/modal
-     * используют отдельные уровни (`*InDrawer`, `*InModal`, `*InDrawerInModal`), см. `OverlayPortalLayerContext`.
-     *
-     * Drawer внутри modal: оболочка `drawerNestedShell` выше `modal`; порталы внутри — ещё выше.
-     * Тосты — поверх всех перечисленных слоёв.
-     */
+    readonly easing: {
+        readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
+        readonly enter: "cubic-bezier(0, 0, 0, 1)";
+        readonly exit: "cubic-bezier(0.3, 0, 1, 1)";
+    };
+    /** Stacking order. In-overlay layers sit above their host so nested portals stay on top. */
     readonly zIndex: {
-        readonly base: "10";
+        readonly base: "1";
         readonly sticky: "100";
         readonly popover: "1000";
         readonly dropdown: "1200";
         readonly tooltip: "1600";
-        /** `Drawer`, mobile fullscreen `Sidebar` — ниже модалки. */
         readonly drawer: "2000";
-        /** `Modal` (оверлей + диалог), CommandMenu — поверх drawer. */
-        readonly modal: "3000";
         readonly popoverInDrawer: "2100";
         readonly dropdownInDrawer: "2200";
         readonly tooltipInDrawer: "2300";
+        readonly modal: "3000";
         readonly popoverInModal: "3100";
         readonly dropdownInModal: "3200";
         readonly tooltipInModal: "3300";
-        /** Оверлей и панель `Drawer`, открытого поверх `Modal`. */
         readonly drawerNestedShell: "3400";
         readonly popoverInDrawerInModal: "3500";
         readonly dropdownInDrawerInModal: "3600";
         readonly tooltipInDrawerInModal: "3700";
-        /** Выше модалок и вложенных порталов — очередь тостов. */
         readonly toast: "10000";
     };
 };

package/dist/tokens/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../tokens/primitives.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;IAC1B,2DAA2D;;;;QAIzD,+DAA+D;;;;;QAK/D,iEAAiE;;;;;;;;;;;;;;;;;;QAkBjE,0DAA0D;;;;;;;;;;;;;;QAc1D,2DAA2D;;;;;;;;;;;;;;QAc3D,4DAA4D;;;;;;;;;;;;;;QAc5D,6DAA6D;;;;;;;;;;;;;;QAc7D,6DAA6D;;;;;;;;;;;;;;QAc7D,6DAA6D;;;;;;;;;;;;;;QAc7D,0DAA0D;;;;;;;;;;;;;;QAc1D,2DAA2D;;;;;;;;;;;;;;QAc3D,2DAA2D;;;;;;;;;;;;;;;IAe7D,2FAA2F;;;;;;;;;;;;;IAa3F;;;OAGG;;;;;;;;;;;;;;;;;;;IAOH,2EAA2E;;QAEzE,6FAA6F;;;;;;;;;;;;;;QAc7F,4EAA4E;;YAE1E,8DAA8D;;;;;;;;;;;;;YAa9D,4EAA4E;;;;;;;;;;;;;;;IAehF,8FAA8F;;;;;;;;;;;;;;;IAe9F,2DAA2D;;;;;;;;;;;;;IAa3D,gEAAgE;;QAE9D,yCAAyC;;;;;QAKzC;;;WAGG;;;;;;;;;;;;;;;;;;;QAmBH,oDAAoD;;;;;;;;;;;;;;;;;;;QAmBpD,yCAAyC;;;;;;;QAOzC,kCAAkC;;;;;;;;;IASpC,iDAAiD;;;;;;;;;;;;;IAajD,8CAA8C;;QAE5C,gDAAgD;;;;;;QAMhD,0BAA0B;;;;;IAK5B;;;;;;;;;OASG;;;;;;;QAOD,4DAA4D;;QAE5D,+DAA+D;;;;;;;;QAQ/D,2DAA2D;;;;;QAK3D,0DAA0D;;;CAGpD,CAAC"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../tokens/primitives.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,eAAe;;;;QAIxB,6FAA6F;;;;;;;;;;;;;;;;;;;;;;;QAuB7F,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwH9B,wDAAwD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAqCtD,iEAAiE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8DnE,4FAA4F;;;;;;;;;;;;;;;;;;;;;CAqBpF,CAAC"}