@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.
Files changed (25) hide show
  1. package/dist/{OrdersScreen-sLr0z213.cjs → OrdersScreen-B-Nfx1pU.cjs} +1 -1
  2. package/dist/{OrdersScreen-DoopejMR.mjs → OrdersScreen-BR1WDP_v.mjs} +1 -1
  3. package/dist/{OrdersScreen-CS1xA9q5.cjs → OrdersScreen-CtAlBgys.cjs} +39 -39
  4. package/dist/OrdersScreen-CtAlBgys.cjs.map +1 -0
  5. package/dist/{OrdersScreen-CFfrQG4i.mjs → OrdersScreen-E0HjjKxj.mjs} +39 -39
  6. package/dist/OrdersScreen-E0HjjKxj.mjs.map +1 -0
  7. package/dist/{ProfileScreen-CwP66ls2.cjs → ProfileScreen-CL8xD-q8.cjs} +1 -1
  8. package/dist/{ProfileScreen-wj0KTaQF.mjs → ProfileScreen-COZw57uK.mjs} +1 -1
  9. package/dist/{ProfileScreen-BCR3FU5g.cjs → ProfileScreen-CPzuS8kI.cjs} +69 -69
  10. package/dist/ProfileScreen-CPzuS8kI.cjs.map +1 -0
  11. package/dist/{ProfileScreen-CefqZr-Q.mjs → ProfileScreen-fIQkeFTu.mjs} +69 -69
  12. package/dist/ProfileScreen-fIQkeFTu.mjs.map +1 -0
  13. package/dist/{SubscriptionsScreen-DKihggHx.cjs → SubscriptionsScreen-6Xp62ubF.cjs} +1 -1
  14. package/dist/{SubscriptionsScreen-Cjd2aGeW.mjs → SubscriptionsScreen-D8XUHV0b.mjs} +47 -47
  15. package/dist/{SubscriptionsScreen-Cjd2aGeW.mjs.map → SubscriptionsScreen-D8XUHV0b.mjs.map} +1 -1
  16. package/dist/{SubscriptionsScreen-DLLDU_aU.cjs → SubscriptionsScreen-YL-1_nFd.cjs} +47 -47
  17. package/dist/{SubscriptionsScreen-DLLDU_aU.cjs.map → SubscriptionsScreen-YL-1_nFd.cjs.map} +1 -1
  18. package/dist/index.cjs +9 -9
  19. package/dist/index.mjs +9 -9
  20. package/package.json +21 -21
  21. package/styles/globals.css +0 -222
  22. package/dist/OrdersScreen-CFfrQG4i.mjs.map +0 -1
  23. package/dist/OrdersScreen-CS1xA9q5.cjs.map +0 -1
  24. package/dist/ProfileScreen-BCR3FU5g.cjs.map +0 -1
  25. 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-BCR3FU5g.cjs");
56
- const require_SubscriptionsScreen = require("./SubscriptionsScreen-DLLDU_aU.cjs");
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-CS1xA9q5.cjs");
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-CwP66ls2.cjs")).then((m) => ({ default: m.ProfileScreen })));
2120
- const OrdersScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./OrdersScreen-sLr0z213.cjs")).then((m) => ({ default: m.OrdersScreen })));
2121
- const SubscriptionsScreen$1 = (0, react.lazy)(() => Promise.resolve().then(() => require("./SubscriptionsScreen-DKihggHx.cjs")).then((m) => ({ default: m.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-CwP66ls2.cjs")).then((m) => m.profileScreenPropertySchema),
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-sLr0z213.cjs")).then((m) => m.ordersScreenPropertySchema),
3869
- SubscriptionsScreen: () => Promise.resolve().then(() => require("./SubscriptionsScreen-DKihggHx.cjs")).then((m) => m.subscriptionsScreenPropertySchema),
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-Cjd2aGeW.mjs";
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-CefqZr-Q.mjs";
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-CFfrQG4i.mjs";
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-wj0KTaQF.mjs").then((m) => ({ default: m.ProfileScreen })));
2118
- const OrdersScreen$1 = lazy(() => import("./OrdersScreen-DoopejMR.mjs").then((m) => ({ default: m.OrdersScreen })));
2119
- const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-Cjd2aGeW.mjs").then((n) => n.n).then((m) => ({ default: m.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-wj0KTaQF.mjs").then((m) => m.profileScreenPropertySchema),
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-DoopejMR.mjs").then((m) => m.ordersScreenPropertySchema),
3867
- SubscriptionsScreen: () => import("./SubscriptionsScreen-Cjd2aGeW.mjs").then((n) => n.n).then((m) => m.subscriptionsScreenPropertySchema),
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.300",
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/contacts-ui": "0.1.0",
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/mysite-core": "0.1.0",
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/orders-core": "0.1.0",
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-pay-api-client": "0.1.0",
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/shareables-ui": "0.1.0",
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/subscriptions-core": "0.1.0",
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",
@@ -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 {