@neptune.fintech/web-ui 1.0.0 → 2.0.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 +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +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/LICENSE
CHANGED
|
@@ -64,7 +64,7 @@ obtain a commercial license or cease production use.
|
|
|
64
64
|
(c) No trademark use. This license grants no rights in the Licensor's names,
|
|
65
65
|
logos, or brand names beyond the attribution required above.
|
|
66
66
|
(d) The brands, names, and visual identities of example tenants in this
|
|
67
|
-
repository (e.g. "
|
|
67
|
+
repository (e.g. "Triton Bank", "Nereid", "Proteus") are reference
|
|
68
68
|
illustrations only and convey no rights.
|
|
69
69
|
|
|
70
70
|
------------------------------------------------------------------------------
|
package/README.md
CHANGED
|
@@ -24,7 +24,7 @@ import "@neptune.fintech/web-ui/styles.css"; // ships themes.css + system.css
|
|
|
24
24
|
import { applyTheme, registerAll } from "@neptune.fintech/web-ui";
|
|
25
25
|
|
|
26
26
|
registerAll(); // define the custom elements
|
|
27
|
-
applyTheme(document.documentElement, "
|
|
27
|
+
applyTheme(document.documentElement, "triton", { mode: "system", dir: "auto" });
|
|
28
28
|
```
|
|
29
29
|
|
|
30
30
|
```html
|
package/dist/index.d.ts
CHANGED
|
@@ -8,5 +8,5 @@ export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
|
|
|
8
8
|
export { registerAll } from "./register.js";
|
|
9
9
|
export type { Brand, Mode, Direction, NeptuneTheme, ThemeInput, BrandprintConfig, } from "@neptune.fintech/tokens";
|
|
10
10
|
export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
|
|
11
|
-
export declare const WEB_UI_VERSION = "
|
|
11
|
+
export declare const WEB_UI_VERSION = "2.0.0";
|
|
12
12
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
CHANGED
|
@@ -15,5 +15,5 @@ export { NptTextField, NptChip, NptBadge } from "./components/inputs.js";
|
|
|
15
15
|
export { NptAppBar, NptNavBar, NptNavItem } from "./components/nav.js";
|
|
16
16
|
export { registerAll } from "./register.js";
|
|
17
17
|
export { buildTheme, encode, decode, brandprintFor } from "@neptune.fintech/tokens";
|
|
18
|
-
export const WEB_UI_VERSION = "
|
|
18
|
+
export const WEB_UI_VERSION = "2.0.0";
|
|
19
19
|
//# sourceMappingURL=index.js.map
|
|
@@ -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": "
|
|
3
|
+
"version": "2.0.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);
|