@likec4/styles 1.55.0 → 1.55.1
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.
- package/package.json +4 -4
- package/preset/preset.mjs +25 -4
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@likec4/styles",
|
|
3
3
|
"description": "Shared PandaCSS preset and generated styles, used in LikeC4",
|
|
4
4
|
"license": "MIT",
|
|
5
|
-
"version": "1.55.
|
|
5
|
+
"version": "1.55.1",
|
|
6
6
|
"bugs": "https://github.com/likec4/likec4/issues",
|
|
7
7
|
"homepage": "https://likec4.dev",
|
|
8
8
|
"author": "Denis Davydkov <denis@davydkov.com>",
|
|
@@ -99,14 +99,14 @@
|
|
|
99
99
|
"@pandacss/dev": "^1.9.1",
|
|
100
100
|
"@types/picomatch": "^4.0.3",
|
|
101
101
|
"@types/react": "19.2.14",
|
|
102
|
-
"postcss": "8.5.
|
|
102
|
+
"postcss": "8.5.9",
|
|
103
103
|
"remeda": "^2.33.7",
|
|
104
104
|
"nano-spawn": "^2.0.0",
|
|
105
105
|
"obuild": "0.4.31",
|
|
106
106
|
"typescript": "5.9.3",
|
|
107
|
-
"@likec4/style-preset": "1.55.
|
|
107
|
+
"@likec4/style-preset": "1.55.1",
|
|
108
108
|
"@likec4/devops": "1.42.0",
|
|
109
|
-
"@likec4/tsconfig": "1.55.
|
|
109
|
+
"@likec4/tsconfig": "1.55.1"
|
|
110
110
|
},
|
|
111
111
|
"scripts": {
|
|
112
112
|
"typecheck": "tsc --noEmit",
|
package/preset/preset.mjs
CHANGED
|
@@ -1357,6 +1357,13 @@ const globalCss = { extend: {
|
|
|
1357
1357
|
willChange: "transform",
|
|
1358
1358
|
zIndex: "likec4.diagram.edge.label"
|
|
1359
1359
|
},
|
|
1360
|
+
":where(.likec4-relationship-details) .likec4-edge-label-container > :first-child": { maxWidth: "350px" },
|
|
1361
|
+
".likec4-relationship-details :is(.likec4-edge-label__text, .likec4-edge-label__technology)": {
|
|
1362
|
+
display: "-webkit-box!",
|
|
1363
|
+
WebkitBoxOrient: "vertical!",
|
|
1364
|
+
WebkitLineClamp: "1!",
|
|
1365
|
+
overflow: "hidden!"
|
|
1366
|
+
},
|
|
1360
1367
|
".likec4-root": {
|
|
1361
1368
|
overflow: "hidden",
|
|
1362
1369
|
position: "relative",
|
|
@@ -2028,6 +2035,7 @@ const edgeLabel = defineRecipe({
|
|
|
2028
2035
|
},
|
|
2029
2036
|
label: {
|
|
2030
2037
|
whiteSpaceCollapse: "preserve-breaks",
|
|
2038
|
+
overflowWrap: "anywhere",
|
|
2031
2039
|
fontSize: "14px",
|
|
2032
2040
|
lineHeight: "1.2",
|
|
2033
2041
|
margin: "0"
|
|
@@ -2035,6 +2043,7 @@ const edgeLabel = defineRecipe({
|
|
|
2035
2043
|
technology: {
|
|
2036
2044
|
textAlign: "center",
|
|
2037
2045
|
whiteSpaceCollapse: "preserve-breaks",
|
|
2046
|
+
overflowWrap: "anywhere",
|
|
2038
2047
|
fontSize: "11px",
|
|
2039
2048
|
lineHeight: "1",
|
|
2040
2049
|
opacity: .75
|
|
@@ -2124,7 +2133,10 @@ const edgePath = defineSlotRecipe({
|
|
|
2124
2133
|
pointerEvents: "none",
|
|
2125
2134
|
fill: "none",
|
|
2126
2135
|
strokeWidth: "calc(var(--xy-edge-stroke-width) + 2)",
|
|
2127
|
-
strokeOpacity:
|
|
2136
|
+
strokeOpacity: {
|
|
2137
|
+
base: .08,
|
|
2138
|
+
_dark: .25
|
|
2139
|
+
},
|
|
2128
2140
|
_noReduceGraphics: {
|
|
2129
2141
|
transitionProperty: "stroke-width, stroke-opacity",
|
|
2130
2142
|
transitionDuration: "fast",
|
|
@@ -2133,12 +2145,21 @@ const edgePath = defineSlotRecipe({
|
|
|
2133
2145
|
_whenHovered: {
|
|
2134
2146
|
transitionTimingFunction: "out",
|
|
2135
2147
|
strokeWidth: "calc(var(--xy-edge-stroke-width) + 4)",
|
|
2136
|
-
strokeOpacity:
|
|
2148
|
+
strokeOpacity: {
|
|
2149
|
+
base: .2,
|
|
2150
|
+
_dark: .45
|
|
2151
|
+
}
|
|
2137
2152
|
},
|
|
2138
2153
|
_whenSelected: {
|
|
2139
2154
|
strokeWidth: "calc(var(--xy-edge-stroke-width) + 6)",
|
|
2140
|
-
strokeOpacity:
|
|
2141
|
-
|
|
2155
|
+
strokeOpacity: {
|
|
2156
|
+
base: .25,
|
|
2157
|
+
_dark: .5
|
|
2158
|
+
},
|
|
2159
|
+
_whenHovered: { strokeOpacity: {
|
|
2160
|
+
base: .4,
|
|
2161
|
+
_dark: .65
|
|
2162
|
+
} }
|
|
2142
2163
|
}
|
|
2143
2164
|
},
|
|
2144
2165
|
markersCtx: {
|