@extrachill/components 0.4.30 → 0.4.33

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Changelog
 
+## [0.4.33] - 2026-03-26
+
+### Changed
+- rename mobile edge shell contract
+
+## [0.4.32] - 2026-03-26
+
+### Changed
+- centralize mobile edge surfaces behind page shells
+- remove block shell child mobile padding
+
+## [0.4.31] - 2026-03-26
+
+### Changed
+- mirror theme mobile shell gutter model
+
 ## [0.4.30] - 2026-03-26
 
 ### Changed

package/dist/BlockShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockShell.d.ts","sourceRoot":"","sources":["../src/BlockShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,SAAc,EACd,WAA8B,EAC9B,OAAe,EACf,KAAS,GACT,EAAE,eAAe,2CASjB"}
+{"version":3,"file":"BlockShell.d.ts","sourceRoot":"","sources":["../src/BlockShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAE,EAC3B,QAAQ,EACR,SAAc,EACd,WAA8B,EAC9B,OAAe,EACf,KAAS,GACT,EAAE,eAAe,2CAUjB"}

package/dist/BlockShell.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export function BlockShell({ children, className = '', classPrefix = 'ec-block-shell', compact = false, depth = 0, }) {
     const shellClass = [
         classPrefix,
+        'ec-edge-shell',
         compact ? `${classPrefix}--compact` : '',
         `${classPrefix}--depth-${depth}`,
         className,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@extrachill/components",
-  "version": "0.4.30",
+  "version": "0.4.33",
   "description": "Shared React components for the Extra Chill Platform.",
   "type": "module",
   "main": "./dist/index.js",

package/src/BlockShell.tsx

@@ -17,6 +17,7 @@ export function BlockShell( {
 }: BlockShellProps ) {
 	const shellClass = [
 		classPrefix,
+		'ec-edge-shell',
 		compact ? `${ classPrefix }--compact` : '',
 		`${ classPrefix }--depth-${ depth }`,
 		className,

package/styles/components.scss

@@ -247,10 +247,13 @@
 }
 
 @media (max-width: 480px) {
+	.ec-block-shell {
+		padding-left: 0;
+		padding-right: 0;
+	}
+
 	.ec-block-shell-inner {
 		max-width: none;
-		padding-left: var(--spacing-md, 1rem);
-		padding-right: var(--spacing-md, 1rem);
 	}
 
 	.ec-responsive-tabs__inner {
@@ -262,7 +265,7 @@
 		display: none;
 	}
 
-	.ec-responsive-tabs__item {
+	.ec-edge-shell .ec-responsive-tabs__item {
 		margin-left: calc(var(--spacing-md, 1rem) * -1);
 		margin-right: calc(var(--spacing-md, 1rem) * -1);
 		border-left: 0;
@@ -536,14 +539,14 @@
 		padding-bottom: var(--spacing-sm, 0.5rem);
 	}
 
-	.ec-shell-tabs {
+	.ec-edge-shell .ec-shell-tabs {
 		margin-left: calc(var(--spacing-md, 1rem) * -1);
 		margin-right: calc(var(--spacing-md, 1rem) * -1);
 		padding-left: var(--spacing-md, 1rem);
 		padding-right: var(--spacing-md, 1rem);
 	}
 
-	.ec-panel {
+	.ec-edge-shell .ec-panel {
 		border-radius: 0;
 		border-left: 0;
 		border-right: 0;
@@ -554,7 +557,7 @@
 		padding-right: var(--spacing-md, 1rem);
 	}
 
-	.ec-section {
+	.ec-edge-shell .ec-section {
 		border-radius: 0;
 		border-left: 0;
 		border-right: 0;