@planetaexo/design-system 0.61.0 → 0.62.0

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 (7) hide show
  1. package/dist/index.cjs +163 -0
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +54 -2
  4. package/dist/index.d.ts +54 -2
  5. package/dist/index.js +163 -0
  6. package/dist/index.js.map +1 -1
  7. 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",