@eventcatalog/visualiser 0.0.2-beta.0 → 3.13.0-beta.2

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 (6) hide show
  1. package/dist/index.js +64 -14
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +64 -14
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +0 -2485
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -147,11 +147,16 @@ function Service(props) {
147
147
  {
148
148
  className: `bg-gradient-to-b from-pink-500 to-pink-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-pink-100 border-r-[1px] border-pink-500`,
149
149
  children: [
150
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ServerIcon, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
150
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
151
+ import_lucide_react.ServerIcon,
152
+ {
153
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
154
+ }
155
+ ),
151
156
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
152
157
  "span",
153
158
  {
154
- className: "text-center text-[8px] text-white font-bold uppercase mb-4",
159
+ className: "text-center text-[8px] text-white font-bold uppercase mb-6",
155
160
  style: {
156
161
  transform: "rotate(-90deg)",
157
162
  letterSpacing: "0.15em",
@@ -265,7 +270,12 @@ function Event(props) {
265
270
  {
266
271
  className: `bg-gradient-to-b from-orange-500 to-orange-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-orange-100 border-r-[1px] border-orange-500`,
267
272
  children: [
268
- /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Zap, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
273
+ /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
274
+ import_lucide_react2.Zap,
275
+ {
276
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
277
+ }
278
+ ),
269
279
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
270
280
  "span",
271
281
  {
@@ -457,7 +467,12 @@ function Query(props) {
457
467
  {
458
468
  className: `bg-gradient-to-b from-green-500 to-green-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-green-100 border-r-[1px] border-green-500`,
459
469
  children: [
460
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react4.Search, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
470
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
471
+ import_lucide_react4.Search,
472
+ {
473
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
474
+ }
475
+ ),
461
476
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
462
477
  "span",
463
478
  {
@@ -575,11 +590,16 @@ function Command(props) {
575
590
  {
576
591
  className: `bg-gradient-to-b from-blue-500 to-blue-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-blue-100 border-r-[1px] border-blue-500`,
577
592
  children: [
578
- /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react5.MessageSquare, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
593
+ /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
594
+ import_lucide_react5.MessageSquare,
595
+ {
596
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
597
+ }
598
+ ),
579
599
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
580
600
  "span",
581
601
  {
582
- className: "text-center text-[8px] text-white font-bold uppercase mb-4",
602
+ className: "text-center text-[8px] text-white font-bold uppercase mb-6",
583
603
  style: {
584
604
  transform: "rotate(-90deg)",
585
605
  letterSpacing: "0.15em",
@@ -712,11 +732,16 @@ function Channel(props) {
712
732
  {
713
733
  className: `bg-gradient-to-b from-gray-500 to-gray-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-gray-100 border-r-[1px] border-gray-500`,
714
734
  children: [
715
- /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react7.ArrowRightLeft, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
735
+ /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
736
+ import_lucide_react7.ArrowRightLeft,
737
+ {
738
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
739
+ }
740
+ ),
716
741
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
717
742
  "span",
718
743
  {
719
- className: "text-center text-[8px] text-white font-bold uppercase mb-4",
744
+ className: "text-center text-[8px] text-white font-bold uppercase mb-6",
720
745
  style: {
721
746
  transform: "rotate(-90deg)",
722
747
  letterSpacing: "0.15em",
@@ -867,7 +892,12 @@ function Data(props) {
867
892
  {
868
893
  className: `bg-gradient-to-b from-blue-500 to-blue-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-blue-100 border-r-[1px] border-blue-500`,
869
894
  children: [
870
- /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react8.Database, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
895
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
896
+ import_lucide_react8.Database,
897
+ {
898
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
899
+ }
900
+ ),
871
901
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
872
902
  "span",
873
903
  {
@@ -1061,7 +1091,12 @@ function View(props) {
1061
1091
  {
1062
1092
  className: `bg-gradient-to-b from-blue-500 to-blue-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-blue-100 border-r-[1px] border-blue-500`,
1063
1093
  children: [
1064
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react10.MonitorIcon, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
1094
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1095
+ import_lucide_react10.MonitorIcon,
1096
+ {
1097
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
1098
+ }
1099
+ ),
1065
1100
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
1066
1101
  "span",
1067
1102
  {
@@ -1150,7 +1185,12 @@ function Actor(props) {
1150
1185
  {
1151
1186
  className: `bg-gradient-to-b from-yellow-500 to-yellow-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-yellow-100 border-r-[1px] border-yellow-500`,
1152
1187
  children: [
1153
- /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react11.User, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
1188
+ /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1189
+ import_lucide_react11.User,
1190
+ {
1191
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
1192
+ }
1193
+ ),
1154
1194
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
1155
1195
  "span",
1156
1196
  {
@@ -1299,7 +1339,12 @@ function ExternalSystem(props) {
1299
1339
  {
1300
1340
  className: `bg-gradient-to-b from-pink-500 to-pink-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-pink-100 border-r-[1px] border-pink-500`,
1301
1341
  children: [
1302
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react13.Globe, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
1342
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1343
+ import_lucide_react13.Globe,
1344
+ {
1345
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
1346
+ }
1347
+ ),
1303
1348
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
1304
1349
  "span",
1305
1350
  {
@@ -2388,11 +2433,16 @@ function DataProductNode(props) {
2388
2433
  {
2389
2434
  className: `bg-gradient-to-b from-indigo-500 to-indigo-700 relative flex flex-col items-center w-5 justify-between rounded-l-sm text-indigo-100 border-r-[1px] border-indigo-500`,
2390
2435
  children: [
2391
- /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react15.Package, { className: "w-4 h-4 opacity-90 text-white mt-1" }),
2436
+ /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
2437
+ import_lucide_react15.Package,
2438
+ {
2439
+ className: `w-4 h-4 opacity-90 text-white mt-1 ${mode === "full" ? "mb-2" : "mb-1"}`
2440
+ }
2441
+ ),
2392
2442
  mode === "full" && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
2393
2443
  "span",
2394
2444
  {
2395
- className: "text-center text-[8px] text-white font-bold uppercase mb-4",
2445
+ className: "text-center text-[8px] text-white font-bold uppercase mb-6",
2396
2446
  style: {
2397
2447
  transform: "rotate(-90deg)",
2398
2448
  letterSpacing: "0.15em",