@extrachill/components 0.4.1 → 0.4.2

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 +26 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.4.2] - 2026-03-25
4
+
5
+ ### Changed
6
+ - Add mobile edge-to-edge behavior for shared panels
7
+
3
8
  ## [0.4.1] - 2026-03-25
4
9
 
5
10
  ### Changed
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@extrachill/components",
3
- "version": "0.4.1",
3
+ "version": "0.4.2",
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
@@ -249,6 +249,32 @@
249
249
  color: #004085;
250
250
  }
251
251
 
252
+ // Mobile edge-to-edge panel principle
253
+ // Matches the established theme pattern: small phone screens go full-width,
254
+ // drop rounded corners, and reduce wasted side space.
255
+ @media screen and (max-width: 480px) {
256
+ .ec-panel {
257
+ border-radius: 0;
258
+ padding: var(--spacing-sm, 0.5rem) 0;
259
+ margin-left: calc(var(--spacing-md, 1rem) * -1);
260
+ margin-right: calc(var(--spacing-md, 1rem) * -1);
261
+ padding-left: var(--spacing-md, 1rem);
262
+ padding-right: var(--spacing-md, 1rem);
263
+ }
264
+
265
+ .ec-panel-header {
266
+ padding-bottom: var(--spacing-sm, 0.5rem);
267
+ }
268
+
269
+ .ec-action-row {
270
+ align-items: stretch;
271
+ }
272
+
273
+ .ec-action-row > * {
274
+ max-width: 100%;
275
+ }
276
+ }
277
+
252
278
  // Image Preview
253
279
  .ec-image-preview {
254
280
  display: inline-flex;