@autoguru/overdrive 4.4.4 → 4.4.5

package/dist/components/Tabs/Tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EA0Ff,CAAC"}
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../lib/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGN,WAAW,EAGX,YAAY,EACZ,SAAS,EAET,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,KAAK;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,GAAG,8EAqFf,CAAC"}

package/dist/components/Tabs/Tab.js

@@ -21,7 +21,6 @@ export const Tab = forwardRef(({ children, id: incomingId = null, indication = n
     const controlsId = typeof incomingId === 'string'
         ? incomingId
         : `${tabsContext.id}-${tabListContext}-tab`;
-    invariant(typeof children === 'string' || typeof children === 'number', 'Tab children have to be text.');
     const props = {
         className: clsx(useBoxStyles({
             is: typeof Component === 'string' ? Component : 'button',

package/dist/components/Tabs/stories.js

@@ -6,12 +6,18 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+import { AlertIcon, OttoIcon } from '@autoguru/icons';
 import { action } from '@storybook/addon-actions';
 import isChromatic from 'chromatic/isChromatic';
 import * as React from 'react';
 import { useEffect, useState } from 'react';
+import { Box } from "../Box/index.js";
+import { Icon } from "../Icon/index.js";
+import { Inline } from "../Inline/index.js";
+import { EAlignment } from "../Positioner/alignment.js";
 import { Stack } from "../Stack/index.js";
 import { StarRating } from "../StarRating/index.js";
+import { Tooltip } from "../Tooltip/index.js";
 import { Tab, TabList, TabPane, TabPanes, Tabs } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -112,6 +118,50 @@ const withIndicationProps = {
 };
 export const withIndication = Template.bind(withIndicationProps);
 withIndication.args = withIndicationProps;
+const withComplexTabProps = {
+  active: 0,
+  onChange: action('onChange'),
+  children: _jsxs(_Fragment, {
+    children: [_jsxs(TabList, {
+      children: [_jsx(Tab, {
+        indication: 2,
+        children: _jsxs(Inline, {
+          alignY: "center",
+          children: ["Tab 1", _jsx(Tooltip, {
+            alignment: EAlignment.BOTTOM,
+            label: "This tab is a winner",
+            children: _jsx(Box, {
+              children: _jsx(Icon, {
+                icon: OttoIcon
+              })
+            })
+          })]
+        })
+      }), _jsx(Tab, {
+        children: _jsxs(Inline, {
+          alignY: "center",
+          children: ["Tab 2", _jsx(Tooltip, {
+            alignment: EAlignment.BOTTOM,
+            label: "This tab is less awesome",
+            children: _jsx(Box, {
+              children: _jsx(Icon, {
+                icon: AlertIcon
+              })
+            })
+          })]
+        })
+      })]
+    }), _jsxs(TabPanes, {
+      children: [_jsx(TabPane, {
+        children: "Content A"
+      }), _jsx(TabPane, {
+        children: "Content B"
+      })]
+    })]
+  })
+};
+export const withComplexTab = Template.bind(withComplexTabProps);
+withComplexTab.args = withComplexTabProps;
 const tabsWithoutPanesProps = {
   active: 0,
   onChange: action('onChange'),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@autoguru/overdrive",
-	"version": "4.4.4",
+	"version": "4.4.5",
 	"description": "Overdrive is a product component library, and design system for AutoGuru.",
 	"types": "dist/index.d.ts",
 	"main": "dist/index.js",