@jobber/components 6.2.1 → 6.3.0

package/dist/Tabs/Tabs.d.ts

@@ -15,13 +15,13 @@ interface TabsProps {
 }
 export declare function Tabs({ children, defaultTab, onTabChange }: TabsProps): JSX.Element;
 interface TabProps {
-    readonly label: string;
+    readonly label: string | ReactNode;
     readonly children: ReactNode | ReactNode[];
     onClick?(event: React.MouseEvent<HTMLButtonElement>): void;
 }
 export declare function Tab({ label }: TabProps): JSX.Element;
 interface InternalTabProps {
-    readonly label: string;
+    readonly label: string | ReactNode;
     readonly selected: boolean;
     activateTab(): void;
     onClick?(event: React.MouseEvent<HTMLButtonElement>): void;

package/dist/Tabs-cjs.js

@@ -74,11 +74,10 @@ function InternalTab({ label, selected, activateTab, onClick = () => {
 }, }) {
     const className = classnames(styles.tab, { [styles.selected]: selected });
     return (React.createElement("li", { role: "presentation" },
-        React.createElement("button", { type: "button", role: "tab", id: label, className: className, onClick: event => {
+        React.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
                 activateTab();
                 onClick(event);
-            } },
-            React.createElement(Typography.Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label))));
+            } }, typeof label === "string" ? (React.createElement(Typography.Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
 }
 
 exports.Tab = Tab;

package/dist/Tabs-es.js

@@ -72,11 +72,10 @@ function InternalTab({ label, selected, activateTab, onClick = () => {
 }, }) {
     const className = classnames(styles.tab, { [styles.selected]: selected });
     return (React.createElement("li", { role: "presentation" },
-        React.createElement("button", { type: "button", role: "tab", id: label, className: className, onClick: event => {
+        React.createElement("button", { type: "button", role: "tab", className: className, onClick: event => {
                 activateTab();
                 onClick(event);
-            } },
-            React.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label))));
+            } }, typeof label === "string" ? (React.createElement(Typography, { element: "span", size: "large", fontWeight: "semiBold" }, label)) : (label))));
 }
 
 export { Tabs as T, Tab as a };

package/dist/styles.css

@@ -5028,9 +5028,24 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
     visibility var(--transition-properties);
 }
 
+@media not (min-width: 768px) {
+
+.N8dyu-defmc- {
+    overflow: hidden;
+}
+  }
+
+@media not (--medium-screens-and-up) {
+
+.N8dyu-defmc- {
+    overflow: hidden;
+}
+  }
+
 .UhMQC1SZUns- {
   visibility: visible;
   width: calc(100% - var(--button-offset));
+  overflow: visible;
   opacity: 1;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "6.2.1",
+  "version": "6.3.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -487,5 +487,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "621a745c5403d89930eca6ab091bc64ad8c8f5e4"
+  "gitHead": "0c3eed63915c81704d5ebaa9c1f4b68b10d13e47"
 }