@eventcatalog/visualiser 3.20.2 → 3.21.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.js +35 -27
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +35 -27
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles-core.css +25 -7
  6. package/dist/styles.css +25 -7
  7. package/package.json +1 -1
package/dist/styles-core.css CHANGED
@@ -66,6 +66,7 @@
66
66
  --color-blue-900: oklch(37.9% 0.146 265.522);
67
67
  --color-blue-950: oklch(28.2% 0.091 267.935);
68
68
  --color-indigo-100: oklch(93% 0.034 272.788);
69
+ --color-indigo-300: oklch(78.5% 0.115 274.713);
69
70
  --color-indigo-400: oklch(67.3% 0.182 276.935);
70
71
  --color-indigo-500: oklch(58.5% 0.233 277.117);
71
72
  --color-indigo-600: oklch(51.1% 0.262 276.966);
@@ -450,6 +451,9 @@
450
451
  .eventcatalog-visualizer .h-7 {
451
452
  height: calc(var(--spacing) * 7);
452
453
  }
454
+ .eventcatalog-visualizer .h-9 {
455
+ height: calc(var(--spacing) * 9);
456
+ }
453
457
  .eventcatalog-visualizer .h-10 {
454
458
  height: calc(var(--spacing) * 10);
455
459
  }
@@ -528,6 +532,9 @@
528
532
  .eventcatalog-visualizer .w-7 {
529
533
  width: calc(var(--spacing) * 7);
530
534
  }
535
+ .eventcatalog-visualizer .w-9 {
536
+ width: calc(var(--spacing) * 9);
537
+ }
531
538
  .eventcatalog-visualizer .w-12 {
532
539
  width: calc(var(--spacing) * 12);
533
540
  }
@@ -1006,6 +1013,12 @@
1006
1013
  border-color: color-mix(in oklab, var(--color-indigo-900) 10%, transparent);
1007
1014
  }
1008
1015
  }
1016
+ .eventcatalog-visualizer .border-indigo-950\/10 {
1017
+ border-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 10%, transparent);
1018
+ @supports (color: color-mix(in lab, red, red)) {
1019
+ border-color: color-mix(in oklab, var(--color-indigo-950) 10%, transparent);
1020
+ }
1021
+ }
1009
1022
  .eventcatalog-visualizer .border-orange-400 {
1010
1023
  border-color: var(--color-orange-400);
1011
1024
  }
@@ -1321,6 +1334,9 @@
1321
1334
  .eventcatalog-visualizer .bg-green-600 {
1322
1335
  background-color: var(--color-green-600);
1323
1336
  }
1337
+ .eventcatalog-visualizer .bg-indigo-400 {
1338
+ background-color: var(--color-indigo-400);
1339
+ }
1324
1340
  .eventcatalog-visualizer .bg-indigo-500 {
1325
1341
  background-color: var(--color-indigo-500);
1326
1342
  }
@@ -2091,6 +2107,9 @@
2091
2107
  .eventcatalog-visualizer .text-indigo-100 {
2092
2108
  color: var(--color-indigo-100);
2093
2109
  }
2110
+ .eventcatalog-visualizer .text-indigo-300 {
2111
+ color: var(--color-indigo-300);
2112
+ }
2094
2113
  .eventcatalog-visualizer .text-indigo-900\/40 {
2095
2114
  color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
2096
2115
  @supports (color: color-mix(in lab, red, red)) {
@@ -2112,6 +2131,12 @@
2112
2131
  color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
2113
2132
  }
2114
2133
  }
2134
+ .eventcatalog-visualizer .text-indigo-950\/50 {
2135
+ color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 50%, transparent);
2136
+ @supports (color: color-mix(in lab, red, red)) {
2137
+ color: color-mix(in oklab, var(--color-indigo-950) 50%, transparent);
2138
+ }
2139
+ }
2115
2140
  .eventcatalog-visualizer .text-indigo-950\/60 {
2116
2141
  color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 60%, transparent);
2117
2142
  @supports (color: color-mix(in lab, red, red)) {
@@ -2656,13 +2681,6 @@
2656
2681
  }
2657
2682
  }
2658
2683
  }
2659
- .eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\/0\.4\)\] {
2660
- .eventcatalog-visualizer &:hover {
2661
- @media (hover: hover) {
2662
- background-color: rgb(var(--ec-accent-subtle)/0.4);
2663
- }
2664
- }
2665
- }
2666
2684
  .eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-page-border\)\)\/0\.5\] {
2667
2685
  .eventcatalog-visualizer &:hover {
2668
2686
  @media (hover: hover) {
package/dist/styles.css CHANGED
@@ -66,6 +66,7 @@
66
66
  --color-blue-900: oklch(37.9% 0.146 265.522);
67
67
  --color-blue-950: oklch(28.2% 0.091 267.935);
68
68
  --color-indigo-100: oklch(93% 0.034 272.788);
69
+ --color-indigo-300: oklch(78.5% 0.115 274.713);
69
70
  --color-indigo-400: oklch(67.3% 0.182 276.935);
70
71
  --color-indigo-500: oklch(58.5% 0.233 277.117);
71
72
  --color-indigo-600: oklch(51.1% 0.262 276.966);
@@ -450,6 +451,9 @@
450
451
  .eventcatalog-visualizer .h-7 {
451
452
  height: calc(var(--spacing) * 7);
452
453
  }
454
+ .eventcatalog-visualizer .h-9 {
455
+ height: calc(var(--spacing) * 9);
456
+ }
453
457
  .eventcatalog-visualizer .h-10 {
454
458
  height: calc(var(--spacing) * 10);
455
459
  }
@@ -528,6 +532,9 @@
528
532
  .eventcatalog-visualizer .w-7 {
529
533
  width: calc(var(--spacing) * 7);
530
534
  }
535
+ .eventcatalog-visualizer .w-9 {
536
+ width: calc(var(--spacing) * 9);
537
+ }
531
538
  .eventcatalog-visualizer .w-12 {
532
539
  width: calc(var(--spacing) * 12);
533
540
  }
@@ -1006,6 +1013,12 @@
1006
1013
  border-color: color-mix(in oklab, var(--color-indigo-900) 10%, transparent);
1007
1014
  }
1008
1015
  }
1016
+ .eventcatalog-visualizer .border-indigo-950\/10 {
1017
+ border-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 10%, transparent);
1018
+ @supports (color: color-mix(in lab, red, red)) {
1019
+ border-color: color-mix(in oklab, var(--color-indigo-950) 10%, transparent);
1020
+ }
1021
+ }
1009
1022
  .eventcatalog-visualizer .border-orange-400 {
1010
1023
  border-color: var(--color-orange-400);
1011
1024
  }
@@ -1321,6 +1334,9 @@
1321
1334
  .eventcatalog-visualizer .bg-green-600 {
1322
1335
  background-color: var(--color-green-600);
1323
1336
  }
1337
+ .eventcatalog-visualizer .bg-indigo-400 {
1338
+ background-color: var(--color-indigo-400);
1339
+ }
1324
1340
  .eventcatalog-visualizer .bg-indigo-500 {
1325
1341
  background-color: var(--color-indigo-500);
1326
1342
  }
@@ -2091,6 +2107,9 @@
2091
2107
  .eventcatalog-visualizer .text-indigo-100 {
2092
2108
  color: var(--color-indigo-100);
2093
2109
  }
2110
+ .eventcatalog-visualizer .text-indigo-300 {
2111
+ color: var(--color-indigo-300);
2112
+ }
2094
2113
  .eventcatalog-visualizer .text-indigo-900\/40 {
2095
2114
  color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 40%, transparent);
2096
2115
  @supports (color: color-mix(in lab, red, red)) {
@@ -2112,6 +2131,12 @@
2112
2131
  color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
2113
2132
  }
2114
2133
  }
2134
+ .eventcatalog-visualizer .text-indigo-950\/50 {
2135
+ color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 50%, transparent);
2136
+ @supports (color: color-mix(in lab, red, red)) {
2137
+ color: color-mix(in oklab, var(--color-indigo-950) 50%, transparent);
2138
+ }
2139
+ }
2115
2140
  .eventcatalog-visualizer .text-indigo-950\/60 {
2116
2141
  color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 60%, transparent);
2117
2142
  @supports (color: color-mix(in lab, red, red)) {
@@ -2656,13 +2681,6 @@
2656
2681
  }
2657
2682
  }
2658
2683
  }
2659
- .eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-accent-subtle\)\/0\.4\)\] {
2660
- .eventcatalog-visualizer &:hover {
2661
- @media (hover: hover) {
2662
- background-color: rgb(var(--ec-accent-subtle)/0.4);
2663
- }
2664
- }
2665
- }
2666
2684
  .eventcatalog-visualizer .hover\:bg-\[rgb\(var\(--ec-page-border\)\)\/0\.5\] {
2667
2685
  .eventcatalog-visualizer &:hover {
2668
2686
  @media (hover: hover) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eventcatalog/visualiser",
3
- "version": "3.20.2",
3
+ "version": "3.21.0",
4
4
  "description": "ReactFlow nodes and visualiser components for EventCatalog - framework agnostic",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",