@neo-ui-kit/react 1.4.10 → 1.4.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -65,7 +65,7 @@ import "@neo-ui-kit/react/styles.css";
65
65
  To test repository changes before publishing, run `npm run package` from the repository root and install the resulting archive in a separate application:
66
66
 
67
67
  ```bash
68
- npm install /path/to/adui/release/neo-ui-kit-react-1.4.10.tgz
68
+ npm install /path/to/adui/release/neo-ui-kit-react-1.4.11.tgz
69
69
  ```
70
70
 
71
71
  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-пакет).
@@ -768,7 +768,7 @@ function buttonView(p, name = "Button") {
768
768
  onPointerMove: trackLight,
769
769
  onPointerLeave: resetLight,
770
770
  children: [
771
- /* @__PURE__ */ jsx8("span", { className: "ad-button-fx", "aria-hidden": "true" }),
771
+ /* @__PURE__ */ jsx8("span", { className: "ad-button-fx", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("span", { className: "ad-button-plasma" }) }),
772
772
  /* @__PURE__ */ jsx8("span", { className: "ad-button-orbit", "aria-hidden": "true" }),
773
773
  loading && /* @__PURE__ */ jsx8("span", { className: "ad-spinner", "aria-hidden": "true" }),
774
774
  icon && /* @__PURE__ */ jsx8(Icon, { name: icon }),
@@ -594,10 +594,18 @@
594
594
  overflow: hidden;
595
595
  pointer-events: none;
596
596
  }
597
- .ad-button-fx::before {
598
- content: "";
597
+ .ad-button-plasma {
599
598
  position: absolute;
600
599
  inset: -40% -10% -40% 30%;
600
+ opacity: 0;
601
+ transition: opacity 0.4s;
602
+ will-change: transform;
603
+ }
604
+ .ad-button-plasma::before {
605
+ /* Cache the filtered texture independently of its moving parent. */
606
+ content: "";
607
+ position: absolute;
608
+ inset: 0;
601
609
  background:
602
610
  radial-gradient(circle at 72% 30%, #fff 0 1.2%, transparent 2.6%),
603
611
  radial-gradient(circle at 86% 68%, var(--ad-secondary-100) 0 1.4%, transparent 3.2%),
@@ -611,9 +619,6 @@
611
619
  radial-gradient(ellipse at 80% 50%, rgb(from var(--ad-secondary) r g b / 0.44), transparent 65%);
612
620
  mask-image: linear-gradient(90deg, transparent, #000 40%);
613
621
  filter: saturate(1.35);
614
- opacity: 0;
615
- transition: opacity 0.4s;
616
- will-change: transform;
617
622
  }
618
623
  /* The breath: a faint light over the face that swells and settles. */
619
624
  .ad-button-fx::after {
@@ -654,8 +659,8 @@
654
659
  );
655
660
  will-change: transform;
656
661
  }
657
- :is(.ad-button, .ad-icon-button):is([data-ad-variant="primary"], [data-ad-variant="danger"]) > .ad-button-fx::before,
658
- .ad-toggle-button[aria-pressed="true"] > .ad-button-fx::before {
662
+ :is(.ad-button, .ad-icon-button):is([data-ad-variant="primary"], [data-ad-variant="danger"]) > .ad-button-fx > .ad-button-plasma,
663
+ .ad-toggle-button[aria-pressed="true"] > .ad-button-fx > .ad-button-plasma {
659
664
  opacity: 0.85;
660
665
  animation: ad-btn-plasma 7s ease-in-out infinite alternate;
661
666
  }
@@ -671,7 +676,7 @@
671
676
  .ad-toggle-button[aria-pressed="true"] > .ad-button-orbit::before {
672
677
  animation: ad-btn-orbit 4.5s linear infinite;
673
678
  }
674
- :is(.ad-button, .ad-icon-button, .ad-toggle-button):hover:not(:disabled) > .ad-button-fx::before {
679
+ :is(.ad-button, .ad-icon-button, .ad-toggle-button):hover:not(:disabled) > .ad-button-fx > .ad-button-plasma {
675
680
  opacity: 0.9;
676
681
  animation: ad-btn-plasma 7s ease-in-out infinite alternate;
677
682
  }
@@ -685,12 +690,14 @@
685
690
  display: none;
686
691
  }
687
692
  /* Icon-only buttons are small: the plasma centres on them instead of the right side. */
688
- .ad-icon-button > .ad-button-fx::before {
693
+ .ad-icon-button > .ad-button-fx > .ad-button-plasma {
689
694
  inset: -30%;
695
+ }
696
+ .ad-icon-button .ad-button-plasma::before {
690
697
  mask-image: radial-gradient(closest-side, #000 40%, transparent);
691
698
  }
692
699
  /* Ghost buttons stay subtle: only the comet, no plasma. */
693
- :is(.ad-button, .ad-icon-button)[data-ad-variant="ghost"] > .ad-button-fx::before {
700
+ :is(.ad-button, .ad-icon-button)[data-ad-variant="ghost"] > .ad-button-fx > .ad-button-plasma {
694
701
  display: none;
695
702
  }
696
703
  @keyframes ad-btn-plasma {
package/dist/forms.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  defaultFieldRegistry,
5
5
  useForm,
6
6
  useFormContext
7
- } from "./chunks/chunk-V7E3BRX3.js";
7
+ } from "./chunks/chunk-GHRYZ3BG.js";
8
8
  import "./chunks/chunk-6URATN43.js";
9
9
  import "./chunks/chunk-BJSFN52W.js";
10
10
  import "./chunks/chunk-FCOU3ODR.js";
package/dist/index.js CHANGED
@@ -62,7 +62,7 @@ import {
62
62
  useSvgId,
63
63
  variantMaterial,
64
64
  vectorElement
65
- } from "./chunks/chunk-V7E3BRX3.js";
65
+ } from "./chunks/chunk-GHRYZ3BG.js";
66
66
  import {
67
67
  ThemeProvider,
68
68
  createNeonRenderer,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo-ui-kit/react",
3
- "version": "1.4.10",
3
+ "version": "1.4.11",
4
4
  "description": "NEO UI — React component library",
5
5
  "type": "module",
6
6
  "license": "MIT",