@extrachill/components 0.4.37 → 0.4.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
package/dist/ResponsiveTabs.js
CHANGED
|
@@ -82,6 +82,6 @@ export function ResponsiveTabs({ tabs, active, onChange, renderPanel, className
|
|
|
82
82
|
}
|
|
83
83
|
setMobileActive(tab.id);
|
|
84
84
|
handleChange(tab.id);
|
|
85
|
-
}, 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));
|
|
85
|
+
}, 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));
|
|
86
86
|
}) }) }) }));
|
|
87
87
|
}
|
|
@@ -45,7 +45,7 @@ function renderAccordion(root, activeTabId, hashPrefix, onPanelRender) {
|
|
|
45
45
|
const template = root.querySelector(`template[data-tab-panel="${tabId}"]`);
|
|
46
46
|
if (template) {
|
|
47
47
|
const panel = document.createElement('div');
|
|
48
|
-
panel.className = 'ec-responsive-tabs__panel';
|
|
48
|
+
panel.className = 'ec-responsive-tabs__panel page-content';
|
|
49
49
|
const content = createNodeFromTemplate(template);
|
|
50
50
|
if (content) {
|
|
51
51
|
panel.appendChild(content);
|
package/package.json
CHANGED
package/src/ResponsiveTabs.tsx
CHANGED
|
@@ -174,7 +174,7 @@ export function ResponsiveTabs( {
|
|
|
174
174
|
{ isActive ? '▲' : '▼' }
|
|
175
175
|
</span>
|
|
176
176
|
</button>
|
|
177
|
-
{ isActive && <div className={ `${ classPrefix }__panel` }>{ renderPanel( tab.id ) }</div>}
|
|
177
|
+
{ isActive && <div className={ `${ classPrefix }__panel page-content` }>{ renderPanel( tab.id ) }</div>}
|
|
178
178
|
</div>
|
|
179
179
|
);
|
|
180
180
|
} ) }
|
|
@@ -74,7 +74,7 @@ function renderAccordion(
|
|
|
74
74
|
const template = root.querySelector<HTMLTemplateElement>( `template[data-tab-panel="${ tabId }"]` );
|
|
75
75
|
if ( template ) {
|
|
76
76
|
const panel = document.createElement( 'div' );
|
|
77
|
-
panel.className = 'ec-responsive-tabs__panel';
|
|
77
|
+
panel.className = 'ec-responsive-tabs__panel page-content';
|
|
78
78
|
const content = createNodeFromTemplate( template );
|
|
79
79
|
if ( content ) {
|
|
80
80
|
panel.appendChild( content );
|
package/styles/components.scss
CHANGED
|
@@ -254,7 +254,6 @@
|
|
|
254
254
|
display: none;
|
|
255
255
|
}
|
|
256
256
|
|
|
257
|
-
.ec-edge-shell .ec-responsive-tabs__item,
|
|
258
257
|
.ec-mobile-full-width-panel .ec-responsive-tabs__item {
|
|
259
258
|
margin-left: calc(var(--spacing-md, 1rem) * -1);
|
|
260
259
|
margin-right: calc(var(--spacing-md, 1rem) * -1);
|
|
@@ -323,11 +322,6 @@
|
|
|
323
322
|
max-width: 1080px;
|
|
324
323
|
}
|
|
325
324
|
|
|
326
|
-
.ec-block-shell-inner--centered {
|
|
327
|
-
margin-left: auto;
|
|
328
|
-
margin-right: auto;
|
|
329
|
-
}
|
|
330
|
-
|
|
331
325
|
.ec-block-intro {
|
|
332
326
|
display: grid;
|
|
333
327
|
gap: var(--spacing-sm, 0.5rem);
|
|
@@ -564,7 +558,6 @@
|
|
|
564
558
|
padding-bottom: var(--spacing-sm, 0.5rem);
|
|
565
559
|
}
|
|
566
560
|
|
|
567
|
-
.ec-edge-shell .ec-shell-tabs,
|
|
568
561
|
.ec-mobile-full-width-panel .ec-shell-tabs {
|
|
569
562
|
margin-left: calc(var(--spacing-md, 1rem) * -1);
|
|
570
563
|
margin-right: calc(var(--spacing-md, 1rem) * -1);
|
|
@@ -572,7 +565,6 @@
|
|
|
572
565
|
padding-right: var(--spacing-md, 1rem);
|
|
573
566
|
}
|
|
574
567
|
|
|
575
|
-
.ec-edge-shell .ec-panel,
|
|
576
568
|
.ec-mobile-full-width-panel .ec-panel {
|
|
577
569
|
border-radius: 0;
|
|
578
570
|
border-left: 0;
|
|
@@ -587,7 +579,6 @@
|
|
|
587
579
|
padding-right: var(--spacing-md, 1rem);
|
|
588
580
|
}
|
|
589
581
|
|
|
590
|
-
.ec-edge-shell .ec-section,
|
|
591
582
|
.ec-mobile-full-width-panel .ec-section {
|
|
592
583
|
border-radius: 0;
|
|
593
584
|
border-left: 0;
|