@eventcatalog/visualiser 4.0.1 → 4.1.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.
@@ -183,6 +183,9 @@
183
183
  .eventcatalog-visualizer .relative {
184
184
  position: relative;
185
185
  }
186
+ .eventcatalog-visualizer .-inset-1\.5 {
187
+ inset: calc(var(--spacing) * -1.5);
188
+ }
186
189
  .eventcatalog-visualizer .inset-0 {
187
190
  inset: calc(var(--spacing) * 0);
188
191
  }
@@ -237,6 +240,9 @@
237
240
  .eventcatalog-visualizer .right-full {
238
241
  right: 100%;
239
242
  }
243
+ .eventcatalog-visualizer .-bottom-2\.5 {
244
+ bottom: calc(var(--spacing) * -2.5);
245
+ }
240
246
  .eventcatalog-visualizer .bottom-4 {
241
247
  bottom: calc(var(--spacing) * 4);
242
248
  }
@@ -294,6 +300,9 @@
294
300
  .eventcatalog-visualizer .z-50 {
295
301
  z-index: 50;
296
302
  }
303
+ .eventcatalog-visualizer .z-\[5\] {
304
+ z-index: 5;
305
+ }
297
306
  .eventcatalog-visualizer .z-\[60\] {
298
307
  z-index: 60;
299
308
  }
@@ -836,6 +845,9 @@
836
845
  .eventcatalog-visualizer .rounded-2xl {
837
846
  border-radius: var(--radius-2xl);
838
847
  }
848
+ .eventcatalog-visualizer .rounded-\[14px\] {
849
+ border-radius: 14px;
850
+ }
839
851
  .eventcatalog-visualizer .rounded-full {
840
852
  border-radius: calc(infinity * 1px);
841
853
  }
@@ -1052,6 +1064,12 @@
1052
1064
  .eventcatalog-visualizer .border-indigo-500 {
1053
1065
  border-color: var(--color-indigo-500);
1054
1066
  }
1067
+ .eventcatalog-visualizer .border-indigo-500\/70 {
1068
+ border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 70%, transparent);
1069
+ @supports (color: color-mix(in lab, red, red)) {
1070
+ border-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
1071
+ }
1072
+ }
1055
1073
  .eventcatalog-visualizer .border-indigo-900\/10 {
1056
1074
  border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent);
1057
1075
  @supports (color: color-mix(in lab, red, red)) {
@@ -1199,6 +1217,12 @@
1199
1217
  border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
1200
1218
  }
1201
1219
  }
1220
+ .eventcatalog-visualizer .border-white\/80 {
1221
+ border-color: color-mix(in srgb, #fff 80%, transparent);
1222
+ @supports (color: color-mix(in lab, red, red)) {
1223
+ border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
1224
+ }
1225
+ }
1202
1226
  .eventcatalog-visualizer .border-yellow-400 {
1203
1227
  border-color: var(--color-yellow-400);
1204
1228
  }
package/dist/styles.css CHANGED
@@ -183,6 +183,9 @@
183
183
  .eventcatalog-visualizer .relative {
184
184
  position: relative;
185
185
  }
186
+ .eventcatalog-visualizer .-inset-1\.5 {
187
+ inset: calc(var(--spacing) * -1.5);
188
+ }
186
189
  .eventcatalog-visualizer .inset-0 {
187
190
  inset: calc(var(--spacing) * 0);
188
191
  }
@@ -237,6 +240,9 @@
237
240
  .eventcatalog-visualizer .right-full {
238
241
  right: 100%;
239
242
  }
243
+ .eventcatalog-visualizer .-bottom-2\.5 {
244
+ bottom: calc(var(--spacing) * -2.5);
245
+ }
240
246
  .eventcatalog-visualizer .bottom-4 {
241
247
  bottom: calc(var(--spacing) * 4);
242
248
  }
@@ -294,6 +300,9 @@
294
300
  .eventcatalog-visualizer .z-50 {
295
301
  z-index: 50;
296
302
  }
303
+ .eventcatalog-visualizer .z-\[5\] {
304
+ z-index: 5;
305
+ }
297
306
  .eventcatalog-visualizer .z-\[60\] {
298
307
  z-index: 60;
299
308
  }
@@ -836,6 +845,9 @@
836
845
  .eventcatalog-visualizer .rounded-2xl {
837
846
  border-radius: var(--radius-2xl);
838
847
  }
848
+ .eventcatalog-visualizer .rounded-\[14px\] {
849
+ border-radius: 14px;
850
+ }
839
851
  .eventcatalog-visualizer .rounded-full {
840
852
  border-radius: calc(infinity * 1px);
841
853
  }
@@ -1052,6 +1064,12 @@
1052
1064
  .eventcatalog-visualizer .border-indigo-500 {
1053
1065
  border-color: var(--color-indigo-500);
1054
1066
  }
1067
+ .eventcatalog-visualizer .border-indigo-500\/70 {
1068
+ border-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 70%, transparent);
1069
+ @supports (color: color-mix(in lab, red, red)) {
1070
+ border-color: color-mix(in oklab, var(--color-indigo-500) 70%, transparent);
1071
+ }
1072
+ }
1055
1073
  .eventcatalog-visualizer .border-indigo-900\/10 {
1056
1074
  border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 10%, transparent);
1057
1075
  @supports (color: color-mix(in lab, red, red)) {
@@ -1199,6 +1217,12 @@
1199
1217
  border-color: color-mix(in oklab, var(--color-violet-500) 25%, transparent);
1200
1218
  }
1201
1219
  }
1220
+ .eventcatalog-visualizer .border-white\/80 {
1221
+ border-color: color-mix(in srgb, #fff 80%, transparent);
1222
+ @supports (color: color-mix(in lab, red, red)) {
1223
+ border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
1224
+ }
1225
+ }
1202
1226
  .eventcatalog-visualizer .border-yellow-400 {
1203
1227
  border-color: var(--color-yellow-400);
1204
1228
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eventcatalog/visualiser",
3
- "version": "4.0.1",
3
+ "version": "4.1.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",