@neo-ui-kit/react 1.2.0 → 1.2.1

package/README.md

@@ -25,7 +25,7 @@ import "@neo-ui-kit/react/styles.css";
 To test repository changes before publishing, run `npm run package` from the repository root and install the resulting archive in a separate application:
 
 ```bash
-npm install /path/to/adui/release/neo-ui-kit-react-1.2.0.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.2.1.tgz
 ```
 
 Maintainers publish new versions from `Pro100Dimka/adui` using the `release.yml` GitHub Actions workflow, a matching `v<version>` tag, and the `npm-publication` environment. npm trusts its OIDC identity; no `NPM_TOKEN` is required. The workflow checks the project and packed consumer before publishing the tested archive. Published `1.0.0` cannot be overwritten: code and README changes in npm require a new package version. See the [repository release instructions](https://github.com/Pro100Dimka/adui#npm-пакет).
@@ -182,6 +182,10 @@ import { ThemeProvider, useMotion } from "@neo-ui-kit/react/core";
 
 Canvas-rendered volume knob. Drag near the edge to rotate, drag from the center to move linearly, click the outer scale to jump. Wheel and arrow keys change the value, Shift gives a fine step, PageUp/PageDown change by 10, Home/End set 0/100, Escape cancels a drag, double-click resets. `onValueChange` fires while adjusting, `onValueCommit` after the gesture. `readOnly` turns it into a gauge.
 
+## 1.2.1 release notes
+
+- A person's photo in the host `Avatar` (and `FilePicker variant="avatar"`) keeps its own colours in every theme: only the seal's rings, crown and label take the theme's hue. Before, the whole seal was hue-rotated, the face with it, so a photo looked right only in the ruby theme.
+
 ## 1.2.0 release notes
 
 - `QuantumBackground` takes `threeUrl`, the base address of a three.js 0.182 copy (the folder with `build/` and `examples/jsm/`), so the scene can work offline and without a third-party CDN. A relative address keeps the scene's import map — and its CSP hash — the same wherever the app runs. The default stays `quantumBackgroundThreeUrl` (unpkg).

package/dist/chunks/{chunk-UGDRXR7P.js → chunk-FNY5E2QO.js}

@@ -154,11 +154,15 @@ var toLayers = (seal) => {
   const layers2 = [];
   const paint = (node) => {
     const top = layers2[layers2.length - 1];
-    if (top && top.spin === void 0) top.nodes.push(node);
+    if (top && top.spin === void 0 && !top.photo) top.nodes.push(node);
     else layers2.push({ nodes: [node] });
   };
   for (const child of seal.children ?? []) {
     if (typeof child === "string") continue;
+    if (child.props?.className === "host-emblem__photo") {
+      layers2.push({ nodes: [child], photo: true });
+      continue;
+    }
     if (isOrbit(child)) {
       layers2.push({ nodes: [still(child)], spin: spinOf(child) });
       continue;
@@ -187,6 +191,7 @@ function HostSeal({ photo, name }) {
           ...root,
           key: i,
           "data-host-spin": layer.spin,
+          "data-host-photo": layer.photo ? "" : void 0,
           style: layer.spin === void 0 ? void 0 : {
             animationDuration: `${1 / Math.abs(layer.spin)}s`,
             animationDirection: layer.spin < 0 ? "reverse" : "normal"

package/dist/components/layout/shared.css

@@ -73,7 +73,7 @@
   transform: rotate(180deg);
 }
 
-/* Vector artwork is drawn in ruby; it turns to the theme hue. */
-:is(.ad-illustration, .ad-brand-mark, .ad-host-seal) svg {
+/* Vector artwork is drawn in ruby; it turns to the theme hue. A person's photo keeps its colours. */
+:is(.ad-illustration, .ad-brand-mark, .ad-host-seal) svg:not([data-host-photo]) {
   filter: hue-rotate(var(--ad-hue-shift, 0deg));
 }

package/dist/forms.js

@@ -4,7 +4,7 @@ import {
   defaultFieldRegistry,
   useForm,
   useFormContext
-} from "./chunks/chunk-UGDRXR7P.js";
+} from "./chunks/chunk-FNY5E2QO.js";
 import "./chunks/chunk-YKCUOZ7V.js";
 import "./chunks/chunk-BJSFN52W.js";
 import "./chunks/chunk-FCOU3ODR.js";

package/dist/index.js

@@ -60,7 +60,7 @@ import {
   useSvgId,
   variantMaterial,
   vectorElement
-} from "./chunks/chunk-UGDRXR7P.js";
+} from "./chunks/chunk-FNY5E2QO.js";
 import {
   getMotionStats,
   refreshMotion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo-ui-kit/react",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "NEO UI — React component library",
   "type": "module",
   "license": "MIT",