@vscode/markdown-editor 0.0.2-74 → 0.0.2-76

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vscode/markdown-editor",
-  "version": "0.0.2-74",
+  "version": "0.0.2-76",
   "type": "module",
   "license": "MIT",
   "repository": {
@@ -111,5 +111,5 @@
     "vitest": "^4.1.0",
     "zod": "^4.3.6"
   },
-  "gitHead": "3ef7111f4773490b2cd36ac9fb96c467e184dca1"
+  "gitHead": "a5cb64b2e48a3cac392e26ed31ce9cd693c3db2f"
 }

package/src/view/editor.css

@@ -234,13 +234,7 @@
 	align-self: center;
 	align-items: center;
 	gap: 0.22em;
-	height: 1.25em;
-	box-sizing: border-box;
 	margin-left: 0.04em;
-	padding: 0 0.38em;
-	border: 1px solid color-mix(in srgb, currentColor 44%, transparent);
-	border-radius: 1em;
-	background: color-mix(in srgb, currentColor 9%, transparent);
 	color: var(--vscode-descriptionForeground, currentColor);
 	font-size: 0.86em;
 	font-weight: 600;
@@ -248,10 +242,40 @@
 }
 
 .md-rich-link-detail[hidden],
+.md-rich-link-changes[hidden],
 .md-rich-link-status[hidden] {
 	display: none;
 }
 
+.md-rich-link-changes {
+	flex: none;
+	display: inline-flex;
+	align-self: center;
+	gap: 0.28em;
+	font-size: 0.86em;
+	font-weight: 600;
+	line-height: 1;
+}
+
+.md-rich-link-changes::before,
+.md-rich-link:not(
+	[data-md-rich-link-kind='issue'],
+	[data-md-rich-link-kind='pullRequest'],
+	[data-md-rich-link-kind='session']
+) .md-rich-link-primary-status::before {
+	content: '·';
+	color: var(--vscode-descriptionForeground, currentColor);
+	font-weight: 400;
+}
+
+.md-rich-link-insertions {
+	color: var(--vscode-charts-green, #1f883d);
+}
+
+.md-rich-link-deletions {
+	color: var(--vscode-charts-red, #cf222e);
+}
+
 .md-rich-link-status-icon {
 	flex: none;
 	align-self: center;
@@ -270,10 +294,6 @@
 
 .md-rich-link-secondary-status {
 	margin-left: 0.06em;
-	padding: 0;
-	border: 0;
-	border-radius: 0;
-	background: transparent;
 }
 
 .md-rich-link-secondary-status::before {
@@ -1441,48 +1461,28 @@ ol.md-list>.md-list-item-active>.md-list-gutter>.md-marker-listItemMarker {
  * The rotating "broken rounded-square" progress ring for an inactive task item
  * whose text begins with the hidden `:running:` marker (see
  * `ListItemViewData.isRunning`). Rendered as a conic-gradient ring — masked so
- * only the ring (not its center) paints — with a transparent gap that spins via
- * an animated `@property` angle, reading as a segmented spinner rather than a
- * checked/unchecked box. The base checkbox border/background are hidden so
- * only the ring shows.
+ * only the ring (not its center) paints — with a transparent gap that spins,
+ * reading as a segmented spinner rather than a checked/unchecked box.
  */
 .md-checkbox-running,
 .md-checkbox-running:checked {
-	background: transparent;
-	border-color: transparent;
-	opacity: 1;
-}
-
-@property --md-checkbox-spinner-angle {
-	syntax: '<angle>';
-	inherits: false;
-	initial-value: 0deg;
-}
-
-.md-checkbox-running::after,
-.md-checkbox-running:checked::after {
-	content: '';
-	position: absolute;
-	inset: -1px;
 	padding: 2px;
-	width: auto;
-	height: auto;
 	border: 0;
 	border-radius: 4px;
 	background: conic-gradient(
-		from var(--md-checkbox-spinner-angle),
 		transparent 0deg 42deg,
 		#bbb 62deg 360deg
 	);
 	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
 	-webkit-mask-composite: xor;
 	mask-composite: exclude;
-	animation: md-checkbox-spin 0.8s linear infinite !important;
+	animation: md-checkbox-spin 0.8s linear infinite;
+	opacity: 1;
 }
 
 @keyframes md-checkbox-spin {
 	to {
-		--md-checkbox-spinner-angle: 360deg;
+		transform: rotate(360deg);
 	}
 }
 
@@ -1505,7 +1505,7 @@ ol.md-list>.md-list-item-active>.md-list-gutter>.md-marker-listItemMarker {
 }
 
 @media (prefers-reduced-motion: reduce) {
-	.md-checkbox-running::after {
+	.md-checkbox-running {
 		animation: none !important;
 	}
 }