@extrachill/components 0.4.10 → 0.4.12

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 (6) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/ResponsiveTabs.d.ts.map +1 -1
  3. package/dist/ResponsiveTabs.js +5 -1
  4. package/package.json +1 -1
  5. package/src/ResponsiveTabs.tsx +5 -1
  6. package/styles/components.scss +15 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,15 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.4.12] - 2026-03-25
4
+
5
+ ### Changed
6
+ - Make shell and responsive tabs use one shared path
7
+
8
+ ## [0.4.11] - 2026-03-25
9
+
10
+ ### Changed
11
+ - Add plain shell and mobile edge options to shared tabs
12
+
3
13
  ## [0.4.10] - 2026-03-25
4
14
 
5
15
  ### Changed
package/dist/ResponsiveTabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ResponsiveTabs.d.ts","sourceRoot":"","sources":["../src/ResponsiveTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,WAAW,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAc,EACd,WAAkC,EAClC,aAAkB,EAClB,eAA2B,EAC3B,gBAAsB,EACtB,kBAAuB,EACvB,eAAsB,GACtB,EAAE,mBAAmB,kDA8ErB"}
1
+ {"version":3,"file":"ResponsiveTabs.d.ts","sourceRoot":"","sources":["../src/ResponsiveTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,WAAW,mBAAmB;IACnC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,IAAI,CAAC;IACjC,WAAW,EAAE,CAAE,EAAE,EAAE,MAAM,KAAM,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,cAAc,CAAE,EAC/B,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAc,EACd,WAAkC,EAClC,aAAkB,EAClB,eAA2B,EAC3B,gBAAsB,EACtB,kBAAuB,EACvB,eAAsB,GACtB,EAAE,mBAAmB,kDAkFrB"}
package/dist/ResponsiveTabs.js CHANGED
@@ -19,7 +19,11 @@ export function ResponsiveTabs({ tabs, active, onChange, renderPanel, className
19
19
  window.addEventListener('resize', handleResize);
20
20
  return () => window.removeEventListener('resize', handleResize);
21
21
  }, [mobileBreakpoint]);
22
- const rootClass = useMemo(() => [classPrefix, isMobile ? `${classPrefix}--mobile` : `${classPrefix}--desktop`, className]
22
+ const rootClass = useMemo(() => [
23
+ classPrefix,
24
+ isMobile ? `${classPrefix}--mobile` : `${classPrefix}--desktop`,
25
+ className,
26
+ ]
23
27
  .filter(Boolean)
24
28
  .join(' '), [className, classPrefix, isMobile]);
25
29
  if (tabs.length === 0) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@extrachill/components",
3
- "version": "0.4.10",
3
+ "version": "0.4.12",
4
4
  "description": "Shared React components for the Extra Chill Platform.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/ResponsiveTabs.tsx CHANGED
@@ -53,7 +53,11 @@ export function ResponsiveTabs( {
53
53
  }, [ mobileBreakpoint ] );
54
54
 
55
55
  const rootClass = useMemo(
56
- () => [ classPrefix, isMobile ? `${ classPrefix }--mobile` : `${ classPrefix }--desktop`, className ]
56
+ () => [
57
+ classPrefix,
58
+ isMobile ? `${ classPrefix }--mobile` : `${ classPrefix }--desktop`,
59
+ className,
60
+ ]
57
61
  .filter( Boolean )
58
62
  .join( ' ' ),
59
63
  [ className, classPrefix, isMobile ]
package/styles/components.scss CHANGED
@@ -275,6 +275,14 @@
275
275
  .ec-responsive-tabs__desktop-panel {
276
276
  display: none;
277
277
  }
278
+
279
+ .ec-responsive-tabs__item {
280
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
281
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
282
+ border-left: 0;
283
+ border-right: 0;
284
+ border-radius: 0;
285
+ }
278
286
  }
279
287
 
280
288
  // Panel
@@ -289,26 +297,26 @@
289
297
 
290
298
  // Block shell / top-level wrapper
291
299
  .ec-block-shell {
292
- background: var(--card-background, #f1f5f9);
293
- border: 1px solid var(--border-color, #ddd);
294
- border-radius: var(--border-radius-xl, 14px);
295
- padding: var(--spacing-lg, 1.5rem);
300
+ background: transparent;
301
+ border: 0;
302
+ border-radius: 0;
303
+ padding: 0;
296
304
  box-sizing: border-box;
297
305
  display: grid;
298
306
  gap: var(--spacing-lg, 1.5rem);
299
307
  }
300
308
 
301
309
  .ec-block-shell--depth-0 {
302
- background: var(--card-background, #f1f5f9);
310
+ background: transparent;
303
311
  }
304
312
 
305
313
  .ec-block-shell--depth-1,
306
314
  .ec-block-shell--depth-3 {
307
- background: var(--background-color, #fff);
315
+ background: transparent;
308
316
  }
309
317
 
310
318
  .ec-block-shell--depth-2 {
311
- background: var(--card-background, #f1f5f9);
319
+ background: transparent;
312
320
  }
313
321
 
314
322
  .ec-block-shell--compact {