@profitliga/ui 1.2.90 → 2.0.1

package/dist/utils/onClickOutside.util.js

@@ -0,0 +1,30 @@
+import { toValue as f, unref as p } from "vue";
+const u = /* @__PURE__ */ new WeakMap();
+function d(t) {
+  const r = p(t);
+  return r?.$el ?? r;
+}
+function g(t) {
+  return typeof t == "string" ? document.querySelector(t) : d(t);
+}
+function w(t, r, l = {}) {
+  const n = g(t);
+  if (!n) return () => {
+  };
+  const i = u.get(n);
+  i && (i(), u.delete(n));
+  const o = (s) => {
+    const c = s.target instanceof Node ? s.target : null;
+    if (!c) return;
+    const m = (f(l.ignore) ?? []).map((e) => typeof e == "string" ? document.querySelector(e) : d(e)).filter((e) => e != null);
+    n.contains(c) || m.some((e) => e.contains(c)) || r(s);
+  };
+  document.addEventListener("mousedown", o, { capture: !0 }), document.addEventListener("touchstart", o, { capture: !0 });
+  const a = () => {
+    document.removeEventListener("mousedown", o, { capture: !0 }), document.removeEventListener("touchstart", o, { capture: !0 }), u.delete(n);
+  };
+  return u.set(n, a), a;
+}
+export {
+  w as onClickOutside
+};

package/dist/utils/parseFileSize.util.js

@@ -0,0 +1,18 @@
+const u = (e) => {
+  const n = ["b", "kb", "mb", "gb", "tb"], o = e.match(/[a-zA-Z]+/)?.[0] || "b", a = parseFloat(e.replace(o, "")), t = n.indexOf(o.toLowerCase());
+  return a * Math.pow(1024, t);
+};
+function i(e, n = 3) {
+  if (isNaN(e) || e < 0) return "0 Б";
+  const o = ["Б", "КБ", "МБ", "ГБ", "ТБ"];
+  let a = 0, t = e;
+  const c = Math.pow(10, n);
+  for (; t >= c && a < o.length - 1; )
+    t = t / 1024, a++;
+  const r = t < 1 || t < 10 ? n - 1 : t < 100 ? n - 2 : 0;
+  return `${r > 0 ? t.toFixed(r) : Math.round(t).toString()} ${o[a]}`;
+}
+export {
+  i as formatFileSize,
+  u as parseFileSize
+};

package/dist/utils/phoneMask.util.js

@@ -0,0 +1,14 @@
+function c(i) {
+  let e = i.replace(/\D/g, ""), r = "";
+  e.length < 12 && (e = e.concat("              "));
+  const t = e.match(/(.{1})(.{3})(.{3})(.{2})(.{2})/);
+  if (!t)
+    return i;
+  t[1] === "8" && (t[1] = "7"), r = "+" + t[1] + " (" + t[2] + ") " + t[3] + "-" + t[4] + "-" + t[5], r = r.trim();
+  let n = r.replace(/[^\d^\s+()-_]/g, "");
+  const s = n.search(/\d(?!.*\d)/);
+  return n = n.substring(0, s + 1), n;
+}
+export {
+  c as phoneMask
+};

package/dist/utils/price.util.js

@@ -0,0 +1,18 @@
+function c(e, r = "₽", t = 2) {
+  return `${e.toLocaleString("en-US", {
+    minimumFractionDigits: t,
+    maximumFractionDigits: t
+  }).replace(/,/g, " ")} ${r}`;
+}
+function i(e) {
+  return e.reduce((r, t) => r + t, 0);
+}
+function o(e) {
+  const r = e.replace(/[^\d.,]/g, "").replace(",", ".");
+  return parseFloat(r) || 0;
+}
+export {
+  c as formatPrice,
+  o as parsePrice,
+  i as sumPrices
+};

package/dist/utils/priceFormat.util.js

@@ -0,0 +1,18 @@
+import { h as i } from "vue";
+const l = (t, m = !0) => {
+  const r = typeof t == "string" ? parseFloat(t) : t;
+  if (isNaN(r))
+    return "<span>0.<small>00</small>₽</span>";
+  const n = r.toLocaleString("ru-RU", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), [s, a = "00"] = n.split(",");
+  return m ? `<span class="price-number">${s}<small style="margin-right: 4px">.${a}</small>₽</span>` : i("span", { class: "price-number" }, [
+    `${s}.`,
+    i("small", { style: { marginRight: "4px" } }, a),
+    "₽"
+  ]);
+};
+export {
+  l as priceFormat
+};

package/dist/utils/typeFile.util.js

@@ -0,0 +1,6 @@
+function n(t) {
+  return t.startsWith("image/") ? "image" : t === "application/pdf" ? "pdf" : t === "application/msword" || t === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? "word" : t === "application/vnd.ms-excel" || t === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" ? "excel" : "other";
+}
+export {
+  n as getFileTypeByMime
+};

package/dist/utils/uploadFile.util.js

@@ -0,0 +1,48 @@
+import { parseFileSize as s } from "./parseFileSize.util.js";
+function d(e) {
+  if (!e) return;
+  const n = Array.isArray(e) ? e : [e], i = {
+    image: ["image/*"],
+    pdf: ["application/pdf"],
+    excel: [
+      "application/vnd.ms-excel",
+      "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    ],
+    word: [
+      "application/msword",
+      "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+    ],
+    all: ["*/*"]
+  };
+  return n.flatMap((l) => i[l] || []).join(",");
+}
+function f(e = {}) {
+  return new Promise((n) => {
+    const i = document.createElement("input");
+    i.type = "file", i.style.display = "none", e.multiple && e.maxFiles && e.maxFiles > 1 && (i.multiple = !0);
+    const l = d(e.accept);
+    l && (i.accept = l), i.addEventListener("change", (m) => {
+      const r = m.target;
+      let t = [];
+      if (r.files && r.files.length > 0 && (t = Array.from(r.files), e.maxFiles && t.length > e.maxFiles && (t = t.slice(0, e.maxFiles)), e.maxFileSize)) {
+        const a = s(e.maxFileSize);
+        t = t.filter((p) => p.size <= a);
+      }
+      if (document.body.removeChild(i), e.returnType === "raw") {
+        n(t);
+        return;
+      }
+      const c = t.map((a) => ({
+        id: crypto.randomUUID(),
+        url: URL.createObjectURL(a),
+        name: a.name,
+        mime: a.type,
+        size: a.size
+      }));
+      n(c);
+    }), document.body.appendChild(i), i.click();
+  });
+}
+export {
+  f as openFileDialog
+};

package/dist/utils/useBodyScroll.util.js

@@ -0,0 +1,35 @@
+const s = "--scrollbar-width";
+let o = null, e = 0;
+function d() {
+  return Math.max(0, window.innerWidth - document.documentElement.clientWidth);
+}
+function p() {
+  const { body: t, documentElement: n } = document, r = window.scrollY, i = d(), l = {
+    position: t.style.position,
+    top: t.style.top,
+    left: t.style.left,
+    right: t.style.right,
+    paddingRight: t.style.paddingRight
+  };
+  if (i > 0) {
+    const c = Number.parseFloat(getComputedStyle(t).paddingRight) || 0;
+    t.style.paddingRight = `${c + i}px`, n.style.setProperty(
+      s,
+      `${i}px`
+    );
+  }
+  return t.style.position = "fixed", t.style.top = `-${r}px`, t.style.left = "0", t.style.right = "0", () => {
+    t.style.position = l.position, t.style.top = l.top, t.style.left = l.left, t.style.right = l.right, t.style.paddingRight = l.paddingRight, n.style.removeProperty(s), window.scrollTo(0, r);
+  };
+}
+const y = () => {
+  e++, e === 1 && !o && (o = p());
+}, g = () => {
+  e > 0 && e--, e === 0 && o && (o(), o = null);
+}, a = () => ({
+  unlockScroll: g,
+  lockScroll: y
+});
+export {
+  a as useBodyScroll
+};

package/dist/utils/useFocusTrap.util.d.ts

@@ -0,0 +1,8 @@
+export interface FocusTrapActivateOptions {
+    focusDelayMs?: number;
+}
+export interface FocusTrap {
+    activate: (options?: FocusTrapActivateOptions) => void;
+    deactivate: () => void;
+}
+export declare function useFocusTrap(getContainer: () => HTMLElement | null): FocusTrap;

package/dist/utils/useFocusTrap.util.js

@@ -0,0 +1,73 @@
+import h from "./isClient.util.js";
+const A = [
+  "a[href]",
+  "button:not([disabled])",
+  "textarea:not([disabled])",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function f(o) {
+  return Array.from(
+    o.querySelectorAll(A)
+  ).filter((i) => i.offsetParent !== null);
+}
+const c = [];
+function x(o) {
+  const i = /* @__PURE__ */ Symbol("FocusTrap");
+  let u = null, s = !1, l, r;
+  function d() {
+    return c[c.length - 1] === i;
+  }
+  function m(e) {
+    if (e.key !== "Tab" || !d()) return;
+    const t = o();
+    if (!t) return;
+    const n = f(t);
+    if (n.length === 0) {
+      e.preventDefault();
+      return;
+    }
+    const a = n[0], v = n[n.length - 1];
+    e.shiftKey && document.activeElement === a ? (e.preventDefault(), v.focus()) : !e.shiftKey && document.activeElement === v && (e.preventDefault(), a.focus());
+  }
+  function b(e) {
+    if (!d()) return;
+    const t = o();
+    if (!t) return;
+    const n = e.target;
+    n instanceof Node && !t.contains(n) && (f(t)[0] ?? t).focus();
+  }
+  function p() {
+    const e = o();
+    if (!e) return;
+    const t = f(e);
+    if (t.length > 0) {
+      t[0].focus();
+      return;
+    }
+    e.hasAttribute("tabindex") || e.setAttribute("tabindex", "-1"), e.focus();
+  }
+  function E(e) {
+    if (e <= 0) {
+      r = requestAnimationFrame(p);
+      return;
+    }
+    l = setTimeout(() => {
+      r = requestAnimationFrame(p);
+    }, e);
+  }
+  function F(e = {}) {
+    !h() || s || (s = !0, c.push(i), u = document.activeElement, E(e.focusDelayMs ?? 0), document.addEventListener("keydown", m, !0), document.addEventListener("focusin", b, !0));
+  }
+  function y() {
+    if (!h() || !s) return;
+    s = !1;
+    const e = c.indexOf(i);
+    e !== -1 && c.splice(e, 1), clearTimeout(l), r !== void 0 && cancelAnimationFrame(r), document.removeEventListener("keydown", m, !0), document.removeEventListener("focusin", b, !0), u && document.contains(u) && u.focus(), u = null;
+  }
+  return { activate: F, deactivate: y };
+}
+export {
+  x as useFocusTrap
+};

package/dist/utils/useSwipeToClose.util.d.ts

@@ -0,0 +1,17 @@
+import { Ref } from 'vue';
+export interface UseSwipeToCloseOptions {
+    onClose: () => void;
+    threshold?: number;
+}
+export interface UseSwipeToCloseReturn {
+    isDragging: Ref<boolean>;
+    isDragClosing: Ref<boolean>;
+    dragOffset: Ref<number>;
+    handleDragStart: (event: TouchEvent) => void;
+    handleDragMove: (event: TouchEvent) => void;
+    handleDragEnd: () => void;
+    handleMouseDown: (event: MouseEvent) => void;
+    measureContentHeight: (element: HTMLElement | null) => void;
+    reset: () => void;
+}
+export declare function useSwipeToClose(options: UseSwipeToCloseOptions): UseSwipeToCloseReturn;

package/dist/utils/useSwipeToClose.util.js

@@ -0,0 +1,52 @@
+import { ref as o } from "vue";
+function E(f) {
+  const { onClose: d, threshold: h = 0.3 } = f, t = o(!1), l = o(!1), n = o(0), a = o(0), s = o(0);
+  function m(e) {
+    s.value = e?.offsetHeight ?? 0;
+  }
+  function g() {
+    l.value = !1, n.value = 0;
+  }
+  function r() {
+    const e = s.value * h;
+    n.value > e ? (n.value = s.value + 50, t.value = !1, setTimeout(() => {
+      l.value = !0, d();
+    }, 200)) : (n.value = 0, t.value = !1);
+  }
+  function D(e) {
+    t.value = !0, a.value = e.touches[0].clientY;
+  }
+  function p(e) {
+    if (!t.value) return;
+    const u = e.touches[0].clientY - a.value;
+    u > 0 && (e.preventDefault(), n.value = u);
+  }
+  function M() {
+    t.value && r();
+  }
+  function Y(e) {
+    t.value = !0, a.value = e.clientY;
+    const u = (c) => {
+      if (!t.value) return;
+      const v = c.clientY - a.value;
+      v > 0 && (c.preventDefault(), n.value = v);
+    }, i = () => {
+      r(), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", i);
+    };
+    document.addEventListener("mousemove", u), document.addEventListener("mouseup", i);
+  }
+  return {
+    isDragging: t,
+    isDragClosing: l,
+    dragOffset: n,
+    handleDragStart: D,
+    handleDragMove: p,
+    handleDragEnd: M,
+    handleMouseDown: Y,
+    measureContentHeight: m,
+    reset: g
+  };
+}
+export {
+  E as useSwipeToClose
+};

package/package.json

@@ -1,10 +1,14 @@
 {
 	"name": "@profitliga/ui",
-	"version": "1.2.90",
+	"version": "2.0.1",
 	"author": "Profit League<dev@pr-lg.ru>",
 	"license": "MIT",
 	"description": "Vue 3 UI component library with TypeScript and SCSS",
 	"type": "module",
+	"sideEffects": [
+		"**/*.css",
+		"**/*.scss"
+	],
 	"publishConfig": {
 		"access": "public"
 	},
@@ -17,13 +21,20 @@
 		"src/styles"
 	],
 	"exports": {
-		"./style.css": "./dist/ui.css",
+		"./style.css": "./dist/styles/index.css",
+		"./reset.css": "./dist/styles/reset.css",
+		"./tokens.css": "./dist/styles/tokens.css",
 		"./styles/*": "./dist/styles/*",
+		"./fonts/*": "./dist/fonts/*",
 		"./tailwind": "./dist/styles/tailwind.css",
 		"./components": {
 			"import": "./dist/components/index.js",
 			"types": "./dist/components/index.d.ts"
 		},
+		"./components/v2": {
+			"import": "./dist/components/v2/index.js",
+			"types": "./dist/components/v2/index.d.ts"
+		},
 		"./utils": {
 			"import": "./dist/utils/index.js",
 			"types": "./dist/utils/index.d.ts"
@@ -31,10 +42,6 @@
 		"./icons": {
 			"import": "./dist/icons/index.js",
 			"types": "./dist/icons/index.d.ts"
-		},
-		"./nuxt": {
-			"import": "./dist/nuxt/index.js",
-			"types": "./dist/nuxt/index.d.ts"
 		}
 	},
 	"scripts": {
@@ -46,9 +53,8 @@
 		"format": "prettier --write \"src/**/*.{ts,tsx,vue,scss,css,json}\"",
 		"format:check": "prettier --check \"src/**/*.{ts,tsx,vue,scss,css,json}\"",
 		"check": "npm run type-check && npm run lint && npm run format:check",
-		"print:nuxt-registry": "node scripts/print-nuxt-registry.mjs",
-		"storybook": "storybook dev -p 6006 --host 0.0.0.0",
-		"storybook:tunnel": "ngrok http 6006",
+		"test:a11y": "vitest run --project=storybook",
+		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build",
 		"prepare": "husky"
 	},
@@ -62,76 +68,64 @@
 		]
 	},
 	"peerDependencies": {
-		"@internationalized/date": "^3.12.2",
-		"@lucide/vue": "^1.25.0",
-		"@nuxt/kit": "^4.0.0",
-		"@tailwindcss/vite": "4.3.3",
+		"@internationalized/date": "^3.12.0",
+		"@lucide/vue": "^1.7.0",
 		"@tanstack/vue-table": "8.21.3",
-		"@vueuse/core": "14.3.0",
-		"dayjs": "1.11.21",
-		"reka-ui": "2.10.1",
-		"tailwindcss": "4.3.3",
-		"vue": "3.5.40"
-	},
-	"peerDependenciesMeta": {
-		"@nuxt/kit": {
-			"optional": true
-		},
-		"@tailwindcss/vite": {
-			"optional": true
-		}
+		"@tanstack/vue-virtual": "^3.13.35",
+		"@vueuse/core": "14.1.0",
+		"dayjs": "1.11.19",
+		"reka-ui": "2.7.0",
+		"tailwindcss": "4.1.18",
+		"vue": "3.5.26"
 	},
 	"devDependencies": {
-		"@chromatic-com/storybook": "^5.2.1",
-		"@eslint/js": "^10.0.1",
-		"@internationalized/date": "^3.12.2",
-		"@lucide/vue": "^1.25.0",
-		"@nuxt/kit": "^4.5.1",
-		"@storybook/addon-a11y": "^10.5.3",
-		"@storybook/addon-docs": "^10.5.3",
-		"@storybook/addon-mcp": "^0.7.0",
-		"@storybook/addon-onboarding": "^10.5.3",
-		"@storybook/addon-vitest": "^10.5.3",
-		"@storybook/vue3-vite": "^10.5.3",
-		"@tailwindcss/vite": "^4.3.3",
+		"@chromatic-com/storybook": "^5.0.0",
+		"@eslint/js": "^9.39.2",
+		"@internationalized/date": "^3.12.0",
+		"@lucide/vue": "^1.7.0",
+		"@storybook/addon-a11y": "^10.2.0",
+		"@storybook/addon-docs": "^10.2.0",
+		"@storybook/addon-mcp": "^0.2.2",
+		"@storybook/addon-onboarding": "^10.2.0",
+		"@storybook/addon-vitest": "^10.2.0",
+		"@storybook/vue3-vite": "^10.2.0",
+		"@tailwindcss/vite": "^4.1.18",
 		"@tanstack/vue-table": "^8.21.3",
+		"@tanstack/vue-virtual": "^3.13.35",
 		"@trivago/prettier-plugin-sort-imports": "^6.0.2",
-		"@types/node": "^26.1.1",
-		"@vitejs/plugin-vue": "^6.0.8",
-		"@vitejs/plugin-vue-jsx": "^5.1.6",
-		"@vitest/browser-playwright": "^4.1.10",
-		"@vitest/coverage-v8": "^4.1.10",
-		"@vueuse/core": "^14.3.0",
+		"@types/node": "^25.0.3",
+		"@vitejs/plugin-vue": "^6.0.3",
+		"@vitejs/plugin-vue-jsx": "^5.1.3",
+		"@vitest/browser-playwright": "^4.0.16",
+		"@vitest/coverage-v8": "^4.0.16",
+		"@vueuse/core": "^14.1.0",
 		"chromatic": "^13.3.5",
-		"dayjs": "^1.11.21",
-		"eslint": "^10.7.0",
+		"dayjs": "^1.11.19",
+		"eslint": "^9.39.2",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-storybook": "10.5.3",
-		"eslint-plugin-vue": "^10.10.0",
-		"globals": "^17.7.0",
+		"eslint-plugin-storybook": "10.2.0",
+		"eslint-plugin-vue": "^10.7.0",
+		"globals": "^17.1.0",
 		"husky": "^9.1.7",
-		"lightningcss": "^1.33.0",
-		"lint-staged": "^16.4.0",
-		"nuxt": "^4.5.1",
-		"playwright": "^1.61.1",
-		"prettier": "^3.9.6",
-		"reka-ui": "2.10.1",
-		"rolldown": "^1.1.5",
-		"sass": "^1.101.3",
-		"sonda": "^0.14.0",
-		"storybook": "^10.5.3",
-		"tailwindcss": "4.3.3",
+		"lightningcss": "^1.31.1",
+		"lint-staged": "^16.2.7",
+		"playwright": "^1.57.0",
+		"prettier": "^3.8.1",
+		"reka-ui": "2.7.0",
+		"sass": "^1.97.1",
+		"sonda": "^0.10.1",
+		"storybook": "^10.2.10",
+		"tailwindcss": "4.1.18",
 		"typescript": "^5.9.3",
-		"typescript-eslint": "^8.65.0",
-		"vite": "^8.1.5",
-		"vite-plugin-compression": "^0.5.1",
-		"vite-plugin-dts": "^5.0.3",
-		"vite-plugin-static-copy": "^4.1.1",
-		"vitest": "^4.1.10",
-		"vue": "^3.5.40",
-		"vue-eslint-parser": "^10.4.1",
+		"typescript-eslint": "^8.53.1",
+		"vite": "^7.3.0",
+		"vite-plugin-dts": "^4.5.4",
+		"vite-plugin-static-copy": "^3.1.6",
+		"vitest": "^4.0.16",
+		"vue": "^3.5.26",
+		"vue-eslint-parser": "^10.2.0",
 		"vue-router": "^4.6.4",
-		"vue-tsc": "^3.3.7"
+		"vue-tsc": "^3.2.1"
 	},
 	"keywords": [
 		"vue",
@@ -143,6 +137,7 @@
 	],
 	"resolutions": {
 		"@microsoft/api-extractor": "7.48.1",
-		"@internationalized/date": "3.12.2"
+		"@internationalized/date": "3.12.0",
+		"@tanstack/vue-virtual": "3.13.35"
 	}
 }

package/src/styles/animations.scss

@@ -6,6 +6,29 @@
 // 5. v-leave-active
 // 6. v-leave-to
 
+/*
+ * Пользователь, включивший «уменьшить движение» в системе, не должен видеть
+ * ни fade/slide-анимаций открытия, ни transition-эффектов. Все анимации v2
+ * завязаны на эти две переменные, поэтому одного места достаточно; правило
+ * ниже добивает transition/animation, заданные в обход переменных (например
+ * во внешнем коде и в компонентах v1).
+ */
+@media (prefers-reduced-motion: reduce) {
+	:root {
+		--animation-duration: 0.01ms;
+		--animation-duration-fast: 0.01ms;
+	}
+
+	*,
+	*::before,
+	*::after {
+		animation-duration: 0.01ms !important;
+		animation-iteration-count: 1 !important;
+		transition-duration: 0.01ms !important;
+		scroll-behavior: auto !important;
+	}
+}
+
 //FADE
 .fade-enter-from,
 .fade-leave-to {

package/src/styles/base.scss

@@ -0,0 +1,43 @@
+/*
+ * Минимум, без которого компоненты разъезжаются: они не переопределяют эти
+ * свойства у себя и рассчитывают на сброс. `Button.vue`, например, не задаёт
+ * ни `border`, ни `background`, ни `font` — берёт их отсюда.
+ *
+ * Едет вместе с компонентами (`components/v2` → `tokens.scss`), поэтому
+ * список держим коротким: всё, что касается разметки приложения (`html`,
+ * `body`, `a`, `img`, заголовки, общее обнуление отступов), живёт в
+ * `reset.scss` и подключается потребителем отдельно.
+ *
+ * `outline` здесь намеренно не гасится. Раньше `* { outline: none }` уезжало
+ * в приложение потребителя и снимало кольцо фокуса с любого контента в слотах
+ * — со ссылок и чужих кнопок внутри Dialog, Drawer, Popover. Свои компоненты
+ * рисуют кольцо миксином `focus-ring`, остальным оставляем браузерное.
+ */
+@layer ui-kit {
+	*,
+	*::before,
+	*::after {
+		box-sizing: border-box;
+	}
+
+	button {
+		margin: 0;
+		padding: 0;
+
+		border: none;
+		background: none;
+		cursor: pointer;
+
+		font: inherit;
+	}
+
+	input,
+	textarea,
+	select {
+		margin: 0;
+
+		border: none;
+
+		font: inherit;
+	}
+}

package/src/styles/colors.scss

@@ -15,6 +15,7 @@
 	--theme-neutral-400: #bfbfbf;
 	--theme-neutral-400_40: #bfbfbf66;
 	--theme-neutral-500: #a1a1a1; //use btn icon
+	--theme-neutral-550: #767676;
 	--theme-neutral-600: #525252;
 	--theme-neutral-700: #3d3d3d;
 	--theme-neutral-800: #292929;
@@ -37,7 +38,9 @@
 
 	--theme-neutral-icon-primary: #90a4ae;
 	--theme-neutral-icon-secondary: var(--theme-neutral-400);
-	--theme-neutral-icon-caption: var(--theme-neutral-500);
+	// neutral-500 давал 2.58 на белом — ниже порога WCAG 3.0 для нетекстовых
+	// элементов; заодно совпадает по тону с --input-color-placeholder
+	--theme-neutral-icon-caption: var(--theme-neutral-550);
 	--theme-neutral-icon-disabled: var(--theme-neutral-300);
 	--theme-neutral-icon-negative: var(--theme-neutral-0);
 
@@ -58,7 +61,13 @@
 	--theme-primary-50: #f2f9f4;
 	--theme-primary-50_40: #f2f9f466;
 	--theme-primary-75: #e6f3e9;
-	--theme-primary-100: #e6f3e9;
+	/*
+	 * #d3ead9 — значение `Color/Primary/100` из Figma. До этого здесь стоял
+	 * #e6f3e9, то есть копия primary-75: два разных токена палитры давали
+	 * один цвет, и всё, что задумывалось «плотнее» (бейдж `--accent`), было
+	 * неотличимо от светлого варианта.
+	 */
+	--theme-primary-100: #d3ead9;
 	--theme-primary-200: #bfe2c9;
 	--theme-primary-200_25: #bfe2c940; //use focussed stroke
 	--theme-primary-300: #99d0a8; //use hover fill
@@ -125,7 +134,7 @@
 	--theme-warn-400: #f1ab5a;
 	--theme-warn-500: #ed9631;
 	--theme-warn-600: #d47d16;
-	--theme-warn-700: #ac6410;
+	--theme-warn-700: #a55f0e; // на warn-100 даёт 4.55 — прежний #a6600f не дотягивал (4.49)
 	--theme-warn-800: #814a09;
 	--theme-warn-900: #492c0a;
 }