@neptune.fintech/web-ui 1.0.0 → 2.1.0
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/LICENSE +1 -1
- package/README.md +25 -3
- package/dist/components/actions.d.ts +43 -0
- package/dist/components/actions.d.ts.map +1 -0
- package/dist/components/actions.js +279 -0
- package/dist/components/actions.js.map +1 -0
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.d.ts.map +1 -1
- package/dist/components/button.js +9 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/containers.d.ts +54 -0
- package/dist/components/containers.d.ts.map +1 -0
- package/dist/components/containers.js +298 -0
- package/dist/components/containers.js.map +1 -0
- package/dist/components/feedback.d.ts +42 -0
- package/dist/components/feedback.d.ts.map +1 -0
- package/dist/components/feedback.js +241 -0
- package/dist/components/feedback.js.map +1 -0
- package/dist/components/inputs.d.ts +8 -1
- package/dist/components/inputs.d.ts.map +1 -1
- package/dist/components/inputs.js +57 -3
- package/dist/components/inputs.js.map +1 -1
- package/dist/components/layout.d.ts +68 -0
- package/dist/components/layout.d.ts.map +1 -0
- package/dist/components/layout.js +359 -0
- package/dist/components/layout.js.map +1 -0
- package/dist/components/nav-rail.d.ts +22 -0
- package/dist/components/nav-rail.d.ts.map +1 -0
- package/dist/components/nav-rail.js +120 -0
- package/dist/components/nav-rail.js.map +1 -0
- package/dist/components/selection.d.ts +51 -0
- package/dist/components/selection.d.ts.map +1 -0
- package/dist/components/selection.js +377 -0
- package/dist/components/selection.js.map +1 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/register.d.ts.map +1 -1
- package/dist/register.js +38 -0
- package/dist/register.js.map +1 -1
- package/dist/theme/applyTheme.d.ts +1 -1
- package/dist/theme/applyTheme.js +2 -2
- package/dist/theme/applyTheme.js.map +1 -1
- package/package.json +2 -2
- package/styles/themes.css +17 -17
package/dist/register.js
CHANGED
|
@@ -7,6 +7,12 @@ import { NptCard } from "./components/card.js";
|
|
|
7
7
|
import { NptBalanceCard, NptTransactionRow } from "./components/financial.js";
|
|
8
8
|
import { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
|
|
9
9
|
import { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
|
|
10
|
+
import { NptIconButton, NptFab, NptSegmentedButton, NptSegmentedOption } from "./components/actions.js";
|
|
11
|
+
import { NptCheckbox, NptRadio, NptSwitch, NptSlider } from "./components/selection.js";
|
|
12
|
+
import { NptProgress, NptSnackbar, NptTooltip, NptBanner } from "./components/feedback.js";
|
|
13
|
+
import { NptDialog, NptBottomSheet, NptMenu, NptMenuItem } from "./components/containers.js";
|
|
14
|
+
import { NptList, NptListItem, NptDivider, NptTabs, NptTab, NptAccordion, NptAccordionItem, NptAvatar, } from "./components/layout.js";
|
|
15
|
+
import { NptNavRail, NptTopAppBar } from "./components/nav-rail.js";
|
|
10
16
|
/** Register every Neptune Odyssey custom element (idempotent, browser-only). */
|
|
11
17
|
export function registerAll() {
|
|
12
18
|
define("npt-button", NptButton);
|
|
@@ -19,6 +25,38 @@ export function registerAll() {
|
|
|
19
25
|
define("npt-app-bar", NptAppBar);
|
|
20
26
|
define("npt-nav-bar", NptNavBar);
|
|
21
27
|
define("npt-nav-item", NptNavItem);
|
|
28
|
+
// Buttons & actions
|
|
29
|
+
define("npt-icon-button", NptIconButton);
|
|
30
|
+
define("npt-fab", NptFab);
|
|
31
|
+
define("npt-segmented-button", NptSegmentedButton);
|
|
32
|
+
define("npt-segmented-option", NptSegmentedOption);
|
|
33
|
+
// Selection controls
|
|
34
|
+
define("npt-checkbox", NptCheckbox);
|
|
35
|
+
define("npt-radio", NptRadio);
|
|
36
|
+
define("npt-switch", NptSwitch);
|
|
37
|
+
define("npt-slider", NptSlider);
|
|
38
|
+
// Communication & feedback
|
|
39
|
+
define("npt-progress", NptProgress);
|
|
40
|
+
define("npt-snackbar", NptSnackbar);
|
|
41
|
+
define("npt-tooltip", NptTooltip);
|
|
42
|
+
define("npt-banner", NptBanner);
|
|
43
|
+
// Containers (overlays)
|
|
44
|
+
define("npt-dialog", NptDialog);
|
|
45
|
+
define("npt-bottom-sheet", NptBottomSheet);
|
|
46
|
+
define("npt-menu", NptMenu);
|
|
47
|
+
define("npt-menu-item", NptMenuItem);
|
|
48
|
+
// Containers & layout
|
|
49
|
+
define("npt-list", NptList);
|
|
50
|
+
define("npt-list-item", NptListItem);
|
|
51
|
+
define("npt-divider", NptDivider);
|
|
52
|
+
define("npt-tabs", NptTabs);
|
|
53
|
+
define("npt-tab", NptTab);
|
|
54
|
+
define("npt-accordion", NptAccordion);
|
|
55
|
+
define("npt-accordion-item", NptAccordionItem);
|
|
56
|
+
define("npt-avatar", NptAvatar);
|
|
57
|
+
// Navigation
|
|
58
|
+
define("npt-nav-rail", NptNavRail);
|
|
59
|
+
define("npt-top-app-bar", NptTopAppBar);
|
|
22
60
|
}
|
|
23
61
|
registerAll();
|
|
24
62
|
//# sourceMappingURL=register.js.map
|
package/dist/register.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,gFAAgF;AAChF,uEAAuE;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"register.js","sourceRoot":"","sources":["../src/register.ts"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface ThemeHandle {
|
|
|
15
15
|
* Apply a Neptune Odyssey theme to a root element.
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
|
-
* applyTheme(document.documentElement, "
|
|
18
|
+
* applyTheme(document.documentElement, "triton", { mode: "system", dir: "auto" });
|
|
19
19
|
* applyTheme(root, "NO1-AYB4AKKeeABWDBIaIiw4B_YBAAABAQEBAQAAyA");
|
|
20
20
|
* applyTheme(root, { primary: {L,C,H}, tertiary: {…}, corners: {…}, … });
|
|
21
21
|
*/
|
package/dist/theme/applyTheme.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
// backbone) and write the vars onto the root element. SSR-safe: no module-level
|
|
9
9
|
// DOM access; everything is guarded and runs only when called with an element.
|
|
10
10
|
import { buildTheme, COLOR_ROLES, } from "@neptune.fintech/tokens";
|
|
11
|
-
const REFERENCE_BRANDS = new Set(["neptune", "
|
|
11
|
+
const REFERENCE_BRANDS = new Set(["neptune", "triton", "nereid", "proteus"]);
|
|
12
12
|
function prefersDark() {
|
|
13
13
|
return typeof matchMedia === "function" && matchMedia("(prefers-color-scheme: dark)").matches;
|
|
14
14
|
}
|
|
@@ -65,7 +65,7 @@ function writeVars(root, theme) {
|
|
|
65
65
|
* Apply a Neptune Odyssey theme to a root element.
|
|
66
66
|
*
|
|
67
67
|
* @example
|
|
68
|
-
* applyTheme(document.documentElement, "
|
|
68
|
+
* applyTheme(document.documentElement, "triton", { mode: "system", dir: "auto" });
|
|
69
69
|
* applyTheme(root, "NO1-AYB4AKKeeABWDBIaIiw4B_YBAAABAQEBAQAAyA");
|
|
70
70
|
* applyTheme(root, { primary: {L,C,H}, tertiary: {…}, corners: {…}, … });
|
|
71
71
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,2EAA2E;AAC3E,EAAE;AACF,4EAA4E;AAC5E,6EAA6E;AAC7E,8EAA8E;AAC9E,2EAA2E;AAC3E,gFAAgF;AAChF,+EAA+E;AAE/E,OAAO,EACL,UAAU,EACV,WAAW,GAIZ,MAAM,yBAAyB,CAAC;AAiBjC,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"applyTheme.js","sourceRoot":"","sources":["../../src/theme/applyTheme.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neptune.fintech/web-ui",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "2.1.0",
|
|
4
4
|
"description": "Neptune Odyssey web kit — framework-agnostic, CSS-variable-themed custom elements + the applyTheme API (brand id / config / brandprint).",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
6
|
"author": "Neptune.Fintech (https://neptune.ly)",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"access": "public"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@neptune.fintech/tokens": "^
|
|
45
|
+
"@neptune.fintech/tokens": "^2.0.0"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"jsdom": "^25.0.1",
|
package/styles/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Neptune Odyssey — theme token layer · © Neptune.Fintech · v1.0.0
|
|
2
|
-
M3 + M3 Expressive · 4 brands (neptune/
|
|
3
|
-
Apply on a wrapper: <body data-theme="
|
|
2
|
+
M3 + M3 Expressive · 4 brands (neptune/triton/nereid/proteus) · light+dark · LTR/RTL
|
|
3
|
+
Apply on a wrapper: <body data-theme="triton" data-mode="dark" dir="rtl"> */
|
|
4
4
|
|
|
5
5
|
/* ====== NEPTUNE DESIGN SYSTEM — token layer ====== */
|
|
6
6
|
:root,[data-theme="neptune"]{
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
--md-sys-color-inverse-surface: oklch(0.92 0.01 258); --md-sys-color-inverse-on-surface: oklch(0.2 0.02 258);
|
|
71
71
|
--md-sys-color-inverse-primary: oklch(0.48 0.15 258); --md-sys-color-scrim: oklch(0 0 0);
|
|
72
72
|
}
|
|
73
|
-
[data-theme="
|
|
73
|
+
[data-theme="triton"]{
|
|
74
74
|
--md-sys-color-primary: oklch(0.5 0.12 162); --md-sys-color-on-primary: oklch(0.99 0.02 162);
|
|
75
75
|
--md-sys-color-primary-container: oklch(0.9 0.08 162); --md-sys-color-on-primary-container: oklch(0.24 0.1 162);
|
|
76
76
|
--md-sys-color-secondary: oklch(0.52 0.05 162); --md-sys-color-on-secondary: oklch(0.99 0.02 162);
|
|
@@ -94,19 +94,19 @@
|
|
|
94
94
|
--npt-font-display-ar:'Reem Kufi'; --npt-font-text-ar:'Tajawal';
|
|
95
95
|
--npt-corner-xs-base:12px; --npt-corner-sm-base:18px; --npt-corner-md-base:26px; --npt-corner-lg-base:34px; --npt-corner-xl-base:44px; --npt-corner-2xl-base:56px; --npt-corner-full:999px;
|
|
96
96
|
--npt-display-tracking:-0.01em; --npt-display-weight:700;
|
|
97
|
-
/* lever · motion feel (
|
|
97
|
+
/* lever · motion feel (Triton: calm-graceful) */
|
|
98
98
|
--npt-ease-standard:cubic-bezier(.25,0,.2,1); --npt-ease-emphasized:cubic-bezier(.2,0,.1,1); --npt-ease-spring:cubic-bezier(.3,1.3,.5,1);
|
|
99
99
|
--npt-dur-fast:280ms; --npt-dur-standard:340ms; --npt-dur-slow:560ms;
|
|
100
|
-
/* lever · glass tint (
|
|
100
|
+
/* lever · glass tint (Triton: warm-amber) */
|
|
101
101
|
--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-tertiary) 9%, color-mix(in oklab, var(--md-sys-color-surface) 72%, transparent)); --npt-glass-blur:16px;
|
|
102
102
|
/* lever · named treatments */
|
|
103
103
|
--npt-login-shell:arcade-arches; --npt-dashboard-hero:warm-balance-cards; --npt-content-tone:warm-hospitable;
|
|
104
|
-
/* brand expression — signature motif (
|
|
104
|
+
/* brand expression — signature motif (Triton: coastal soft arc rings) */
|
|
105
105
|
--npt-motif: radial-gradient(circle at 50% 100%, transparent 0 12px, color-mix(in oklab,currentColor 13%,transparent) 12px 13.5px, transparent 14.5px);
|
|
106
106
|
--npt-motif-size: 40px 32px; --npt-motif-strength: 1;
|
|
107
107
|
--npt-hero-emblem: radial-gradient(circle at 50% 118%, transparent 0 34px, color-mix(in oklab,currentColor 16%,transparent) 34px 36px, transparent 37px 52px, color-mix(in oklab,currentColor 12%,transparent) 52px 54px, transparent 55px);
|
|
108
108
|
}
|
|
109
|
-
[data-theme="
|
|
109
|
+
[data-theme="triton"][data-mode="dark"]{
|
|
110
110
|
--md-sys-color-primary: oklch(0.82 0.11 162); --md-sys-color-on-primary: oklch(0.22 0.08 162);
|
|
111
111
|
--md-sys-color-primary-container: oklch(0.36 0.1 162); --md-sys-color-on-primary-container: oklch(0.9 0.08 162);
|
|
112
112
|
--md-sys-color-secondary: oklch(0.82 0.045 162); --md-sys-color-on-secondary: oklch(0.24 0.04 162);
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
--md-sys-color-inverse-surface: oklch(0.92 0.012 150); --md-sys-color-inverse-on-surface: oklch(0.22 0.02 150);
|
|
128
128
|
--md-sys-color-inverse-primary: oklch(0.5 0.12 162); --md-sys-color-scrim: oklch(0 0 0);
|
|
129
129
|
}
|
|
130
|
-
[data-theme="
|
|
130
|
+
[data-theme="nereid"]{
|
|
131
131
|
--md-sys-color-primary: oklch(0.52 0.18 292); --md-sys-color-on-primary: oklch(0.99 0.02 292);
|
|
132
132
|
--md-sys-color-primary-container: oklch(0.91 0.08 292); --md-sys-color-on-primary-container: oklch(0.26 0.16 292);
|
|
133
133
|
--md-sys-color-secondary: oklch(0.54 0.06 292); --md-sys-color-on-secondary: oklch(0.99 0.02 292);
|
|
@@ -151,19 +151,19 @@
|
|
|
151
151
|
--npt-font-display-ar:'Readex Pro'; --npt-font-text-ar:'Readex Pro';
|
|
152
152
|
--npt-corner-xs-base:4px; --npt-corner-sm-base:8px; --npt-corner-md-base:12px; --npt-corner-lg-base:18px; --npt-corner-xl-base:26px; --npt-corner-2xl-base:36px; --npt-corner-full:999px;
|
|
153
153
|
--npt-display-tracking:-0.03em; --npt-display-weight:600;
|
|
154
|
-
/* lever · motion feel (
|
|
154
|
+
/* lever · motion feel (Nereid: light-quick-crisp) */
|
|
155
155
|
--npt-ease-standard:cubic-bezier(.2,0,0,1); --npt-ease-emphasized:cubic-bezier(.2,0,0,1); --npt-ease-spring:cubic-bezier(.34,1.56,.64,1);
|
|
156
156
|
--npt-dur-fast:200ms; --npt-dur-standard:240ms; --npt-dur-slow:400ms;
|
|
157
|
-
/* lever · glass tint (
|
|
157
|
+
/* lever · glass tint (Nereid: violet-luminous) */
|
|
158
158
|
--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-primary) 12%, color-mix(in oklab, var(--md-sys-color-surface) 62%, transparent)); --npt-glass-blur:22px;
|
|
159
159
|
/* lever · named treatments */
|
|
160
160
|
--npt-login-shell:light-grid-spark; --npt-dashboard-hero:wallet-hero; --npt-content-tone:light-instant;
|
|
161
|
-
/* brand expression — signature motif (
|
|
161
|
+
/* brand expression — signature motif (Nereid: crisp digital light-grid) */
|
|
162
162
|
--npt-motif: linear-gradient(color-mix(in oklab,currentColor 8%,transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklab,currentColor 8%,transparent) 1px, transparent 1px);
|
|
163
163
|
--npt-motif-size: 23px 23px; --npt-motif-strength: 1;
|
|
164
164
|
--npt-hero-emblem: linear-gradient(125deg, transparent 38%, color-mix(in oklab,currentColor 16%,transparent) 49%, color-mix(in oklab,currentColor 4%,transparent) 50%, transparent 62%);
|
|
165
165
|
}
|
|
166
|
-
[data-theme="
|
|
166
|
+
[data-theme="nereid"][data-mode="dark"]{
|
|
167
167
|
--md-sys-color-primary: oklch(0.8 0.15 292); --md-sys-color-on-primary: oklch(0.22 0.12 292);
|
|
168
168
|
--md-sys-color-primary-container: oklch(0.38 0.14 292); --md-sys-color-on-primary-container: oklch(0.9 0.08 292);
|
|
169
169
|
--md-sys-color-secondary: oklch(0.82 0.05 292); --md-sys-color-on-secondary: oklch(0.24 0.05 292);
|
|
@@ -184,7 +184,7 @@
|
|
|
184
184
|
--md-sys-color-inverse-surface: oklch(0.92 0.012 300); --md-sys-color-inverse-on-surface: oklch(0.2 0.02 300);
|
|
185
185
|
--md-sys-color-inverse-primary: oklch(0.52 0.18 292); --md-sys-color-scrim: oklch(0 0 0);
|
|
186
186
|
}
|
|
187
|
-
[data-theme="
|
|
187
|
+
[data-theme="proteus"]{
|
|
188
188
|
--md-sys-color-primary: oklch(0.42 0.13 248); --md-sys-color-on-primary: oklch(0.99 0.02 248);
|
|
189
189
|
--md-sys-color-primary-container: oklch(0.89 0.07 248); --md-sys-color-on-primary-container: oklch(0.2 0.12 248);
|
|
190
190
|
--md-sys-color-secondary: oklch(0.5 0.05 248); --md-sys-color-on-secondary: oklch(0.99 0.02 248);
|
|
@@ -208,19 +208,19 @@
|
|
|
208
208
|
--npt-font-display-ar:'Noto Kufi Arabic'; --npt-font-text-ar:'IBM Plex Sans Arabic';
|
|
209
209
|
--npt-corner-xs-base:6px; --npt-corner-sm-base:10px; --npt-corner-md-base:14px; --npt-corner-lg-base:20px; --npt-corner-xl-base:28px; --npt-corner-2xl-base:38px; --npt-corner-full:999px;
|
|
210
210
|
--npt-display-tracking:-0.02em; --npt-display-weight:700;
|
|
211
|
-
/* lever · motion feel (
|
|
211
|
+
/* lever · motion feel (Proteus: stable-minimal-authoritative) */
|
|
212
212
|
--npt-ease-standard:cubic-bezier(.3,0,.2,1); --npt-ease-emphasized:cubic-bezier(.25,0,.15,1); --npt-ease-spring:cubic-bezier(.2,.9,.3,1);
|
|
213
213
|
--npt-dur-fast:240ms; --npt-dur-standard:280ms; --npt-dur-slow:460ms;
|
|
214
|
-
/* lever · glass tint (
|
|
214
|
+
/* lever · glass tint (Proteus: navy-steel) */
|
|
215
215
|
--npt-glass-tint:color-mix(in oklab, var(--md-sys-color-primary) 7%, color-mix(in oklab, var(--md-sys-color-surface) 76%, transparent)); --npt-glass-blur:14px;
|
|
216
216
|
/* lever · named treatments */
|
|
217
217
|
--npt-login-shell:shield-guilloche; --npt-dashboard-hero:restrained-balance; --npt-content-tone:formal-authoritative;
|
|
218
|
-
/* brand expression — signature motif (
|
|
218
|
+
/* brand expression — signature motif (Proteus: secure guilloché / shield) */
|
|
219
219
|
--npt-motif: repeating-linear-gradient(45deg, color-mix(in oklab,currentColor 7%,transparent) 0 1px, transparent 1px 12px), repeating-linear-gradient(-45deg, color-mix(in oklab,currentColor 7%,transparent) 0 1px, transparent 1px 12px);
|
|
220
220
|
--npt-motif-size: auto; --npt-motif-strength: .85;
|
|
221
221
|
--npt-hero-emblem: linear-gradient(135deg, transparent 45%, color-mix(in oklab,currentColor 15%,transparent) 47% 49%, transparent 51%), linear-gradient(-135deg, transparent 45%, color-mix(in oklab,currentColor 15%,transparent) 47% 49%, transparent 51%), linear-gradient(135deg, transparent 62%, color-mix(in oklab,currentColor 9%,transparent) 64% 66%, transparent 68%);
|
|
222
222
|
}
|
|
223
|
-
[data-theme="
|
|
223
|
+
[data-theme="proteus"][data-mode="dark"]{
|
|
224
224
|
--md-sys-color-primary: oklch(0.78 0.11 248); --md-sys-color-on-primary: oklch(0.18 0.09 248);
|
|
225
225
|
--md-sys-color-primary-container: oklch(0.34 0.11 248); --md-sys-color-on-primary-container: oklch(0.88 0.07 248);
|
|
226
226
|
--md-sys-color-secondary: oklch(0.82 0.04 248); --md-sys-color-on-secondary: oklch(0.22 0.04 248);
|