@fluid-app/portal-sdk 0.1.300 → 0.1.301
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/dist/{OrdersScreen-sLr0z213.cjs → OrdersScreen-B-Nfx1pU.cjs} +1 -1
- package/dist/{OrdersScreen-DoopejMR.mjs → OrdersScreen-BR1WDP_v.mjs} +1 -1
- package/dist/{OrdersScreen-CS1xA9q5.cjs → OrdersScreen-CtAlBgys.cjs} +39 -39
- package/dist/OrdersScreen-CtAlBgys.cjs.map +1 -0
- package/dist/{OrdersScreen-CFfrQG4i.mjs → OrdersScreen-E0HjjKxj.mjs} +39 -39
- package/dist/OrdersScreen-E0HjjKxj.mjs.map +1 -0
- package/dist/{ProfileScreen-CwP66ls2.cjs → ProfileScreen-CL8xD-q8.cjs} +1 -1
- package/dist/{ProfileScreen-wj0KTaQF.mjs → ProfileScreen-COZw57uK.mjs} +1 -1
- package/dist/{ProfileScreen-BCR3FU5g.cjs → ProfileScreen-CPzuS8kI.cjs} +69 -69
- package/dist/ProfileScreen-CPzuS8kI.cjs.map +1 -0
- package/dist/{ProfileScreen-CefqZr-Q.mjs → ProfileScreen-fIQkeFTu.mjs} +69 -69
- package/dist/ProfileScreen-fIQkeFTu.mjs.map +1 -0
- package/dist/{SubscriptionsScreen-DKihggHx.cjs → SubscriptionsScreen-6Xp62ubF.cjs} +1 -1
- package/dist/{SubscriptionsScreen-Cjd2aGeW.mjs → SubscriptionsScreen-D8XUHV0b.mjs} +47 -47
- package/dist/{SubscriptionsScreen-Cjd2aGeW.mjs.map → SubscriptionsScreen-D8XUHV0b.mjs.map} +1 -1
- package/dist/{SubscriptionsScreen-DLLDU_aU.cjs → SubscriptionsScreen-YL-1_nFd.cjs} +47 -47
- package/dist/{SubscriptionsScreen-DLLDU_aU.cjs.map → SubscriptionsScreen-YL-1_nFd.cjs.map} +1 -1
- package/dist/index.cjs +9 -9
- package/dist/index.mjs +9 -9
- package/package.json +21 -21
- package/styles/globals.css +0 -222
- package/dist/OrdersScreen-CFfrQG4i.mjs.map +0 -1
- package/dist/OrdersScreen-CS1xA9q5.cjs.map +0 -1
- package/dist/ProfileScreen-BCR3FU5g.cjs.map +0 -1
- package/dist/ProfileScreen-CefqZr-Q.mjs.map +0 -1
package/dist/index.cjs
CHANGED
|
@@ -52,12 +52,12 @@ const require_AppNavigationContext = require("./AppNavigationContext-CDowN9gd.cj
|
|
|
52
52
|
const require_MessagingScreen = require("./MessagingScreen-2M2ETWXp.cjs");
|
|
53
53
|
require("./AddressAutocompleteInput-kE3jh0Gq.cjs");
|
|
54
54
|
require("./use-mysite-portal-YnHKJ-Y-.cjs");
|
|
55
|
-
const require_ProfileScreen = require("./ProfileScreen-
|
|
56
|
-
const require_SubscriptionsScreen = require("./SubscriptionsScreen-
|
|
55
|
+
const require_ProfileScreen = require("./ProfileScreen-CPzuS8kI.cjs");
|
|
56
|
+
const require_SubscriptionsScreen = require("./SubscriptionsScreen-YL-1_nFd.cjs");
|
|
57
57
|
require("./dist-DbRTQ2QF.cjs");
|
|
58
58
|
require("./es-UfEBhcZD.cjs");
|
|
59
59
|
require("./dist-CznjDmLm.cjs");
|
|
60
|
-
const require_OrdersScreen = require("./OrdersScreen-
|
|
60
|
+
const require_OrdersScreen = require("./OrdersScreen-CtAlBgys.cjs");
|
|
61
61
|
const require_MySiteScreen = require("./MySiteScreen-Z8tDPTr4.cjs");
|
|
62
62
|
require("./dist-DQpj0W8j.cjs");
|
|
63
63
|
const require_ShareablesScreen = require("./ShareablesScreen-WUM3kwwU.cjs");
|
|
@@ -2116,9 +2116,9 @@ function BuilderScreenViewImpl({ screen, className }) {
|
|
|
2116
2116
|
const BuilderScreenView = (0, react.memo)(BuilderScreenViewImpl);
|
|
2117
2117
|
//#endregion
|
|
2118
2118
|
//#region src/shell/system-screen-map.ts
|
|
2119
|
-
const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-
|
|
2120
|
-
const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-
|
|
2121
|
-
const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-
|
|
2119
|
+
const ProfileScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ProfileScreen-CL8xD-q8.cjs")).then((m) => ({ default: m.ProfileScreen })));
|
|
2120
|
+
const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-B-Nfx1pU.cjs")).then((m) => ({ default: m.OrdersScreen })));
|
|
2121
|
+
const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-6Xp62ubF.cjs")).then((m) => ({ default: m.SubscriptionsScreen })));
|
|
2122
2122
|
const MessagingScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./MessagingScreen-BI4AufwC.cjs")).then((m) => ({ default: m.MessagingScreen })));
|
|
2123
2123
|
const ContactsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ContactsScreen-PEhqVAD7.cjs")).then((m) => ({ default: m.ContactsScreen })));
|
|
2124
2124
|
const ShopScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./ShopScreen-xfPTLG5b.cjs")).then((m) => ({ default: m.ShopScreen })));
|
|
@@ -3862,11 +3862,11 @@ zod.z.object({
|
|
|
3862
3862
|
//#endregion
|
|
3863
3863
|
//#region src/screens/index.ts
|
|
3864
3864
|
const screenPropertySchemas = {
|
|
3865
|
-
ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-
|
|
3865
|
+
ProfileScreen: () => Promise.resolve().then(() => require("./ProfileScreen-CL8xD-q8.cjs")).then((m) => m.profileScreenPropertySchema),
|
|
3866
3866
|
MessagingScreen: () => Promise.resolve().then(() => require("./MessagingScreen-BI4AufwC.cjs")).then((m) => m.messagingScreenPropertySchema),
|
|
3867
3867
|
ContactsScreen: () => Promise.resolve().then(() => require("./ContactsScreen-PEhqVAD7.cjs")).then((m) => m.contactsScreenPropertySchema),
|
|
3868
|
-
OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-
|
|
3869
|
-
SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-
|
|
3868
|
+
OrdersScreen: () => Promise.resolve().then(() => require("./OrdersScreen-B-Nfx1pU.cjs")).then((m) => m.ordersScreenPropertySchema),
|
|
3869
|
+
SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-6Xp62ubF.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
|
|
3870
3870
|
CustomersScreen: () => Promise.resolve().then(() => require("./CustomersScreen-DegYuqGW.cjs")).then((n) => n.CustomersScreen_exports).then((m) => m.customersScreenPropertySchema),
|
|
3871
3871
|
MySiteScreen: () => Promise.resolve().then(() => require("./MySiteScreen-CZ7SLmAq.cjs")).then((m) => m.mySiteScreenPropertySchema),
|
|
3872
3872
|
ShareablesScreen: () => Promise.resolve().then(() => require("./ShareablesScreen-BevKtLpN.cjs")).then((m) => m.shareablesScreenPropertySchema),
|
package/dist/index.mjs
CHANGED
|
@@ -26,7 +26,7 @@ import { r as carouselWidgetPropertySchema, t as CarouselWidget } from "./Carous
|
|
|
26
26
|
import { r as catchUpWidgetPropertySchema, t as CatchUpWidget } from "./CatchUpWidget-BtEH9EHQ.mjs";
|
|
27
27
|
import { Cn as cn$1, St as CardTitle, at as Popover, bt as CardFooter, ct as Collapsible, gt as Card, h as Skeleton$1, lt as CollapsibleContent, ot as PopoverContent, p as Toaster, st as PopoverTrigger, ut as CollapsibleTrigger, vn as Button, xt as CardHeader, yt as CardDescription } from "./src-Dk1FJOX0.mjs";
|
|
28
28
|
import { a as useMessagingAuth, i as useMessagingConfig, n as messagingScreenPropertySchema, r as createFluidFileUploader, t as MessagingScreen } from "./MessagingScreen-CwzSY_G8.mjs";
|
|
29
|
-
import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-
|
|
29
|
+
import { r as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-D8XUHV0b.mjs";
|
|
30
30
|
import { r as chartWidgetPropertySchema, t as ChartWidget } from "./ChartWidget-rCUOwT7v.mjs";
|
|
31
31
|
import { r as containerWidgetPropertySchema, t as ContainerWidget } from "./ContainerWidget-DBRBSg15.mjs";
|
|
32
32
|
import { r as imageWidgetPropertySchema, t as ImageWidget } from "./ImageWidget-DGABEW2_.mjs";
|
|
@@ -51,11 +51,11 @@ import { t as useAccount } from "./use-account-BohlN5UP.mjs";
|
|
|
51
51
|
import { n as useAppNavigation, t as AppNavigationProvider } from "./AppNavigationContext-Dvc0yoZF.mjs";
|
|
52
52
|
import "./AddressAutocompleteInput-7SRPuVKp.mjs";
|
|
53
53
|
import "./use-mysite-portal-B7N48vKo.mjs";
|
|
54
|
-
import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-
|
|
54
|
+
import { n as profileScreenPropertySchema, t as ProfileScreen } from "./ProfileScreen-fIQkeFTu.mjs";
|
|
55
55
|
import "./dist-PbA1vxAz.mjs";
|
|
56
56
|
import "./es-XDcP51O8.mjs";
|
|
57
57
|
import "./dist-BdonWipX.mjs";
|
|
58
|
-
import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-
|
|
58
|
+
import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-E0HjjKxj.mjs";
|
|
59
59
|
import { r as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Bx81S9gD.mjs";
|
|
60
60
|
import "./sortable.esm-BqjLKOgx.mjs";
|
|
61
61
|
import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-DE2k5f6X.mjs";
|
|
@@ -2114,9 +2114,9 @@ function BuilderScreenViewImpl({ screen, className }) {
|
|
|
2114
2114
|
const BuilderScreenView = memo(BuilderScreenViewImpl);
|
|
2115
2115
|
//#endregion
|
|
2116
2116
|
//#region src/shell/system-screen-map.ts
|
|
2117
|
-
const ProfileScreen$1 = lazy(() => import("./ProfileScreen-
|
|
2118
|
-
const OrdersScreen$1 = lazy(() => import("./OrdersScreen-
|
|
2119
|
-
const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-
|
|
2117
|
+
const ProfileScreen$1 = lazy(() => import("./ProfileScreen-COZw57uK.mjs").then((m) => ({ default: m.ProfileScreen })));
|
|
2118
|
+
const OrdersScreen$1 = lazy(() => import("./OrdersScreen-BR1WDP_v.mjs").then((m) => ({ default: m.OrdersScreen })));
|
|
2119
|
+
const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-D8XUHV0b.mjs").then((n) => n.n).then((m) => ({ default: m.SubscriptionsScreen })));
|
|
2120
2120
|
const MessagingScreen$1 = lazy(() => import("./MessagingScreen-B4vUvkRg.mjs").then((m) => ({ default: m.MessagingScreen })));
|
|
2121
2121
|
const ContactsScreen$1 = lazy(() => import("./ContactsScreen-Cj2okxTE.mjs").then((n) => n.n).then((m) => ({ default: m.ContactsScreen })));
|
|
2122
2122
|
const ShopScreen$1 = lazy(() => import("./ShopScreen-BKMR1rdM.mjs").then((m) => ({ default: m.ShopScreen })));
|
|
@@ -3860,11 +3860,11 @@ z.object({
|
|
|
3860
3860
|
//#endregion
|
|
3861
3861
|
//#region src/screens/index.ts
|
|
3862
3862
|
const screenPropertySchemas = {
|
|
3863
|
-
ProfileScreen: () => import("./ProfileScreen-
|
|
3863
|
+
ProfileScreen: () => import("./ProfileScreen-COZw57uK.mjs").then((m) => m.profileScreenPropertySchema),
|
|
3864
3864
|
MessagingScreen: () => import("./MessagingScreen-B4vUvkRg.mjs").then((m) => m.messagingScreenPropertySchema),
|
|
3865
3865
|
ContactsScreen: () => import("./ContactsScreen-Cj2okxTE.mjs").then((n) => n.n).then((m) => m.contactsScreenPropertySchema),
|
|
3866
|
-
OrdersScreen: () => import("./OrdersScreen-
|
|
3867
|
-
SubscriptionsScreen: () => import("./SubscriptionsScreen-
|
|
3866
|
+
OrdersScreen: () => import("./OrdersScreen-BR1WDP_v.mjs").then((m) => m.ordersScreenPropertySchema),
|
|
3867
|
+
SubscriptionsScreen: () => import("./SubscriptionsScreen-D8XUHV0b.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
|
|
3868
3868
|
CustomersScreen: () => import("./CustomersScreen-DsRK0m2L.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
|
|
3869
3869
|
MySiteScreen: () => import("./MySiteScreen-Bx81S9gD.mjs").then((n) => n.n).then((m) => m.mySiteScreenPropertySchema),
|
|
3870
3870
|
ShareablesScreen: () => import("./ShareablesScreen-Cg10X417.mjs").then((m) => m.shareablesScreenPropertySchema),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluid-app/portal-sdk",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.301",
|
|
4
4
|
"description": "SDK for building custom Fluid portals",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -71,55 +71,55 @@
|
|
|
71
71
|
"tsdown": "^0.21.0",
|
|
72
72
|
"typescript": "^5",
|
|
73
73
|
"zod": "4.3.5",
|
|
74
|
-
"@fluid-app/auth": "0.1.0",
|
|
75
74
|
"@fluid-app/api-client-core": "0.1.0",
|
|
76
|
-
"@fluid-app/company-switcher-core": "0.1.0",
|
|
77
|
-
"@fluid-app/address-autocomplete": "0.1.0",
|
|
78
75
|
"@fluid-app/cart-ui": "0.1.21",
|
|
76
|
+
"@fluid-app/company-switcher-core": "0.1.0",
|
|
79
77
|
"@fluid-app/company-switcher-ui": "0.1.0",
|
|
80
|
-
"@fluid-app/
|
|
78
|
+
"@fluid-app/address-autocomplete": "0.1.0",
|
|
81
79
|
"@fluid-app/contacts-core": "0.1.0",
|
|
80
|
+
"@fluid-app/contacts-ui": "0.1.0",
|
|
81
|
+
"@fluid-app/auth": "0.1.0",
|
|
82
82
|
"@fluid-app/file-picker-api-client": "0.1.0",
|
|
83
|
+
"@fluid-app/fluid-pay-core": "0.1.0",
|
|
83
84
|
"@fluid-app/file-picker-core": "0.1.0",
|
|
84
85
|
"@fluid-app/fluid-pay-ui": "0.1.0",
|
|
85
|
-
"@fluid-app/fluid-pay-core": "0.1.0",
|
|
86
|
-
"@fluid-app/messaging-api-client": "0.1.0",
|
|
87
86
|
"@fluid-app/fluidos-api-client": "0.1.0",
|
|
88
87
|
"@fluid-app/i18n": "0.1.0",
|
|
89
|
-
"@fluid-app/
|
|
90
|
-
"@fluid-app/messaging-ui": "0.1.0",
|
|
88
|
+
"@fluid-app/messaging-api-client": "0.1.0",
|
|
91
89
|
"@fluid-app/messaging-core": "0.1.0",
|
|
92
|
-
"@fluid-app/
|
|
90
|
+
"@fluid-app/messaging-ui": "0.1.0",
|
|
91
|
+
"@fluid-app/mysite-core": "0.1.0",
|
|
93
92
|
"@fluid-app/mysite-ui": "0.1.0",
|
|
93
|
+
"@fluid-app/orders-core": "0.1.0",
|
|
94
94
|
"@fluid-app/permissions": "0.1.0",
|
|
95
|
-
"@fluid-app/orders-ui": "0.1.0",
|
|
96
95
|
"@fluid-app/portal-app-download-ui": "0.1.0",
|
|
96
|
+
"@fluid-app/orders-ui": "0.1.0",
|
|
97
97
|
"@fluid-app/portal-core": "0.1.23",
|
|
98
98
|
"@fluid-app/portal-preview": "0.1.0",
|
|
99
99
|
"@fluid-app/portal-pro-upgrade-ui": "0.1.0",
|
|
100
|
-
"@fluid-app/portal-tenant-api-client": "0.1.0",
|
|
101
100
|
"@fluid-app/portal-react": "0.1.0",
|
|
102
101
|
"@fluid-app/portal-tenant-contacts-api-client": "0.1.0",
|
|
103
|
-
"@fluid-app/portal-tenant-
|
|
102
|
+
"@fluid-app/portal-tenant-api-client": "0.1.0",
|
|
104
103
|
"@fluid-app/portal-tenant-content-api-client": "0.1.0",
|
|
105
|
-
"@fluid-app/portal-tenant-store-api-client": "0.1.0",
|
|
106
104
|
"@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
|
|
105
|
+
"@fluid-app/portal-tenant-pay-api-client": "0.1.0",
|
|
106
|
+
"@fluid-app/portal-tenant-store-api-client": "0.1.0",
|
|
107
107
|
"@fluid-app/products-api-client": "0.1.0",
|
|
108
|
-
"@fluid-app/products-core": "0.1.0",
|
|
109
108
|
"@fluid-app/portal-widgets": "0.1.22",
|
|
110
109
|
"@fluid-app/profile-core": "0.1.0",
|
|
111
|
-
"@fluid-app/
|
|
112
|
-
"@fluid-app/query-persister": "0.1.0",
|
|
110
|
+
"@fluid-app/products-core": "0.1.0",
|
|
113
111
|
"@fluid-app/profile-ui": "0.1.0",
|
|
114
|
-
"@fluid-app/shop-core": "0.1.0",
|
|
115
112
|
"@fluid-app/shareables-core": "0.1.0",
|
|
113
|
+
"@fluid-app/shareables-ui": "0.1.0",
|
|
114
|
+
"@fluid-app/shop-core": "0.1.0",
|
|
116
115
|
"@fluid-app/shop-ui": "0.1.0",
|
|
117
|
-
"@fluid-app/
|
|
116
|
+
"@fluid-app/store-api-client": "0.1.0",
|
|
118
117
|
"@fluid-app/store-core": "0.1.0",
|
|
119
118
|
"@fluid-app/subscriptions-ui": "0.1.0",
|
|
119
|
+
"@fluid-app/query-persister": "0.1.0",
|
|
120
|
+
"@fluid-app/subscriptions-core": "0.1.0",
|
|
120
121
|
"@fluid-app/typescript-config": "0.0.0",
|
|
121
|
-
"@fluid-app/ui-primitives": "0.1.13"
|
|
122
|
-
"@fluid-app/store-api-client": "0.1.0"
|
|
122
|
+
"@fluid-app/ui-primitives": "0.1.13"
|
|
123
123
|
},
|
|
124
124
|
"peerDependencies": {
|
|
125
125
|
"@hookform/resolvers": "^5.2.2",
|
package/styles/globals.css
CHANGED
|
@@ -69,76 +69,6 @@
|
|
|
69
69
|
--radius-lg: var(--radius);
|
|
70
70
|
--radius-xl: calc(var(--radius) + 4px);
|
|
71
71
|
--radius-2xl: calc(var(--radius) + 8px);
|
|
72
|
-
|
|
73
|
-
/* Profile-screen design tokens. Themes can override --profile-*
|
|
74
|
-
in their own data-theme block to re-skin the profile page without
|
|
75
|
-
touching component code. */
|
|
76
|
-
--color-profile-canvas: var(--profile-canvas);
|
|
77
|
-
--color-profile-canvas-elevated: var(--profile-canvas-elevated);
|
|
78
|
-
--color-profile-card: var(--profile-card);
|
|
79
|
-
--color-profile-border: var(--profile-border);
|
|
80
|
-
--color-profile-divider: var(--profile-divider);
|
|
81
|
-
--color-profile-dashed-border: var(--profile-dashed-border);
|
|
82
|
-
--color-profile-pill-hover: var(--profile-pill-hover);
|
|
83
|
-
--color-profile-icon-bg: var(--profile-icon-bg);
|
|
84
|
-
--color-profile-text: var(--profile-text);
|
|
85
|
-
--color-profile-text-muted: var(--profile-text-muted);
|
|
86
|
-
--color-profile-text-faint: var(--profile-text-faint);
|
|
87
|
-
--color-profile-text-placeholder: var(--profile-text-placeholder);
|
|
88
|
-
--color-profile-accent: var(--profile-accent);
|
|
89
|
-
--color-profile-dark: var(--profile-dark);
|
|
90
|
-
--color-profile-dark-hover: var(--profile-dark-hover);
|
|
91
|
-
--color-profile-dark-foreground: var(--profile-dark-foreground);
|
|
92
|
-
--color-profile-danger-bg: var(--profile-danger-bg);
|
|
93
|
-
--color-profile-danger-icon: var(--profile-danger-icon);
|
|
94
|
-
--color-profile-danger-button-bg: var(--profile-danger-button-bg);
|
|
95
|
-
--color-profile-danger-button-text: var(--profile-danger-button-text);
|
|
96
|
-
--color-profile-danger-button-hover: var(--profile-danger-button-hover);
|
|
97
|
-
|
|
98
|
-
/* Profile list-screen tokens used by orders + subscriptions list cards.
|
|
99
|
-
Themes can override --profile-card-edge / --profile-danger-* in their
|
|
100
|
-
own data-theme block to re-skin without touching component code.
|
|
101
|
-
Shadow tokens use the `--shadow-*` Tailwind v4 namespace so they
|
|
102
|
-
produce `shadow-profile-card` / `shadow-profile-card-hover` utilities. */
|
|
103
|
-
--color-profile-card-edge: var(--profile-card-edge);
|
|
104
|
-
--color-profile-danger-wash: var(--profile-danger-wash);
|
|
105
|
-
--color-profile-danger-wash-faint: var(--profile-danger-wash-faint);
|
|
106
|
-
--color-profile-danger-edge: var(--profile-danger-edge);
|
|
107
|
-
--color-profile-danger-edge-strong: var(--profile-danger-edge-strong);
|
|
108
|
-
--shadow-profile-card: var(--profile-card-shadow);
|
|
109
|
-
--shadow-profile-card-hover: var(--profile-card-shadow-hover);
|
|
110
|
-
--shadow-profile-danger-card-hover: var(--profile-danger-card-shadow-hover);
|
|
111
|
-
|
|
112
|
-
/* Profile type scale (-> text-profile-* utilities). */
|
|
113
|
-
--text-profile-nano: var(--profile-text-nano);
|
|
114
|
-
--text-profile-micro: var(--profile-text-micro);
|
|
115
|
-
--text-profile-2xs: var(--profile-text-2xs);
|
|
116
|
-
--text-profile-2xs-plus: var(--profile-text-2xs-plus);
|
|
117
|
-
--text-profile-xs: var(--profile-text-xs);
|
|
118
|
-
--text-profile-xs-plus: var(--profile-text-xs-plus);
|
|
119
|
-
--text-profile-sm: var(--profile-text-sm);
|
|
120
|
-
--text-profile-sm-plus: var(--profile-text-sm-plus);
|
|
121
|
-
--text-profile-base: var(--profile-text-base);
|
|
122
|
-
--text-profile-md: var(--profile-text-md);
|
|
123
|
-
--text-profile-lg: var(--profile-text-lg);
|
|
124
|
-
--text-profile-hero: var(--profile-text-hero);
|
|
125
|
-
--text-profile-hero-lg: var(--profile-text-hero-lg);
|
|
126
|
-
|
|
127
|
-
/* Profile tracking scale (-> tracking-profile-* utilities). */
|
|
128
|
-
--tracking-profile-hero: var(--profile-tracking-hero);
|
|
129
|
-
--tracking-profile-heading: var(--profile-tracking-heading);
|
|
130
|
-
--tracking-profile-tight: var(--profile-tracking-tight);
|
|
131
|
-
--tracking-profile-uppercase-1: var(--profile-tracking-uppercase-1);
|
|
132
|
-
--tracking-profile-uppercase-2: var(--profile-tracking-uppercase-2);
|
|
133
|
-
--tracking-profile-mono: var(--profile-tracking-mono);
|
|
134
|
-
|
|
135
|
-
/* Profile layout dimensions. */
|
|
136
|
-
--container-profile-container: var(--profile-container-max);
|
|
137
|
-
--spacing-profile-avatar: var(--profile-avatar-size);
|
|
138
|
-
--spacing-profile-avatar-sm: var(--profile-avatar-size-sm);
|
|
139
|
-
--spacing-profile-mysite-icon: var(--profile-mysite-icon-size);
|
|
140
|
-
--spacing-profile-tile-min-h: var(--profile-tile-min-h);
|
|
141
|
-
--spacing-profile-hero-wash-h: var(--profile-hero-wash-h);
|
|
142
72
|
}
|
|
143
73
|
|
|
144
74
|
/* Light mode fallback tokens (OKLCH format) */
|
|
@@ -191,113 +121,6 @@
|
|
|
191
121
|
--sidebar-accent-foreground: var(--color-accent-foreground);
|
|
192
122
|
--sidebar-border: var(--color-border);
|
|
193
123
|
--sidebar-ring: var(--color-primary);
|
|
194
|
-
|
|
195
|
-
/* Profile-screen tokens. By default they derive from the existing theme
|
|
196
|
-
tokens (--background, --foreground, --border, --primary, etc.) so the
|
|
197
|
-
profile page reflects the active tenant theme out of the box. Themes
|
|
198
|
-
may override individual --profile-* values to fine-tune the look. */
|
|
199
|
-
--profile-canvas: var(--background);
|
|
200
|
-
--profile-canvas-elevated: var(--muted);
|
|
201
|
-
--profile-card: transparent;
|
|
202
|
-
--profile-border: var(--border);
|
|
203
|
-
--profile-divider: var(--border);
|
|
204
|
-
--profile-dashed-border: var(--border);
|
|
205
|
-
--profile-pill-hover: var(--muted);
|
|
206
|
-
--profile-icon-bg: var(--muted);
|
|
207
|
-
--profile-text: var(--foreground);
|
|
208
|
-
--profile-text-muted: var(--muted-foreground);
|
|
209
|
-
--profile-text-faint: color-mix(
|
|
210
|
-
in oklch,
|
|
211
|
-
var(--muted-foreground) 75%,
|
|
212
|
-
transparent
|
|
213
|
-
);
|
|
214
|
-
--profile-text-placeholder: color-mix(
|
|
215
|
-
in oklch,
|
|
216
|
-
var(--muted-foreground) 55%,
|
|
217
|
-
transparent
|
|
218
|
-
);
|
|
219
|
-
--profile-accent: #a87d3c; /* gold — brand accent, not theme-driven */
|
|
220
|
-
--profile-dark: var(--primary);
|
|
221
|
-
--profile-dark-hover: color-mix(in oklch, var(--primary) 88%, black);
|
|
222
|
-
--profile-dark-foreground: var(--primary-foreground);
|
|
223
|
-
--profile-danger-bg: color-mix(
|
|
224
|
-
in oklch,
|
|
225
|
-
var(--destructive) 12%,
|
|
226
|
-
var(--background)
|
|
227
|
-
);
|
|
228
|
-
--profile-danger-icon: var(--destructive);
|
|
229
|
-
--profile-danger-button-bg: color-mix(
|
|
230
|
-
in oklch,
|
|
231
|
-
var(--destructive) 18%,
|
|
232
|
-
var(--background)
|
|
233
|
-
);
|
|
234
|
-
--profile-danger-button-text: var(--destructive);
|
|
235
|
-
--profile-danger-button-hover: color-mix(
|
|
236
|
-
in oklch,
|
|
237
|
-
var(--destructive) 28%,
|
|
238
|
-
var(--background)
|
|
239
|
-
);
|
|
240
|
-
|
|
241
|
-
/* Profile list-screen tokens. Theme-derived via color-mix so they shift
|
|
242
|
-
with the active tenant theme; themes can override individual values
|
|
243
|
-
to fine-tune the list look. */
|
|
244
|
-
--profile-card-edge: color-mix(in oklch, var(--foreground) 6%, transparent);
|
|
245
|
-
--profile-card-shadow: 0px 2px 8px color-mix(in oklch, black 6%, transparent);
|
|
246
|
-
--profile-card-shadow-hover: 0px 8px 24px
|
|
247
|
-
color-mix(in oklch, black 8%, transparent);
|
|
248
|
-
--profile-danger-wash: color-mix(
|
|
249
|
-
in oklch,
|
|
250
|
-
var(--destructive) 12%,
|
|
251
|
-
transparent
|
|
252
|
-
);
|
|
253
|
-
--profile-danger-wash-faint: color-mix(
|
|
254
|
-
in oklch,
|
|
255
|
-
var(--destructive) 3%,
|
|
256
|
-
transparent
|
|
257
|
-
);
|
|
258
|
-
--profile-danger-edge: color-mix(
|
|
259
|
-
in oklch,
|
|
260
|
-
var(--destructive) 18%,
|
|
261
|
-
transparent
|
|
262
|
-
);
|
|
263
|
-
--profile-danger-edge-strong: color-mix(
|
|
264
|
-
in oklch,
|
|
265
|
-
var(--destructive) 30%,
|
|
266
|
-
transparent
|
|
267
|
-
);
|
|
268
|
-
--profile-danger-card-shadow-hover: 0px 8px 24px
|
|
269
|
-
color-mix(in oklch, var(--destructive) 10%, transparent);
|
|
270
|
-
|
|
271
|
-
/* Type scale (px values from spec). */
|
|
272
|
-
--profile-text-nano: 0.5rem; /* 8px — credit-card cardholder/expires labels */
|
|
273
|
-
--profile-text-micro: 0.5625rem; /* 9px — card brand labels */
|
|
274
|
-
--profile-text-2xs: 0.625rem; /* 10px — uppercase row labels */
|
|
275
|
-
--profile-text-2xs-plus: 0.65625rem; /* 10.5px — add-tile sub-label */
|
|
276
|
-
--profile-text-xs: 0.6875rem; /* 11px — pill button text */
|
|
277
|
-
--profile-text-xs-plus: 0.71875rem; /* 11.5px — hero pts pill, card meta */
|
|
278
|
-
--profile-text-sm: 0.75rem; /* 12px — sign-out button, social handle */
|
|
279
|
-
--profile-text-sm-plus: 0.78125rem; /* 12.5px — hero email, address line */
|
|
280
|
-
--profile-text-base: 0.8125rem; /* 13px — card titles, mysite url */
|
|
281
|
-
--profile-text-md: 0.875rem; /* 14px — field values */
|
|
282
|
-
--profile-text-lg: 0.9375rem; /* 15px — section heading */
|
|
283
|
-
--profile-text-hero: 1.25rem; /* 20px — hero name (mobile) */
|
|
284
|
-
--profile-text-hero-lg: 1.4375rem; /* 23px — hero name (md+) */
|
|
285
|
-
|
|
286
|
-
/* Tracking (letter-spacing) scale. */
|
|
287
|
-
--profile-tracking-hero: -0.018em;
|
|
288
|
-
--profile-tracking-heading: -0.012em;
|
|
289
|
-
--profile-tracking-tight: -0.01em;
|
|
290
|
-
--profile-tracking-uppercase-1: 0.14em;
|
|
291
|
-
--profile-tracking-uppercase-2: 0.18em;
|
|
292
|
-
--profile-tracking-mono: 0.04em;
|
|
293
|
-
|
|
294
|
-
/* Layout dimensions (container, avatar, special heights). */
|
|
295
|
-
--profile-container-max: 57.5rem; /* 920px */
|
|
296
|
-
--profile-avatar-size: 3.25rem; /* 52px md+ */
|
|
297
|
-
--profile-avatar-size-sm: 3rem; /* 48px mobile */
|
|
298
|
-
--profile-mysite-icon-size: 2.75rem; /* 44px */
|
|
299
|
-
--profile-tile-min-h: 9.25rem; /* 148px */
|
|
300
|
-
--profile-hero-wash-h: 16.25rem; /* 260px */
|
|
301
124
|
}
|
|
302
125
|
|
|
303
126
|
/*
|
|
@@ -350,51 +173,6 @@
|
|
|
350
173
|
--sidebar-accent-foreground: var(--color-accent-foreground);
|
|
351
174
|
--sidebar-border: var(--color-border);
|
|
352
175
|
--sidebar-ring: var(--color-primary);
|
|
353
|
-
|
|
354
|
-
/* Profile-screen tokens (dark-mode overrides). Same theme-derived
|
|
355
|
-
defaults as light mode — they pick up the dark theme tokens
|
|
356
|
-
automatically. Only the gold accent shifts to a brighter shade. */
|
|
357
|
-
--profile-canvas: var(--background);
|
|
358
|
-
--profile-canvas-elevated: var(--muted);
|
|
359
|
-
--profile-card: transparent;
|
|
360
|
-
--profile-border: var(--border);
|
|
361
|
-
--profile-divider: var(--border);
|
|
362
|
-
--profile-dashed-border: var(--border);
|
|
363
|
-
--profile-pill-hover: var(--muted);
|
|
364
|
-
--profile-icon-bg: var(--muted);
|
|
365
|
-
--profile-text: var(--foreground);
|
|
366
|
-
--profile-text-muted: var(--muted-foreground);
|
|
367
|
-
--profile-text-faint: color-mix(
|
|
368
|
-
in oklch,
|
|
369
|
-
var(--muted-foreground) 75%,
|
|
370
|
-
transparent
|
|
371
|
-
);
|
|
372
|
-
--profile-text-placeholder: color-mix(
|
|
373
|
-
in oklch,
|
|
374
|
-
var(--muted-foreground) 55%,
|
|
375
|
-
transparent
|
|
376
|
-
);
|
|
377
|
-
--profile-accent: #c29a52; /* slightly brighter gold for dark surface */
|
|
378
|
-
--profile-dark: var(--primary);
|
|
379
|
-
--profile-dark-hover: color-mix(in oklch, var(--primary) 88%, white);
|
|
380
|
-
--profile-dark-foreground: var(--primary-foreground);
|
|
381
|
-
--profile-danger-bg: color-mix(
|
|
382
|
-
in oklch,
|
|
383
|
-
var(--destructive) 18%,
|
|
384
|
-
var(--background)
|
|
385
|
-
);
|
|
386
|
-
--profile-danger-icon: var(--destructive);
|
|
387
|
-
--profile-danger-button-bg: color-mix(
|
|
388
|
-
in oklch,
|
|
389
|
-
var(--destructive) 28%,
|
|
390
|
-
var(--background)
|
|
391
|
-
);
|
|
392
|
-
--profile-danger-button-text: var(--destructive);
|
|
393
|
-
--profile-danger-button-hover: color-mix(
|
|
394
|
-
in oklch,
|
|
395
|
-
var(--destructive) 40%,
|
|
396
|
-
var(--background)
|
|
397
|
-
);
|
|
398
176
|
}
|
|
399
177
|
|
|
400
178
|
@layer base {
|