@megha-ui/react 1.2.191 → 1.2.193

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.
@@ -215,7 +215,7 @@ const IconDropdown = ({ className, ClearIcon, clearId, closeOnSelect = true, dis
215
215
  marginTop,
216
216
  marginRight,
217
217
  marginLeft,
218
- }, children: [label && (_jsxs("p", { style: labelStyle, children: [label, required && _jsx("span", { style: asteriskStyle, children: " *" })] })), _jsxs("div", { ref: wrapperRef, className: `${className}`, style: Object.assign({ border, borderRadius: 4, padding: "0 0.5rem", alignItems: "center", display: "flex", minHeight: `var(--control-min-height, ${ultraCompactDisplay
218
+ }, children: [label && (_jsxs("p", { style: labelStyle, children: [label, required && _jsx("span", { style: asteriskStyle, children: " *" })] })), _jsxs("div", { ref: wrapperRef, className: `${className}`, style: Object.assign({ border, borderRadius: 4, alignItems: "center", display: "flex", minHeight: `var(--control-min-height, ${ultraCompactDisplay
219
219
  ? "1.5rem"
220
220
  : compactDisplay
221
221
  ? "2rem"
@@ -23,6 +23,7 @@ interface TabPanelProps {
23
23
  label: string;
24
24
  children: ReactNode;
25
25
  className?: string;
26
+ padding?: string | number;
26
27
  }
27
28
  export declare const TabPanel: React.FC<TabPanelProps>;
28
29
  export {};
@@ -69,7 +69,7 @@ export const Tab = ({ label, description, tabNumber }) => {
69
69
  fontSize: "0.85rem",
70
70
  }, children: description }))] })] }) }));
71
71
  };
72
- export const TabPanel = ({ label, children, className, }) => {
72
+ export const TabPanel = ({ label, children, className, padding, }) => {
73
73
  const context = useContext(TabsContext);
74
74
  if (!context) {
75
75
  throw new Error("TabPanel component must be used inside Tabs.");
@@ -79,5 +79,6 @@ export const TabPanel = ({ label, children, className, }) => {
79
79
  return isActive ? (_jsx("div", { className: className, style: {
80
80
  flex: 1,
81
81
  background: "var(--background)",
82
+ padding: padding !== null && padding !== void 0 ? padding : "1rem"
82
83
  }, children: children })) : null;
83
84
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.2.191",
3
+ "version": "1.2.193",
4
4
  "description": "A collection of reusable UI components for React applications, built with TypeScript.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",