@extrachill/components 0.4.18 → 0.4.20

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 (4) hide show
  1. package/dist/ResponsiveTabs.js +1 -1
  2. package/package.json +1 -1
  3. package/src/ResponsiveTabs.tsx +1 -1
  4. package/styles/components.scss +2 -3
package/dist/ResponsiveTabs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useMemo, useState } from 'react';
3
3
  import { Tabs } from "./Tabs.js";
4
- export function ResponsiveTabs({ tabs, active, onChange, renderPanel, className = '', classPrefix = 'ec-responsive-tabs', tabsClassName = '', tabsClassPrefix = 'ec-tabs', mobileBreakpoint = 768, accordionClassName = '', showDesktopTabs = true, }) {
4
+ export function ResponsiveTabs({ tabs, active, onChange, renderPanel, className = '', classPrefix = 'ec-responsive-tabs', tabsClassName = '', tabsClassPrefix = 'ec-tabs', mobileBreakpoint = 480, accordionClassName = '', showDesktopTabs = true, }) {
5
5
  const [isMobile, setIsMobile] = useState(() => {
6
6
  if (typeof window === 'undefined') {
7
7
  return false;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@extrachill/components",
3
- "version": "0.4.18",
3
+ "version": "0.4.20",
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
@@ -25,7 +25,7 @@ export function ResponsiveTabs( {
25
25
  classPrefix = 'ec-responsive-tabs',
26
26
  tabsClassName = '',
27
27
  tabsClassPrefix = 'ec-tabs',
28
- mobileBreakpoint = 768,
28
+ mobileBreakpoint = 480,
29
29
  accordionClassName = '',
30
30
  showDesktopTabs = true,
31
31
  }: ResponsiveTabsProps ) {
package/styles/components.scss CHANGED
@@ -147,7 +147,6 @@
147
147
  .ec-responsive-tabs {
148
148
  display: grid;
149
149
  gap: var(--spacing-md, 1rem);
150
- background: var(--card-background, #f1f5f9);
151
150
  }
152
151
 
153
152
  .ec-responsive-tabs__desktop-panel {
@@ -236,13 +235,13 @@
236
235
  color: currentColor;
237
236
  }
238
237
 
239
- @media (min-width: 769px) {
238
+ @media (min-width: 481px) {
240
239
  .ec-responsive-tabs__accordion {
241
240
  display: none;
242
241
  }
243
242
  }
244
243
 
245
- @media (max-width: 768px) {
244
+ @media (max-width: 480px) {
246
245
  .ec-responsive-tabs .ec-tabs__tabs,
247
246
  .ec-responsive-tabs__desktop-panel {
248
247
  display: none;