@extrachill/components 0.4.12 → 0.4.15

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 +3 -43
package/CHANGELOG.md CHANGED
@@ -1,5 +1,10 @@
1
1
  # Changelog
2
2
 
3
+ ## [0.4.13] - 2026-03-25
4
+
5
+ ### Changed
6
+ - Limit responsive tabs styling changes to mobile only
7
+
3
8
  ## [0.4.12] - 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.12",
3
+ "version": "0.4.15",
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
@@ -153,9 +153,9 @@
153
153
  display: grid;
154
154
  background: var(--background-color, #fff);
155
155
  border: 1px solid var(--border-color, #ddd);
156
- border-radius: 0 var(--border-radius-md, 8px) var(--border-radius-md, 8px) var(--border-radius-md, 8px);
157
- padding: var(--spacing-lg, 1.5rem) var(--spacing-md, 1rem);
158
- margin-bottom: var(--spacing-sm, 0.5rem);
156
+ border-radius: 0 0 var(--border-radius-md, 8px) var(--border-radius-md, 8px);
157
+ padding: 0;
158
+ margin-bottom: 0;
159
159
  position: relative;
160
160
  z-index: 1;
161
161
  box-sizing: border-box;
@@ -240,34 +240,6 @@
240
240
  .ec-responsive-tabs__accordion {
241
241
  display: none;
242
242
  }
243
-
244
- .ec-responsive-tabs .ec-tabs__tabs {
245
- display: flex;
246
- flex-wrap: wrap;
247
- margin-bottom: -1px;
248
- position: relative;
249
- }
250
-
251
- .ec-responsive-tabs .ec-tabs__tab {
252
- border: 1px solid var(--border-color, #ddd);
253
- border-bottom: 1px solid var(--border-color, #ddd);
254
- border-radius: var(--border-radius-md, 8px) var(--border-radius-md, 8px) 0 0;
255
- padding: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
256
- font-size: var(--font-size-base, 1rem);
257
- position: relative;
258
- top: 1px;
259
- margin-right: var(--spacing-xs, 0.25rem);
260
- background: var(--card-background, #f8f8f8);
261
- color: var(--text-color, #111);
262
- z-index: 2;
263
- }
264
-
265
- .ec-responsive-tabs .ec-tabs__tab.is-active {
266
- background: var(--background-color, #fff);
267
- color: var(--link-color, #0b5394);
268
- border-bottom: 1px solid var(--background-color, #fff);
269
- z-index: 3;
270
- }
271
243
  }
272
244
 
273
245
  @media (max-width: 768px) {
@@ -534,18 +506,6 @@
534
506
  // Matches the established theme pattern: small phone screens go full-width,
535
507
  // drop rounded corners, and reduce wasted side space.
536
508
  @media screen and (max-width: 480px) {
537
- .ec-block-shell {
538
- background: var(--card-background, #f1f5f9);
539
- border-radius: 0;
540
- border-left: 0;
541
- border-right: 0;
542
- border-top: 1px solid var(--border-color, #ddd);
543
- border-bottom: 1px solid var(--border-color, #ddd);
544
- margin: 0;
545
- max-width: 100%;
546
- padding: var(--spacing-md, 1rem);
547
- }
548
-
549
509
  .ec-block-shell-header {
550
510
  padding-bottom: var(--spacing-sm, 0.5rem);
551
511
  }