@jobber/components 6.2.2 → 6.3.0
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.
- package/dist/Tabs/Tabs.d.ts +2 -2
- package/dist/Tabs-cjs.js +2 -3
- package/dist/Tabs-es.js +2 -3
- package/package.json +2 -2
package/dist/Tabs/Tabs.d.ts
CHANGED
|
@@ -15,13 +15,13 @@ interface TabsProps {
|
|
|
15
15
|
}
|
|
16
16
|
export declare function Tabs({ children, defaultTab, onTabChange }: TabsProps): JSX.Element;
|
|
17
17
|
interface TabProps {
|
|
18
|
-
readonly label: string;
|
|
18
|
+
readonly label: string | ReactNode;
|
|
19
19
|
readonly children: ReactNode | ReactNode[];
|
|
20
20
|
onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
|
|
21
21
|
}
|
|
22
22
|
export declare function Tab({ label }: TabProps): JSX.Element;
|
|
23
23
|
interface InternalTabProps {
|
|
24
|
-
readonly label: string;
|
|
24
|
+
readonly label: string | ReactNode;
|
|
25
25
|
readonly selected: boolean;
|
|
26
26
|
activateTab(): void;
|
|
27
27
|
onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
|
package/dist/Tabs-cjs.js
CHANGED
|
@@ -74,11 +74,10 @@ function InternalTab({ label, selected, activateTab, onClick = () => {
|
|
|
74
74
|
}, }) {
|
|
75
75
|
const className = classnames(styles.tab, { [styles.selected]: selected });
|
|
76
76
|
return (React.createElement("li", { role: "presentation" },
|
|
77
|
-
React.createElement("button", { type: "button", role: "tab",
|
|
77
|
+
React.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
|
|
78
78
|
activateTab();
|
|
79
79
|
onClick(event);
|
|
80
|
-
} },
|
|
81
|
-
React.createElement(Typography.Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label))));
|
|
80
|
+
} }, typeof label === "string" ? (React.createElement(Typography.Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
|
|
82
81
|
}
|
|
83
82
|
|
|
84
83
|
exports.Tab = Tab;
|
package/dist/Tabs-es.js
CHANGED
|
@@ -72,11 +72,10 @@ function InternalTab({ label, selected, activateTab, onClick = () => {
|
|
|
72
72
|
}, }) {
|
|
73
73
|
const className = classnames(styles.tab, { [styles.selected]: selected });
|
|
74
74
|
return (React.createElement("li", { role: "presentation" },
|
|
75
|
-
React.createElement("button", { type: "button", role: "tab",
|
|
75
|
+
React.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
|
|
76
76
|
activateTab();
|
|
77
77
|
onClick(event);
|
|
78
|
-
} },
|
|
79
|
-
React.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label))));
|
|
78
|
+
} }, typeof label === "string" ? (React.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
|
|
80
79
|
}
|
|
81
80
|
|
|
82
81
|
export { Tabs as T, Tab as a };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -487,5 +487,5 @@
|
|
|
487
487
|
"> 1%",
|
|
488
488
|
"IE 10"
|
|
489
489
|
],
|
|
490
|
-
"gitHead": "
|
|
490
|
+
"gitHead": "0c3eed63915c81704d5ebaa9c1f4b68b10d13e47"
|
|
491
491
|
}
|