@neo-ui-kit/react 1.4.2 → 1.4.4

package/README.md

@@ -65,7 +65,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.4.2.tgz
+npm install /path/to/adui/release/neo-ui-kit-react-1.4.4.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-пакет).

package/dist/components/artwork/Spectrum/styles.css

@@ -11,6 +11,10 @@
   max-width: 12rem;
   aspect-ratio: 163 / 140;
 }
+.ad-spectrum[data-variant="bars"] [data-bar] {
+  transform-origin: 0 134px;
+  will-change: transform;
+}
 .ad-spectrum[data-variant="segmented"] {
   position: relative;
   overflow: hidden;

package/dist/index.js

@@ -5065,22 +5065,14 @@ function Segmented(p) {
 }
 function Bars(p) {
   const ref = useRef24(null);
-  const layers = useRef24(null);
+  const bars = useRef24(null);
   const id = useSvgId();
   usePauseOffscreen(ref);
   useDecoration(ref, (time) => {
     if (!ref.current) return;
-    layers.current ??= Array.from(
-      ref.current.querySelectorAll("[data-bar]"),
-      (bar) => Array.from(bar.querySelectorAll("rect"))
-    );
-    layers.current.forEach((rects, i) => {
-      const height = barHeight(i, time);
-      rects.forEach((rect) => {
-        const grow = Number(rect.dataset.grow ?? 0);
-        rect.setAttribute("y", (134 - height - grow).toFixed(2));
-        rect.setAttribute("height", (height + grow).toFixed(2));
-      });
+    bars.current ??= Array.from(ref.current.querySelectorAll("[data-bar]"));
+    bars.current.forEach((bar, i) => {
+      bar.style.transform = `scaleY(${(barHeight(i, time) / 100).toFixed(4)})`;
     });
   });
   return /* @__PURE__ */ jsxs34(
@@ -5112,18 +5104,17 @@ function Bars(p) {
             HALO.map(([grow, halo]) => /* @__PURE__ */ jsx42(
               "rect",
               {
-                "data-grow": grow,
                 x: x - grow,
-                y: "40",
+                y: 34 - grow,
                 width: 2.8 + grow * 2,
-                height: "100",
+                height: 100 + grow,
                 rx: 1.3 + grow,
                 fill: `url(#${id}-halo)`,
                 opacity: halo * opacity
               },
               grow
             )),
-            /* @__PURE__ */ jsx42("rect", { x, y: "40", width: "2.8", height: "100", rx: "1.3", fill: `url(#${id}-bar)`, opacity })
+            /* @__PURE__ */ jsx42("rect", { x, y: "34", width: "2.8", height: "100", rx: "1.3", fill: `url(#${id}-bar)`, opacity })
           ] }, i);
         })
       ]

package/package.json

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