@extrachill/components 0.4.29 → 0.4.30

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/package.json +1 -1
  3. package/styles/components.scss +25 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.4.30] - 2026-03-26
4
+
5
+ ### Changed
6
+ - let block shell inner own vertical spacing
7
+
3
8
  ## [0.4.29] - 2026-03-26
4
9
 
5
10
  ### Changed
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@extrachill/components",
3
- "version": "0.4.29",
3
+ "version": "0.4.30",
4
4
  "description": "Shared React components for the Extra Chill Platform.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/styles/components.scss CHANGED
@@ -263,7 +263,11 @@
263
263
  }
264
264
 
265
265
  .ec-responsive-tabs__item {
266
- border-radius: var(--border-radius-md, 8px);
266
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
267
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
268
+ border-left: 0;
269
+ border-right: 0;
270
+ border-radius: 0;
267
271
  }
268
272
  }
269
273
 
@@ -284,8 +288,6 @@
284
288
  border-radius: 0;
285
289
  padding: 0;
286
290
  box-sizing: border-box;
287
- display: grid;
288
- gap: var(--spacing-lg, 1.5rem);
289
291
  }
290
292
 
291
293
  .ec-block-shell--depth-0 {
@@ -534,13 +536,32 @@
534
536
  padding-bottom: var(--spacing-sm, 0.5rem);
535
537
  }
536
538
 
539
+ .ec-shell-tabs {
540
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
541
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
542
+ padding-left: var(--spacing-md, 1rem);
543
+ padding-right: var(--spacing-md, 1rem);
544
+ }
545
+
537
546
  .ec-panel {
538
547
  border-radius: 0;
539
- padding: var(--spacing-sm, 0.5rem);
548
+ border-left: 0;
549
+ border-right: 0;
550
+ padding: var(--spacing-sm, 0.5rem) 0;
551
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
552
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
553
+ padding-left: var(--spacing-md, 1rem);
554
+ padding-right: var(--spacing-md, 1rem);
540
555
  }
541
556
 
542
557
  .ec-section {
543
558
  border-radius: 0;
559
+ border-left: 0;
560
+ border-right: 0;
561
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
562
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
563
+ padding-left: var(--spacing-md, 1rem);
564
+ padding-right: var(--spacing-md, 1rem);
544
565
  }
545
566
 
546
567
  .ec-panel-header {