@extrachill/components 0.4.29 → 0.4.31

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 +10 -0
  2. package/package.json +1 -1
  3. package/styles/components.scss +35 -6
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.4.31] - 2026-03-26
4
+
5
+ ### Changed
6
+ - mirror theme mobile shell gutter model
7
+
8
+ ## [0.4.30] - 2026-03-26
9
+
10
+ ### Changed
11
+ - let block shell inner own vertical spacing
12
+
3
13
  ## [0.4.29] - 2026-03-26
4
14
 
5
15
  ### 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.31",
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
@@ -247,12 +247,20 @@
247
247
  }
248
248
 
249
249
  @media (max-width: 480px) {
250
- .ec-block-shell-inner {
251
- max-width: none;
250
+ .ec-block-shell {
251
+ padding-left: 0;
252
+ padding-right: 0;
253
+ }
254
+
255
+ .ec-block-shell > * {
252
256
  padding-left: var(--spacing-md, 1rem);
253
257
  padding-right: var(--spacing-md, 1rem);
254
258
  }
255
259
 
260
+ .ec-block-shell-inner {
261
+ max-width: none;
262
+ }
263
+
256
264
  .ec-responsive-tabs__inner {
257
265
  max-width: none;
258
266
  }
@@ -263,7 +271,11 @@
263
271
  }
264
272
 
265
273
  .ec-responsive-tabs__item {
266
- border-radius: var(--border-radius-md, 8px);
274
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
275
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
276
+ border-left: 0;
277
+ border-right: 0;
278
+ border-radius: 0;
267
279
  }
268
280
  }
269
281
 
@@ -284,8 +296,6 @@
284
296
  border-radius: 0;
285
297
  padding: 0;
286
298
  box-sizing: border-box;
287
- display: grid;
288
- gap: var(--spacing-lg, 1.5rem);
289
299
  }
290
300
 
291
301
  .ec-block-shell--depth-0 {
@@ -534,13 +544,32 @@
534
544
  padding-bottom: var(--spacing-sm, 0.5rem);
535
545
  }
536
546
 
547
+ .ec-shell-tabs {
548
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
549
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
550
+ padding-left: var(--spacing-md, 1rem);
551
+ padding-right: var(--spacing-md, 1rem);
552
+ }
553
+
537
554
  .ec-panel {
538
555
  border-radius: 0;
539
- padding: var(--spacing-sm, 0.5rem);
556
+ border-left: 0;
557
+ border-right: 0;
558
+ padding: var(--spacing-sm, 0.5rem) 0;
559
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
560
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
561
+ padding-left: var(--spacing-md, 1rem);
562
+ padding-right: var(--spacing-md, 1rem);
540
563
  }
541
564
 
542
565
  .ec-section {
543
566
  border-radius: 0;
567
+ border-left: 0;
568
+ border-right: 0;
569
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
570
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
571
+ padding-left: var(--spacing-md, 1rem);
572
+ padding-right: var(--spacing-md, 1rem);
544
573
  }
545
574
 
546
575
  .ec-panel-header {