@extrachill/components 0.4.37 → 0.4.38

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.4.38] - 2026-03-26
+
+### Fixed
+- give mobile tab panels default gutter
+
 ## [0.4.37] - 2026-03-26
 
 ### Fixed

package/dist/ResponsiveTabs.js

@@ -82,6 +82,6 @@ export function ResponsiveTabs({ tabs, active, onChange, renderPanel, className
                                     }
                                     setMobileActive(tab.id);
                                     handleChange(tab.id);
-                                }, children: [_jsx("span", { children: tab.label }), _jsx("span", { className: `${classPrefix}__arrow`, "aria-hidden": "true", children: isActive ? '▲' : '▼' })] }), isActive && _jsx("div", { className: `${classPrefix}__panel`, children: renderPanel(tab.id) })] }, tab.id));
+                                }, children: [_jsx("span", { children: tab.label }), _jsx("span", { className: `${classPrefix}__arrow`, "aria-hidden": "true", children: isActive ? '▲' : '▼' })] }), isActive && _jsx("div", { className: `${classPrefix}__panel page-content`, children: renderPanel(tab.id) })] }, tab.id));
                 }) }) }) }));
 }

package/dist/initResponsiveTabsDom.js

@@ -45,7 +45,7 @@ function renderAccordion(root, activeTabId, hashPrefix, onPanelRender) {
             const template = root.querySelector(`template[data-tab-panel="${tabId}"]`);
             if (template) {
                 const panel = document.createElement('div');
-                panel.className = 'ec-responsive-tabs__panel';
+                panel.className = 'ec-responsive-tabs__panel page-content';
                 const content = createNodeFromTemplate(template);
                 if (content) {
                     panel.appendChild(content);

package/package.json

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

package/src/ResponsiveTabs.tsx

@@ -174,7 +174,7 @@ export function ResponsiveTabs( {
 									{ isActive ? '▲' : '▼' }
 								</span>
 							</button>
-							{ isActive && <div className={ `${ classPrefix }__panel` }>{ renderPanel( tab.id ) }</div>}
+							{ isActive && <div className={ `${ classPrefix }__panel page-content` }>{ renderPanel( tab.id ) }</div>}
 						</div>
 					);
 				} ) }

package/src/initResponsiveTabsDom.ts

@@ -74,7 +74,7 @@ function renderAccordion(
 			const template = root.querySelector<HTMLTemplateElement>( `template[data-tab-panel="${ tabId }"]` );
 			if ( template ) {
 				const panel = document.createElement( 'div' );
-				panel.className = 'ec-responsive-tabs__panel';
+				panel.className = 'ec-responsive-tabs__panel page-content';
 				const content = createNodeFromTemplate( template );
 				if ( content ) {
 					panel.appendChild( content );