@likec4/diagram 1.42.1 → 1.43.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 (26) hide show
  1. package/bundle/index.js +445 -179
  2. package/dist/LikeC4Diagram.d.ts +1 -1
  3. package/dist/LikeC4Diagram.js +2 -2
  4. package/dist/LikeC4Diagram.props.d.ts +12 -7
  5. package/dist/LikeC4View.d.ts +23 -4
  6. package/dist/LikeC4View.js +6 -6
  7. package/dist/ReactLikeC4.d.ts +1 -1
  8. package/dist/ReactLikeC4.js +3 -5
  9. package/dist/StaticLikeC4Diagram.js +1 -1
  10. package/dist/base/const.d.ts +1 -1
  11. package/dist/base/const.js +1 -1
  12. package/dist/likec4diagram/ui/notation/NotationPanel.js +5 -8
  13. package/dist/overlays/element-details/ElementDetailsCard.js +11 -83
  14. package/dist/overlays/element-details/MetadataValue.d.ts +9 -0
  15. package/dist/overlays/element-details/MetadataValue.js +261 -0
  16. package/dist/overlays/relationship-details/actor.js +6 -2
  17. package/dist/overlays/relationships-browser/const.d.ts +3 -3
  18. package/dist/overlays/relationships-browser/const.js +3 -3
  19. package/dist/shadowroot/ShadowRoot.js +53 -12
  20. package/dist/shadowroot/styles.css.d.ts +0 -4
  21. package/dist/shadowroot/styles.css.js +1 -41
  22. package/dist/styles.css2.js +1 -1
  23. package/package.json +21 -21
  24. package/panda.buildinfo.json +33 -17
  25. package/styles-min.css +1 -1
  26. package/styles.css +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@likec4/diagram",
3
- "version": "1.42.1",
3
+ "version": "1.43.0",
4
4
  "license": "MIT",
5
5
  "bugs": "https://github.com/likec4/likec4/issues",
6
6
  "homepage": "https://likec4.dev",
@@ -65,29 +65,29 @@
65
65
  "@dagrejs/dagre": "1.1.5",
66
66
  "@floating-ui/dom": "^1.7.4",
67
67
  "@lume/kiwi": "^0.4.4",
68
- "@mantine/core": "8.3.1",
69
- "@mantine/hooks": "8.3.1",
68
+ "@mantine/core": "8.3.5",
69
+ "@mantine/hooks": "8.3.5",
70
70
  "@nanostores/react": "1.0.0",
71
71
  "@react-hookz/web": "^25.1.1",
72
- "@xstate/react": "^5.0.5",
73
- "@xyflow/react": "12.8.6",
74
- "@xyflow/system": "0.0.70",
72
+ "@xstate/react": "^6.0.0",
73
+ "@xyflow/react": "12.9.0",
74
+ "@xyflow/system": "0.0.71",
75
75
  "bezier-js": "^6.1.4",
76
76
  "d3-shape": "^3.2.0",
77
- "fast-equals": "^5.2.2",
77
+ "fast-equals": "^5.3.2",
78
78
  "khroma": "2.1.0",
79
- "motion": "^12.23.22",
79
+ "motion": "^12.23.24",
80
80
  "nanostores": "1.0.1",
81
81
  "react-error-boundary": "^6.0.0",
82
82
  "react-shadow": "^20.6.0",
83
- "remeda": "^2.31.1",
83
+ "remeda": "^2.32.0",
84
84
  "type-fest": "^4.41.0",
85
- "xstate": "^5.20.2",
86
- "@likec4/core": "1.42.1",
87
- "@likec4/styles": "1.42.1"
85
+ "xstate": "^5.23.0",
86
+ "@likec4/core": "1.43.0",
87
+ "@likec4/styles": "1.43.0"
88
88
  },
89
89
  "peerDependencies": {
90
- "@pandacss/dev": "^1.4.1",
90
+ "@pandacss/dev": "^1.4.3",
91
91
  "@types/react": "^18.x || ^19.x",
92
92
  "@types/react-dom": "^18.x || ^19.x",
93
93
  "react": "^18.x || ^19.x",
@@ -105,27 +105,27 @@
105
105
  }
106
106
  },
107
107
  "devDependencies": {
108
- "@pandacss/dev": "^1.4.1",
108
+ "@pandacss/dev": "^1.4.3",
109
109
  "@statelyai/inspect": "^0.4.0",
110
110
  "@tabler/icons-react": "3.35.0",
111
111
  "@types/bezier-js": "^4.1.3",
112
112
  "@types/d3-shape": "^3.1.7",
113
- "@types/node": "~20.19.11",
113
+ "@types/node": "~20.19.22",
114
114
  "@types/react": "19.1.16",
115
115
  "@types/react-dom": "19.1.9",
116
116
  "@vitejs/plugin-react": "^5.0.4",
117
- "oxlint": "1.18.0",
117
+ "oxlint": "1.24.0",
118
118
  "postcss": "8.5.6",
119
119
  "react": "19.1.1",
120
120
  "react-dom": "19.1.1",
121
- "typescript": "5.9.2",
122
- "vite": "^7.1.7",
121
+ "typescript": "5.9.3",
122
+ "vite": "^7.1.11",
123
123
  "vite-plugin-dts": "^4.5.4",
124
124
  "vitest": "3.2.4",
125
125
  "wireit": "0.14.12",
126
- "zx": "8.8.4",
127
- "@likec4/devops": "1.42.0",
128
- "@likec4/tsconfig": "1.42.1"
126
+ "zx": "8.8.5",
127
+ "@likec4/tsconfig": "1.43.0",
128
+ "@likec4/devops": "1.42.0"
129
129
  },
130
130
  "scripts": {
131
131
  "typecheck": "tsc --build --verbose",
package/panda.buildinfo.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "schemaVersion": "1.4.1",
2
+ "schemaVersion": "1.4.3",
3
3
  "styles": {
4
4
  "atomic": [
5
5
  "background]___[value:dots",
@@ -515,18 +515,37 @@
515
515
  "stroke]___[value:1.6",
516
516
  "paddingTop]___[value:xs",
517
517
  "gap]___[value:6",
518
- "gap]___[value:[4px 4px]",
519
- "paddingRight]___[value:xxs",
520
- "transitionProperty]___[value:all",
521
- "transitionDuration]___[value:fast",
522
- "transitionTimingFunction]___[value:inOut",
523
- "color]___[value:mantine.colors.gray[8]",
524
- "transitionTimingFunction]___[value:out]___[cond:_groupHover",
525
- "color]___[value:mantine.colors.defaultColor]___[cond:_groupHover",
526
- "background]___[value:mantine.colors.defaultHover]___[cond:_groupHover",
527
- "overscrollBehavior]___[value:none",
528
- "whiteSpace]___[value:pre",
529
- "fontFamily]___[value:mono",
518
+ "gridAutoRows]___[value:min-content",
519
+ "gap]___[value:[12px 16px]",
520
+ "width]___[value:300",
521
+ "whiteSpace]___[value:pre-wrap",
522
+ "textOverflow]___[value:unset",
523
+ "textOverflow]___[value:ellipsis",
524
+ "wordBreak]___[value:break-word",
525
+ "wordBreak]___[value:normal",
526
+ "padding]___[value:xs",
527
+ "minWidth]___[value:0",
528
+ "minHeight]___[value:32px",
529
+ "padding]___[value:[4px 8px]",
530
+ "backgroundColor]___[value:mantine.colors.white",
531
+ "borderColor]___[value:mantine.colors.gray[3]",
532
+ "maxWidth]___[value:min(200px, 100%)",
533
+ "minWidth]___[value:60px",
534
+ "flex]___[value:0 1 auto",
535
+ "backgroundColor]___[value:mantine.colors.dark[9]]___[cond:_dark",
536
+ "color]___[value:mantine.colors.text]___[cond:_dark",
537
+ "justifyContent]___[value:flex-end",
538
+ "transition]___[value:all 150ms ease",
539
+ "color]___[value:mantine.colors.primary[6]]___[cond:_hover",
540
+ "backgroundColor]___[value:mantine.colors.dark[7]]___[cond:_hover<___>_dark",
541
+ "color]___[value:mantine.colors.primary[4]]___[cond:_hover<___>_dark",
542
+ "color]___[value:mantine.colors.gray[6]",
543
+ "padding]___[value:[1px 4px]",
544
+ "borderRadius]___[value:xs",
545
+ "color]___[value:mantine.colors.dark[2]]___[cond:_dark",
546
+ "fontWeight]___[value:700",
547
+ "justifySelf]___[value:stretch",
548
+ "alignSelf]___[value:start",
530
549
  "marginBottom]___[value:sm]___[cond:&[data-level='1']",
531
550
  "marginBottom]___[value:0",
532
551
  "transition]___[value:fast]___[cond:& > *",
@@ -618,7 +637,6 @@
618
637
  "justifyItems]___[value:start",
619
638
  "maxHeight]___[value:70vh",
620
639
  "maxHeight]___[value:calc(100cqh - 70px)]___[cond:xs",
621
- "padding]___[value:xs",
622
640
  "color]___[value:dark",
623
641
  "backgroundColor]___[value:mantine.colors.gray[0]]___[cond:_hover",
624
642
  "backgroundColor]___[value:mantine.colors.defaultHover]___[cond:_hover<___>_dark",
@@ -756,7 +774,6 @@
756
774
  "letterSpacing]___[value:.75px",
757
775
  "color]___[value:[var(--_color)/75]",
758
776
  "backgroundColor]___[value:var(--likec4-palette-fill)",
759
- "borderRadius]___[value:xs",
760
777
  "width]___[value:5px",
761
778
  "width]___[value:7px]___[cond:_whenHovered",
762
779
  "width]___[value:7px]___[cond:_whenSelected",
@@ -814,8 +831,7 @@
814
831
  "paddingTop]___[value:4",
815
832
  "gap]___[value:6px",
816
833
  "paddingInline]___[value:4px",
817
- "maxWidth]___[value:220px",
818
- "textOverflow]___[value:ellipsis"
834
+ "maxWidth]___[value:220px"
819
835
  ],
820
836
  "recipes": {
821
837
  "overlay": [