@zeyos/zx 2.1.0 → 2.2.0

package/styles/tokens/modules.css

@@ -0,0 +1,109 @@
+/* ZeyOS module identity colours.
+   Generated by tools/build-module-tokens.js from src/zeyos/modules.js — do not edit by hand.
+   Colours come from the ZeyOS runtime palette where ZeyOS defines one, and are Zx defaults
+   for the rest. `--zx-module-fg-*` are the two glyph foregrounds the palette was measured
+   against; moduleChip() picks the higher-contrast one per module. */
+:root {
+  --zx-module-fg-light: #ffffff;
+  --zx-module-fg-dark: #141414;
+
+  --zx-module-accounts: #bc3885;
+  --zx-module-actionsteps: #f67f00;
+  --zx-module-admin: #4b5563;
+  --zx-module-applications: #2563eb;
+  --zx-module-appointments: #bd1e32;
+  --zx-module-auth: #a16207;
+  --zx-module-billing: #535494;
+  --zx-module-calendar: #bd1e32;
+  --zx-module-campaigns: #f16528;
+  --zx-module-categories: #9a3412;
+  --zx-module-channels: #0891b2;
+  --zx-module-collection: #0d60ae;
+  --zx-module-contacts: #8c6641;
+  --zx-module-contracts: #823e89;
+  --zx-module-control: #0f766e;
+  --zx-module-coupons: #10775c;
+  --zx-module-davservers: #475569;
+  --zx-module-default: #21cc75;
+  --zx-module-dev: #1f2937;
+  --zx-module-devices: #064e4f;
+  --zx-module-documents: #808000;
+  --zx-module-dunning: #0d60ae;
+  --zx-module-error: #b91c1c;
+  --zx-module-events: #bd1e32;
+  --zx-module-global: #0369a1;
+  --zx-module-groups: #007a55;
+  --zx-module-inventory: #064e4f;
+  --zx-module-items: #064e4f;
+  --zx-module-ledgers: #4679c8;
+  --zx-module-line: #064e4f;
+  --zx-module-links: #405e76;
+  --zx-module-logout: #9f1239;
+  --zx-module-mailinglists: #0299ac;
+  --zx-module-messages: #31a8e0;
+  --zx-module-messages-unread: #31a8e0;
+  --zx-module-notes: #008853;
+  --zx-module-objects: #7e22ce;
+  --zx-module-opportunities: #7b67ae;
+  --zx-module-participants: #4338ca;
+  --zx-module-payments: #4679c8;
+  --zx-module-permissions: #5b21b6;
+  --zx-module-pricelists: #10775c;
+  --zx-module-procurement: #006e9f;
+  --zx-module-production: #226375;
+  --zx-module-projects: #db532d;
+  --zx-module-records: #57534e;
+  --zx-module-resources: #15803d;
+  --zx-module-services: #b45309;
+  --zx-module-stocktransactions: #064e4f;
+  --zx-module-storages: #064e4f;
+  --zx-module-system: #374151;
+  --zx-module-tasks: #e2b301;
+  --zx-module-text: #064e4f;
+  --zx-module-tickets: #f04639;
+  --zx-module-transactions-billing: #535494;
+  --zx-module-transactions-collection: #0d60ae;
+  --zx-module-transactions-procurement: #006e9f;
+  --zx-module-transactions-production: #226375;
+  --zx-module-users: #007a55;
+  --zx-module-weblets: #4f46e5;
+  --zx-module-zeyos: #007a55;
+
+  /* Entity, API resource, and legacy gx names resolving to a module colour. */
+  --zx-module-addresses: var(--zx-module-contacts);
+  --zx-module-clocking: var(--zx-module-actionsteps);
+  --zx-module-comments: var(--zx-module-notes);
+  --zx-module-couponcodes: var(--zx-module-coupons);
+  --zx-module-customers: var(--zx-module-accounts);
+  --zx-module-customfields: var(--zx-module-objects);
+  --zx-module-davids: var(--zx-module-davservers);
+  --zx-module-documentversions: var(--zx-module-documents);
+  --zx-module-enhancements: var(--zx-module-applications);
+  --zx-module-extdata: var(--zx-module-objects);
+  --zx-module-feedservers: var(--zx-module-channels);
+  --zx-module-files: var(--zx-module-documents);
+  --zx-module-filters: var(--zx-module-records);
+  --zx-module-forks: var(--zx-module-applications);
+  --zx-module-imports: var(--zx-module-records);
+  --zx-module-invoices: var(--zx-module-transactions-billing);
+  --zx-module-linecoupon: var(--zx-module-line);
+  --zx-module-logins: var(--zx-module-auth);
+  --zx-module-mailservers: var(--zx-module-channels);
+  --zx-module-notifications: var(--zx-module-messages);
+  --zx-module-participants-campaigns: var(--zx-module-participants);
+  --zx-module-participants-mailinglists: var(--zx-module-participants);
+  --zx-module-prices: var(--zx-module-pricelists);
+  --zx-module-purchaseorders: var(--zx-module-transactions-procurement);
+  --zx-module-pwd: var(--zx-module-auth);
+  --zx-module-sessions: var(--zx-module-auth);
+  --zx-module-settings: var(--zx-module-system);
+  --zx-module-suppliers: var(--zx-module-accounts);
+  --zx-module-tags: var(--zx-module-categories);
+  --zx-module-tokens: var(--zx-module-auth);
+  --zx-module-transactions: var(--zx-module-transactions-billing);
+  --zx-module-userfields: var(--zx-module-objects);
+  --zx-module-userfilters: var(--zx-module-records);
+  --zx-module-usergroups: var(--zx-module-groups);
+  --zx-module-usermgmt: var(--zx-module-users);
+  --zx-module-usersettings: var(--zx-module-system);
+}

package/styles/tokens/semantic.css

@@ -0,0 +1,49 @@
+/*
+ * Tier-2 semantic tokens — light theme (the default).
+ *
+ * The mapping follows the shadcn/ui preset `b2BVl11e4`: white surfaces, Zinc-100 hover/muted
+ * fills, Zinc-200 borders and inputs, Zinc-500 muted text, Zinc-950 body text, and the Nova
+ * control geometry (32px controls, `--radius` corners, a 3px translucent focus ring).
+ */
+:root,
+[data-zx-theme="light"] {
+  color-scheme: light;
+  --zx-color-bg-page: var(--zx-gray-50);
+  --zx-color-bg-surface: var(--zx-gray-0);
+  --zx-color-bg-raised: var(--zx-gray-0);
+  --zx-color-bg-control: var(--zx-gray-0);
+  --zx-color-bg-muted: var(--zx-gray-100);
+  --zx-color-bg-hover: var(--zx-gray-100);
+  --zx-color-bg-selected: color-mix(in srgb, var(--zx-green-600) 10%, var(--zx-gray-0));
+  --zx-color-bg-backdrop: color-mix(in srgb, var(--zx-gray-950) 50%, transparent);
+  --zx-color-border: var(--zx-gray-200);
+  --zx-color-border-strong: var(--zx-gray-300);
+  --zx-color-border-control: var(--zx-gray-200);
+  --zx-color-text: var(--zx-gray-950);
+  --zx-color-text-muted: var(--zx-gray-500);
+  --zx-color-text-placeholder: var(--zx-gray-400);
+  --zx-color-text-invert: var(--zx-gray-50);
+  --zx-color-accent: var(--zx-green-600);
+  --zx-color-accent-hover: var(--zx-green-700);
+  --zx-color-accent-active: var(--zx-green-700);
+  --zx-color-accent-subtle: color-mix(in srgb, var(--zx-green-600) 10%, var(--zx-gray-0));
+  --zx-color-on-accent: var(--zx-gray-0);
+  --zx-color-danger: var(--zx-red-500);
+  --zx-color-danger-bg: color-mix(in srgb, var(--zx-red-500) 10%, var(--zx-gray-0));
+  --zx-color-warning: var(--zx-amber-600);
+  --zx-color-warning-bg: color-mix(in srgb, var(--zx-amber-400) 18%, var(--zx-gray-0));
+  --zx-color-success: var(--zx-green-600);
+  --zx-color-success-bg: color-mix(in srgb, var(--zx-green-600) 10%, var(--zx-gray-0));
+  --zx-color-info: var(--zx-blue-600);
+  --zx-color-info-bg: color-mix(in srgb, var(--zx-blue-500) 10%, var(--zx-gray-0));
+  --zx-color-ring: var(--zx-color-accent);
+  --zx-focus-ring: 0 0 0 3px color-mix(in srgb, var(--zx-color-ring) 45%, transparent);
+  --zx-control-height: 32px;
+  --zx-control-pad-x: 10px;
+  --zx-control-radius: var(--zx-radius-lg);
+  --zx-control-font-size: var(--zx-text-md);
+  --zx-control-font-weight: 500;
+  --zx-overlay-shadow: var(--zx-shadow-3);
+  --zx-header-bg: var(--zx-gray-900);
+  --zx-header-text: var(--zx-gray-50);
+}

package/styles/zx.css

@@ -0,0 +1,61 @@
+@import url("./tokens/global.css");
+@import url("./tokens/semantic.css");
+@import url("./tokens/dark.css");
+@import url("./tokens/density.css");
+@import url("./tokens/modules.css");
+@import url("./base.css");
+@import url("./icons.css");
+@import url("../src/components/button/button.css");
+@import url("../src/components/badge/badge.css");
+@import url("../src/components/check-button/check-button.css");
+@import url("../src/components/empty-state/empty-state.css");
+@import url("../src/components/layout/layout.css");
+@import url("../src/components/truncate/truncate.css");
+@import url("../src/components/loading/spinner.css");
+@import url("../src/components/loading/progress-bar.css");
+@import url("../src/components/loading/inline-loading.css");
+@import url("../src/components/skeleton/skeleton.css");
+@import url("../src/components/copy/copy-button.css");
+@import url("../src/components/copy/copy-input.css");
+@import url("../src/components/toolbar/toolbar.css");
+@import url("../src/components/toggle/toggle.css");
+@import url("../src/components/groupbox/groupbox.css");
+@import url("../src/components/panel/panel.css");
+@import url("../src/components/master-panel/master-panel.css");
+@import url("../src/components/tabbox/tabbox.css");
+@import url("../src/components/navigation-bar/navigation-bar.css");
+@import url("../src/components/search/search.css");
+@import url("../src/components/message/message.css");
+@import url("../src/components/modal/modal.css");
+@import url("../src/components/dialog/dialog.css");
+@import url("../src/components/dropdown/dropdown.css");
+@import url("../src/components/tooltip/tooltip.css");
+@import url("../src/components/split-view/split-view.css");
+@import url("../src/components/menu-button/menu-button.css");
+@import url("../src/components/context-menu/context-menu.css");
+@import url("../src/components/select/select.css");
+@import url("../src/components/checklist/checklist.css");
+@import url("../src/components/tag-picker/tag-picker.css");
+@import url("../src/components/number-field/number-field.css");
+@import url("../src/components/slider/slider.css");
+@import url("../src/components/rating/rating.css");
+@import url("../src/components/permission/permission.css");
+@import url("../src/components/date-picker/date-picker.css");
+@import url("../src/components/date-picker/time-picker.css");
+@import url("../src/components/datebox/datebox.css");
+@import url("../src/components/date-picker/date-range-picker.css");
+@import url("../src/components/datebox/date-range-box.css");
+@import url("../src/components/timebox/timebox.css");
+@import url("../src/components/table/table.css");
+@import url("../src/components/tree/tree.css");
+@import url("../src/components/finder/finder.css");
+@import url("../src/components/data-filter/data-filter.css");
+@import url("../src/components/pagination/pagination.css");
+@import url("../src/components/stepper/stepper.css");
+@import url("../src/components/breadcrumb/breadcrumb.css");
+@import url("../src/components/field/field.css");
+@import url("../src/components/fieldset/fieldset.css");
+@import url("../src/components/form/form.css");
+@import url("../src/components/value-list/value-list.css");
+@import url("../src/components/multi-value-editor/multi-value-editor.css");
+@import url("../src/components/field-upload/field-upload.css");