@expressive-code/plugin-frames - npm Package Compare versions

Comparing version 0.2.0 to 0.3.0

dist/index.d.ts

 import { StyleSettings, ExpressiveCodePlugin, AttachedPluginData } from '@expressive-code/core';
 
-declare const framesStyleSettings: StyleSettings<"shadowColor" | "frameBoxShadowCssValue" | "editorActiveTabBackground" | "editorActiveTabForeground" | "editorActiveTabBorderTop" | "editorActiveTabBorderBottom" | "editorTabBorderRadius" | "editorTabBarBackground" | "editorTabBarBorderColor" | "editorTabBarBorderBottom" | "editorBackground" | "terminalTitlebarDotsForeground" | "terminalTitlebarBackground" | "terminalTitlebarForeground" | "terminalTitlebarBorderBottom" | "terminalBackground">;
+declare const framesStyleSettings: StyleSettings<"shadowColor" | "frameBoxShadowCssValue" | "editorActiveTabBackground" | "editorActiveTabForeground" | "editorActiveTabBorder" | "editorActiveTabBorderTop" | "editorActiveTabBorderBottom" | "editorTabBorderRadius" | "editorTabBarBackground" | "editorTabBarBorderColor" | "editorTabBarBorderBottom" | "editorBackground" | "terminalTitlebarDotsForeground" | "terminalTitlebarBackground" | "terminalTitlebarForeground" | "terminalTitlebarBorderBottom" | "terminalBackground">;
 
@@ -5,0 +5,0 @@ interface PluginFramesOptions {

dist/index.js

@@ -12,2 +12,3 @@ // src/index.ts
   editorActiveTabForeground: ({ theme }) => theme.colors["tab.activeForeground"],
+  editorActiveTabBorder: "transparent",
   editorActiveTabBorderTop: ({ theme }) => theme.colors["tab.activeBorderTop"],
@@ -18,3 +19,3 @@ editorActiveTabBorderBottom: ({ theme }) => theme.colors["tab.activeBorder"],
   editorTabBarBorderColor: ({ coreStyles }) => multiplyAlpha(coreStyles.borderColor, 0.75),
-  editorTabBarBorderBottom: ({ theme, coreStyles }) => `${coreStyles.borderWidth} solid ${theme.colors["editorGroupHeader.tabsBorder"] || "transparent"}`,
+  editorTabBarBorderBottom: ({ theme }) => theme.colors["editorGroupHeader.tabsBorder"] || "transparent",
   editorBackground: ({ coreStyles }) => coreStyles.codeBackground,
@@ -24,3 +25,3 @@ terminalTitlebarDotsForeground: ({ theme }) => theme.type === "dark" ? "#ffffff26" : "#00000026",
   terminalTitlebarForeground: ({ theme }) => theme.colors["titleBar.activeForeground"],
-  terminalTitlebarBorderBottom: ({ theme, coreStyles }) => `${coreStyles.borderWidth} solid ${onBackground(coreStyles.borderColor, theme.type === "dark" ? "#000000bf" : "#ffffffbf")}`,
+  terminalTitlebarBorderBottom: ({ theme, coreStyles }) => onBackground(coreStyles.borderColor, theme.type === "dark" ? "#000000bf" : "#ffffffbf"),
   terminalBackground: ({ theme }) => theme.colors["terminal.background"]
@@ -96,3 +97,3 @@ });
 					border-radius: ${framesStyles.editorTabBorderRadius} ${framesStyles.editorTabBorderRadius} 0 0;
-					border: ${coreStyles.borderWidth} solid ${coreStyles.borderColor};
+					border: ${coreStyles.borderWidth} solid ${framesStyles.editorActiveTabBorder};
 					border-bottom: none;
@@ -116,3 +117,3 @@ }
 						content: '';
-						border-bottom: ${coreStyles.borderWidth} solid ${coreStyles.borderColor};
+						border-bottom: ${coreStyles.borderWidth} solid ${framesStyles.editorTabBarBorderBottom};
 					}
@@ -153,3 +154,3 @@ }
 						inset: 0;
-						border-bottom: ${framesStyles.terminalTitlebarBorderBottom};
+						border-bottom: ${coreStyles.borderWidth} solid ${framesStyles.terminalTitlebarBorderBottom};
 					}
@@ -156,0 +157,0 @@ }

package.json

 {
   "name": "@expressive-code/plugin-frames",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Frames plugin for Expressive Code. Wraps code blocks in a styled editor or terminal frame with support for titles, multiple tabs and more.",
@@ -5,0 +5,0 @@ "keywords": [],

README.md

@@ -191,3 +191,3 @@ # @expressive-code/plugin-frames
   - Editor styles:
-    `editorActiveTabBackground`, `editorActiveTabForeground`, `editorActiveTabBorderTop`, `editorActiveTabBorderBottom`, `editorTabBorderRadius`, `editorTabBarBackground`, `editorTabBarBorderColor`, `editorTabBarBorderBottom`, `editorBackground`
+    `editorActiveTabBackground`, `editorActiveTabForeground`, `editorActiveTabBorder`, `editorActiveTabBorderTop`, `editorActiveTabBorderBottom`, `editorTabBorderRadius`, `editorTabBarBackground`, `editorTabBarBorderColor`, `editorTabBarBorderBottom`, `editorBackground`
 
@@ -194,0 +194,0 @@ - Terminal styles:

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85513

increased by0.1%

Lines of code

869

increased by0.35%

No dependency changes