@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.
|
|
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-
|
|
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
|
|
658
|
-
.ad-toggle-button[aria-pressed="true"] > .ad-button-fx
|
|
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
|
|
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
|
|
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
|
|
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
package/dist/index.js
CHANGED