@planetaexo/design-system 0.61.0 → 0.62.1
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.cjs +163 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +54 -2
- package/dist/index.d.ts +54 -2
- package/dist/index.js +163 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -7353,6 +7353,8 @@ function NotificationEmail({
|
|
|
7353
7353
|
details,
|
|
7354
7354
|
detailsHeading,
|
|
7355
7355
|
highlight,
|
|
7356
|
+
summary,
|
|
7357
|
+
roster,
|
|
7356
7358
|
signature,
|
|
7357
7359
|
logoUrl,
|
|
7358
7360
|
className
|
|
@@ -7370,6 +7372,8 @@ function NotificationEmail({
|
|
|
7370
7372
|
};
|
|
7371
7373
|
const hasHighlight = Array.isArray(highlight) && highlight.length > 0;
|
|
7372
7374
|
const hasDetails = Array.isArray(details) && details.length > 0;
|
|
7375
|
+
const hasSummary = !!summary && Array.isArray(summary.rows) && summary.rows.length > 0;
|
|
7376
|
+
const hasRoster = !!roster && Array.isArray(roster.people) && roster.people.length > 0;
|
|
7373
7377
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7374
7378
|
"div",
|
|
7375
7379
|
{
|
|
@@ -7429,6 +7433,165 @@ function NotificationEmail({
|
|
|
7429
7433
|
) }) })
|
|
7430
7434
|
}
|
|
7431
7435
|
),
|
|
7436
|
+
hasSummary && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7437
|
+
BookingSummary,
|
|
7438
|
+
{
|
|
7439
|
+
heading: summary.heading,
|
|
7440
|
+
rows: summary.rows.map((row) => ({
|
|
7441
|
+
label: row.label,
|
|
7442
|
+
value: row.value,
|
|
7443
|
+
valueColor: row.emphasizeValue ? emailTokens.primary : void 0
|
|
7444
|
+
}))
|
|
7445
|
+
}
|
|
7446
|
+
),
|
|
7447
|
+
hasRoster && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
7448
|
+
roster.heading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7449
|
+
"p",
|
|
7450
|
+
{
|
|
7451
|
+
style: {
|
|
7452
|
+
fontSize: "15px",
|
|
7453
|
+
lineHeight: "1.5",
|
|
7454
|
+
fontWeight: 700,
|
|
7455
|
+
margin: "0 0 12px"
|
|
7456
|
+
},
|
|
7457
|
+
children: roster.heading
|
|
7458
|
+
}
|
|
7459
|
+
),
|
|
7460
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7461
|
+
"table",
|
|
7462
|
+
{
|
|
7463
|
+
role: "presentation",
|
|
7464
|
+
cellPadding: 0,
|
|
7465
|
+
cellSpacing: 0,
|
|
7466
|
+
border: 0,
|
|
7467
|
+
style: {
|
|
7468
|
+
width: "100%",
|
|
7469
|
+
borderCollapse: "collapse",
|
|
7470
|
+
borderRadius: "12px",
|
|
7471
|
+
border: `1px solid ${emailTokens.border}`,
|
|
7472
|
+
margin: "0 0 24px"
|
|
7473
|
+
},
|
|
7474
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("tbody", { children: [
|
|
7475
|
+
roster.people.map((person, i) => {
|
|
7476
|
+
var _a;
|
|
7477
|
+
const isLast = i === roster.people.length - 1 && !roster.footnote;
|
|
7478
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
7479
|
+
"tr",
|
|
7480
|
+
{
|
|
7481
|
+
style: !isLast ? { borderBottom: `1px solid ${emailTokens.border}` } : {},
|
|
7482
|
+
children: [
|
|
7483
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7484
|
+
"td",
|
|
7485
|
+
{
|
|
7486
|
+
style: {
|
|
7487
|
+
width: "32px",
|
|
7488
|
+
padding: "12px 0 12px 16px",
|
|
7489
|
+
verticalAlign: "top"
|
|
7490
|
+
},
|
|
7491
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7492
|
+
"table",
|
|
7493
|
+
{
|
|
7494
|
+
role: "presentation",
|
|
7495
|
+
cellPadding: 0,
|
|
7496
|
+
cellSpacing: 0,
|
|
7497
|
+
border: 0,
|
|
7498
|
+
style: { borderCollapse: "collapse" },
|
|
7499
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7500
|
+
"td",
|
|
7501
|
+
{
|
|
7502
|
+
style: {
|
|
7503
|
+
width: "32px",
|
|
7504
|
+
height: "32px",
|
|
7505
|
+
borderRadius: "16px",
|
|
7506
|
+
backgroundColor: emailTokens.primaryLight,
|
|
7507
|
+
color: emailTokens.primary,
|
|
7508
|
+
fontSize: "13px",
|
|
7509
|
+
fontWeight: 700,
|
|
7510
|
+
textAlign: "center",
|
|
7511
|
+
verticalAlign: "middle",
|
|
7512
|
+
lineHeight: "32px"
|
|
7513
|
+
},
|
|
7514
|
+
children: ((_a = person.name.trim()[0]) != null ? _a : "\u2022").toUpperCase()
|
|
7515
|
+
}
|
|
7516
|
+
) }) })
|
|
7517
|
+
}
|
|
7518
|
+
)
|
|
7519
|
+
}
|
|
7520
|
+
),
|
|
7521
|
+
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
7522
|
+
"td",
|
|
7523
|
+
{
|
|
7524
|
+
style: {
|
|
7525
|
+
padding: "12px 16px 12px 12px",
|
|
7526
|
+
verticalAlign: "top"
|
|
7527
|
+
},
|
|
7528
|
+
children: [
|
|
7529
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
7530
|
+
"span",
|
|
7531
|
+
{
|
|
7532
|
+
style: {
|
|
7533
|
+
fontSize: "14px",
|
|
7534
|
+
fontWeight: 500,
|
|
7535
|
+
color: emailTokens.foreground
|
|
7536
|
+
},
|
|
7537
|
+
children: person.name
|
|
7538
|
+
}
|
|
7539
|
+
),
|
|
7540
|
+
person.flag && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", paddingLeft: "6px" }, children: person.flag }),
|
|
7541
|
+
person.isLeader && roster.leaderLabel && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7542
|
+
"span",
|
|
7543
|
+
{
|
|
7544
|
+
style: {
|
|
7545
|
+
display: "inline-block",
|
|
7546
|
+
marginLeft: "8px",
|
|
7547
|
+
padding: "1px 8px",
|
|
7548
|
+
borderRadius: "9999px",
|
|
7549
|
+
backgroundColor: emailTokens.primaryLight,
|
|
7550
|
+
color: emailTokens.primary,
|
|
7551
|
+
fontSize: "11px",
|
|
7552
|
+
fontWeight: 500,
|
|
7553
|
+
verticalAlign: "middle"
|
|
7554
|
+
},
|
|
7555
|
+
children: roster.leaderLabel
|
|
7556
|
+
}
|
|
7557
|
+
),
|
|
7558
|
+
person.note && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7559
|
+
"span",
|
|
7560
|
+
{
|
|
7561
|
+
style: {
|
|
7562
|
+
display: "block",
|
|
7563
|
+
marginTop: "2px",
|
|
7564
|
+
fontSize: "12px",
|
|
7565
|
+
color: emailTokens.mutedForeground
|
|
7566
|
+
},
|
|
7567
|
+
children: person.note
|
|
7568
|
+
}
|
|
7569
|
+
)
|
|
7570
|
+
]
|
|
7571
|
+
}
|
|
7572
|
+
)
|
|
7573
|
+
]
|
|
7574
|
+
},
|
|
7575
|
+
i
|
|
7576
|
+
);
|
|
7577
|
+
}),
|
|
7578
|
+
roster.footnote && /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
7579
|
+
"td",
|
|
7580
|
+
{
|
|
7581
|
+
colSpan: 2,
|
|
7582
|
+
style: {
|
|
7583
|
+
padding: "12px 16px",
|
|
7584
|
+
fontSize: "12px",
|
|
7585
|
+
color: emailTokens.mutedForeground,
|
|
7586
|
+
backgroundColor: emailTokens.muted
|
|
7587
|
+
},
|
|
7588
|
+
children: roster.footnote
|
|
7589
|
+
}
|
|
7590
|
+
) })
|
|
7591
|
+
] })
|
|
7592
|
+
}
|
|
7593
|
+
)
|
|
7594
|
+
] }),
|
|
7432
7595
|
hasDetails && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
7433
7596
|
detailsHeading && /* @__PURE__ */ jsxRuntime.jsx(
|
|
7434
7597
|
"p",
|