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

Comparing version 0.3.0 to 0.4.0

dist/index.d.ts

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

dist/index.js

@@ -15,5 +15,7 @@ // src/index.ts
   editorActiveTabBorderBottom: ({ theme }) => theme.colors["tab.activeBorder"],
+  editorActiveTabMarginInlineStart: "0",
+  editorActiveTabMarginBlockStart: "0",
   editorTabBorderRadius: ({ coreStyles }) => coreStyles.borderRadius,
-  editorTabBarBackground: ({ theme }) => multiplyAlpha(theme.colors["editorGroupHeader.tabsBackground"], 0.75),
-  editorTabBarBorderColor: ({ coreStyles }) => multiplyAlpha(coreStyles.borderColor, 0.75),
+  editorTabBarBackground: ({ theme }) => theme.colors["editorGroupHeader.tabsBackground"],
+  editorTabBarBorderColor: ({ coreStyles }) => coreStyles.borderColor,
   editorTabBarBorderBottom: ({ theme }) => theme.colors["editorGroupHeader.tabsBorder"] || "transparent",
@@ -92,3 +94,3 @@ editorBackground: ({ coreStyles }) => coreStyles.codeBackground,
 					background-clip: padding-box;
-					margin-block-start: ${coreStyles.uiPaddingBlock};
+					margin-block-start: ${framesStyles.editorActiveTabMarginBlockStart};
 					padding: ${coreStyles.uiPaddingBlock} ${coreStyles.uiPaddingInline};
@@ -107,3 +109,3 @@ border-radius: ${framesStyles.editorTabBorderRadius} ${framesStyles.editorTabBorderRadius} 0 0;
 					&::before {
-						padding-inline-start: calc(0.5 * ${coreStyles.uiPaddingInline});
+						padding-inline-start: ${framesStyles.editorActiveTabMarginInlineStart};
 					}
@@ -110,0 +112,0 @@ &::after {

package.json

 {
   "name": "@expressive-code/plugin-frames",
-  "version": "0.3.0",
+  "version": "0.4.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.",
@@ -21,7 +21,7 @@ "keywords": [],
   "dependencies": {
-    "@expressive-code/core": "^0.2.0",
+    "@expressive-code/core": "^0.3.0",
     "hastscript": "^7.2.0"
   },
   "devDependencies": {
-    "@internal/test-utils": "^0.1.1",
+    "@internal/test-utils": "^0.1.2",
     "hast-util-select": "^5.0.5",
@@ -28,0 +28,0 @@ "hast-util-to-html": "^8.0.4"

No alert changes

Improved metrics

Total package byte prevSize

85865

increased by0.41%

Lines of code

876

increased by0.81%

Dependency changes

• + Added@expressive-code/core@0.3.1(transitive)

• - Removed@expressive-code/core@0.2.1(transitive)

• Updated@expressive-code/core@^0.3.0