@streamoid/settings 0.3.4 → 0.3.5
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/index.js +34 -7
- package/dist/index.mjs +34 -7
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1237,7 +1237,11 @@ var T4 = {
|
|
|
1237
1237
|
tertiary: "var(--alias-text---icons-tertiary)",
|
|
1238
1238
|
muted: "var(--alias-text---icons-muted)",
|
|
1239
1239
|
inverse: "var(--alias-text---icons-inverse)",
|
|
1240
|
-
|
|
1240
|
+
// Grey modal shell so the nested white panels (app rows, store access) separate
|
|
1241
|
+
// from it — matches Create Workspace (workspace-modal). Dark-identical: both
|
|
1242
|
+
// surface-subtleraised and neutral-825 are #1f1f1f in dark; in light it's
|
|
1243
|
+
// #dbdbdb (grey) instead of #ffffff (white).
|
|
1244
|
+
surface: "var(--primitives-neutral-825)",
|
|
1241
1245
|
base: "var(--alias-surface-base)",
|
|
1242
1246
|
canvasBase: "var(--alias-surface-canvasbase)",
|
|
1243
1247
|
fillPlus: "var(--alias-fill-neutral-neutralplus)",
|
|
@@ -3997,9 +4001,9 @@ function BuyCreditsModal({
|
|
|
3997
4001
|
{
|
|
3998
4002
|
className: "flex flex-col relative",
|
|
3999
4003
|
style: {
|
|
4000
|
-
backgroundColor: "var(--
|
|
4004
|
+
backgroundColor: "var(--primitives-neutral-825)",
|
|
4001
4005
|
borderRadius: "var(--radius-4xl)",
|
|
4002
|
-
border: "1px solid var(--alias-border-
|
|
4006
|
+
border: "1px solid var(--alias-border-subtle)",
|
|
4003
4007
|
width: 480,
|
|
4004
4008
|
maxWidth: "90vw"
|
|
4005
4009
|
},
|
|
@@ -4061,6 +4065,7 @@ function BuyCreditsModal({
|
|
|
4061
4065
|
{
|
|
4062
4066
|
className: "flex items-center flex-1 min-w-0",
|
|
4063
4067
|
style: {
|
|
4068
|
+
backgroundColor: "var(--alias-fill-neutral-neutralplus)",
|
|
4064
4069
|
borderRadius: "var(--radius-xl)",
|
|
4065
4070
|
padding: "var(--spacing-xl) var(--spacing-3xl)",
|
|
4066
4071
|
border: "1.25px solid var(--alias-border-default)",
|
|
@@ -4348,6 +4353,22 @@ function formatEffectiveDateLabel(value) {
|
|
|
4348
4353
|
year: "numeric"
|
|
4349
4354
|
});
|
|
4350
4355
|
}
|
|
4356
|
+
function useIsLightTheme() {
|
|
4357
|
+
const read = () => typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "Light";
|
|
4358
|
+
const [isLight, setIsLight] = (0, import_react8.useState)(read);
|
|
4359
|
+
(0, import_react8.useEffect)(() => {
|
|
4360
|
+
if (typeof document === "undefined") return;
|
|
4361
|
+
const target = document.documentElement;
|
|
4362
|
+
const observer = new MutationObserver(() => setIsLight(read()));
|
|
4363
|
+
observer.observe(target, {
|
|
4364
|
+
attributes: true,
|
|
4365
|
+
attributeFilter: ["data-theme"]
|
|
4366
|
+
});
|
|
4367
|
+
setIsLight(read());
|
|
4368
|
+
return () => observer.disconnect();
|
|
4369
|
+
}, []);
|
|
4370
|
+
return isLight;
|
|
4371
|
+
}
|
|
4351
4372
|
function UpdateSubscriptionModal({
|
|
4352
4373
|
open,
|
|
4353
4374
|
currentPlanName,
|
|
@@ -4359,6 +4380,9 @@ function UpdateSubscriptionModal({
|
|
|
4359
4380
|
onClose,
|
|
4360
4381
|
onProceed
|
|
4361
4382
|
}) {
|
|
4383
|
+
const isLight = useIsLightTheme();
|
|
4384
|
+
const modalSurface = isLight ? "#ffffff" : "var(--alias-surface-base)";
|
|
4385
|
+
const cardBorder = isLight ? "1px solid var(--alias-border-subtle)" : "1px solid var(--alias-border-divider)";
|
|
4362
4386
|
if (!open) return null;
|
|
4363
4387
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
4364
4388
|
"div",
|
|
@@ -4373,7 +4397,7 @@ function UpdateSubscriptionModal({
|
|
|
4373
4397
|
{
|
|
4374
4398
|
className: "flex flex-col w-full max-w-xl",
|
|
4375
4399
|
style: {
|
|
4376
|
-
backgroundColor:
|
|
4400
|
+
backgroundColor: modalSurface,
|
|
4377
4401
|
borderRadius: "var(--radius-3xl)",
|
|
4378
4402
|
border: "1px solid var(--alias-border-subtle)",
|
|
4379
4403
|
padding: "var(--spacing-6xl)",
|
|
@@ -4442,6 +4466,7 @@ function UpdateSubscriptionModal({
|
|
|
4442
4466
|
className: "flex items-center w-full",
|
|
4443
4467
|
style: {
|
|
4444
4468
|
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4469
|
+
border: cardBorder,
|
|
4445
4470
|
borderRadius: "var(--radius-3xl)",
|
|
4446
4471
|
padding: "var(--spacing-3xl)"
|
|
4447
4472
|
},
|
|
@@ -4499,7 +4524,8 @@ function UpdateSubscriptionModal({
|
|
|
4499
4524
|
width: 36,
|
|
4500
4525
|
height: 36,
|
|
4501
4526
|
borderRadius: "var(--radius-xl)",
|
|
4502
|
-
backgroundColor: "var(--alias-fill-neutral-neutral)"
|
|
4527
|
+
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4528
|
+
border: cardBorder
|
|
4503
4529
|
},
|
|
4504
4530
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_icons5.SiconDoubleArrow, { className: "w-4 h-4", color: MUTED_COLOR })
|
|
4505
4531
|
}
|
|
@@ -4526,6 +4552,7 @@ function UpdateSubscriptionModal({
|
|
|
4526
4552
|
className: "flex items-center w-full",
|
|
4527
4553
|
style: {
|
|
4528
4554
|
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4555
|
+
border: cardBorder,
|
|
4529
4556
|
borderRadius: "var(--radius-3xl)",
|
|
4530
4557
|
padding: "var(--spacing-3xl)"
|
|
4531
4558
|
},
|
|
@@ -4541,7 +4568,7 @@ function UpdateSubscriptionModal({
|
|
|
4541
4568
|
lineHeight: "var(--line-height-line-height-xxl)",
|
|
4542
4569
|
color: "var(--alias-text---icons-primary)"
|
|
4543
4570
|
},
|
|
4544
|
-
children: "Pro"
|
|
4571
|
+
children: nextPlanName || "Pro"
|
|
4545
4572
|
}
|
|
4546
4573
|
),
|
|
4547
4574
|
/* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex flex-col items-end", children: [
|
|
@@ -4796,7 +4823,7 @@ function PlansView({
|
|
|
4796
4823
|
"div",
|
|
4797
4824
|
{
|
|
4798
4825
|
className: "grid w-full grid-cols-1 md:grid-cols-2 xl:grid-cols-3 items-stretch",
|
|
4799
|
-
style: { gap: "var(--spacing-
|
|
4826
|
+
style: { gap: "var(--spacing-8xl)" },
|
|
4800
4827
|
children: [
|
|
4801
4828
|
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
4802
4829
|
import_ui5.ScPlanCard,
|
package/dist/index.mjs
CHANGED
|
@@ -1235,7 +1235,11 @@ var T4 = {
|
|
|
1235
1235
|
tertiary: "var(--alias-text---icons-tertiary)",
|
|
1236
1236
|
muted: "var(--alias-text---icons-muted)",
|
|
1237
1237
|
inverse: "var(--alias-text---icons-inverse)",
|
|
1238
|
-
|
|
1238
|
+
// Grey modal shell so the nested white panels (app rows, store access) separate
|
|
1239
|
+
// from it — matches Create Workspace (workspace-modal). Dark-identical: both
|
|
1240
|
+
// surface-subtleraised and neutral-825 are #1f1f1f in dark; in light it's
|
|
1241
|
+
// #dbdbdb (grey) instead of #ffffff (white).
|
|
1242
|
+
surface: "var(--primitives-neutral-825)",
|
|
1239
1243
|
base: "var(--alias-surface-base)",
|
|
1240
1244
|
canvasBase: "var(--alias-surface-canvasbase)",
|
|
1241
1245
|
fillPlus: "var(--alias-fill-neutral-neutralplus)",
|
|
@@ -4015,9 +4019,9 @@ function BuyCreditsModal({
|
|
|
4015
4019
|
{
|
|
4016
4020
|
className: "flex flex-col relative",
|
|
4017
4021
|
style: {
|
|
4018
|
-
backgroundColor: "var(--
|
|
4022
|
+
backgroundColor: "var(--primitives-neutral-825)",
|
|
4019
4023
|
borderRadius: "var(--radius-4xl)",
|
|
4020
|
-
border: "1px solid var(--alias-border-
|
|
4024
|
+
border: "1px solid var(--alias-border-subtle)",
|
|
4021
4025
|
width: 480,
|
|
4022
4026
|
maxWidth: "90vw"
|
|
4023
4027
|
},
|
|
@@ -4079,6 +4083,7 @@ function BuyCreditsModal({
|
|
|
4079
4083
|
{
|
|
4080
4084
|
className: "flex items-center flex-1 min-w-0",
|
|
4081
4085
|
style: {
|
|
4086
|
+
backgroundColor: "var(--alias-fill-neutral-neutralplus)",
|
|
4082
4087
|
borderRadius: "var(--radius-xl)",
|
|
4083
4088
|
padding: "var(--spacing-xl) var(--spacing-3xl)",
|
|
4084
4089
|
border: "1.25px solid var(--alias-border-default)",
|
|
@@ -4366,6 +4371,22 @@ function formatEffectiveDateLabel(value) {
|
|
|
4366
4371
|
year: "numeric"
|
|
4367
4372
|
});
|
|
4368
4373
|
}
|
|
4374
|
+
function useIsLightTheme() {
|
|
4375
|
+
const read = () => typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") === "Light";
|
|
4376
|
+
const [isLight, setIsLight] = useState7(read);
|
|
4377
|
+
useEffect4(() => {
|
|
4378
|
+
if (typeof document === "undefined") return;
|
|
4379
|
+
const target = document.documentElement;
|
|
4380
|
+
const observer = new MutationObserver(() => setIsLight(read()));
|
|
4381
|
+
observer.observe(target, {
|
|
4382
|
+
attributes: true,
|
|
4383
|
+
attributeFilter: ["data-theme"]
|
|
4384
|
+
});
|
|
4385
|
+
setIsLight(read());
|
|
4386
|
+
return () => observer.disconnect();
|
|
4387
|
+
}, []);
|
|
4388
|
+
return isLight;
|
|
4389
|
+
}
|
|
4369
4390
|
function UpdateSubscriptionModal({
|
|
4370
4391
|
open,
|
|
4371
4392
|
currentPlanName,
|
|
@@ -4377,6 +4398,9 @@ function UpdateSubscriptionModal({
|
|
|
4377
4398
|
onClose,
|
|
4378
4399
|
onProceed
|
|
4379
4400
|
}) {
|
|
4401
|
+
const isLight = useIsLightTheme();
|
|
4402
|
+
const modalSurface = isLight ? "#ffffff" : "var(--alias-surface-base)";
|
|
4403
|
+
const cardBorder = isLight ? "1px solid var(--alias-border-subtle)" : "1px solid var(--alias-border-divider)";
|
|
4380
4404
|
if (!open) return null;
|
|
4381
4405
|
return /* @__PURE__ */ jsx11(
|
|
4382
4406
|
"div",
|
|
@@ -4391,7 +4415,7 @@ function UpdateSubscriptionModal({
|
|
|
4391
4415
|
{
|
|
4392
4416
|
className: "flex flex-col w-full max-w-xl",
|
|
4393
4417
|
style: {
|
|
4394
|
-
backgroundColor:
|
|
4418
|
+
backgroundColor: modalSurface,
|
|
4395
4419
|
borderRadius: "var(--radius-3xl)",
|
|
4396
4420
|
border: "1px solid var(--alias-border-subtle)",
|
|
4397
4421
|
padding: "var(--spacing-6xl)",
|
|
@@ -4460,6 +4484,7 @@ function UpdateSubscriptionModal({
|
|
|
4460
4484
|
className: "flex items-center w-full",
|
|
4461
4485
|
style: {
|
|
4462
4486
|
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4487
|
+
border: cardBorder,
|
|
4463
4488
|
borderRadius: "var(--radius-3xl)",
|
|
4464
4489
|
padding: "var(--spacing-3xl)"
|
|
4465
4490
|
},
|
|
@@ -4517,7 +4542,8 @@ function UpdateSubscriptionModal({
|
|
|
4517
4542
|
width: 36,
|
|
4518
4543
|
height: 36,
|
|
4519
4544
|
borderRadius: "var(--radius-xl)",
|
|
4520
|
-
backgroundColor: "var(--alias-fill-neutral-neutral)"
|
|
4545
|
+
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4546
|
+
border: cardBorder
|
|
4521
4547
|
},
|
|
4522
4548
|
children: /* @__PURE__ */ jsx11(SiconDoubleArrow, { className: "w-4 h-4", color: MUTED_COLOR })
|
|
4523
4549
|
}
|
|
@@ -4544,6 +4570,7 @@ function UpdateSubscriptionModal({
|
|
|
4544
4570
|
className: "flex items-center w-full",
|
|
4545
4571
|
style: {
|
|
4546
4572
|
backgroundColor: "var(--alias-fill-neutral-neutral)",
|
|
4573
|
+
border: cardBorder,
|
|
4547
4574
|
borderRadius: "var(--radius-3xl)",
|
|
4548
4575
|
padding: "var(--spacing-3xl)"
|
|
4549
4576
|
},
|
|
@@ -4559,7 +4586,7 @@ function UpdateSubscriptionModal({
|
|
|
4559
4586
|
lineHeight: "var(--line-height-line-height-xxl)",
|
|
4560
4587
|
color: "var(--alias-text---icons-primary)"
|
|
4561
4588
|
},
|
|
4562
|
-
children: "Pro"
|
|
4589
|
+
children: nextPlanName || "Pro"
|
|
4563
4590
|
}
|
|
4564
4591
|
),
|
|
4565
4592
|
/* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-end", children: [
|
|
@@ -4814,7 +4841,7 @@ function PlansView({
|
|
|
4814
4841
|
"div",
|
|
4815
4842
|
{
|
|
4816
4843
|
className: "grid w-full grid-cols-1 md:grid-cols-2 xl:grid-cols-3 items-stretch",
|
|
4817
|
-
style: { gap: "var(--spacing-
|
|
4844
|
+
style: { gap: "var(--spacing-8xl)" },
|
|
4818
4845
|
children: [
|
|
4819
4846
|
/* @__PURE__ */ jsx11("div", { className: "h-full", children: /* @__PURE__ */ jsx11(
|
|
4820
4847
|
ScPlanCard,
|