@toptal/picasso-tabs 4.0.3-alpha-fx-5546-fix-overview-c9a7f8fb5.0 → 4.0.3-alpha-fx-5808-badges-are-misplaced-b0f307690.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toptal/picasso-tabs",
-  "version": "4.0.3-alpha-fx-5546-fix-overview-c9a7f8fb5.0+c9a7f8fb5",
+  "version": "4.0.3-alpha-fx-5808-badges-are-misplaced-b0f307690.8+b0f307690",
   "description": "Toptal UI components library - Tabs",
   "publishConfig": {
     "access": "public"
@@ -22,13 +22,13 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-container": "2.0.1-alpha-fx-5546-fix-overview-c9a7f8fb5.70+c9a7f8fb5",
-    "@toptal/picasso-icons": "1.6.1-alpha-fx-5546-fix-overview-c9a7f8fb5.56+c9a7f8fb5",
-    "@toptal/picasso-shared": "15.0.1-alpha-fx-5546-fix-overview-c9a7f8fb5.149+c9a7f8fb5",
-    "@toptal/picasso-typography": "3.0.1-alpha-fx-5546-fix-overview-c9a7f8fb5.70+c9a7f8fb5",
-    "@toptal/picasso-typography-overflow": "2.0.5-alpha-fx-5546-fix-overview-c9a7f8fb5.70+c9a7f8fb5",
-    "@toptal/picasso-user-badge": "3.0.3-alpha-fx-5546-fix-overview-c9a7f8fb5.0+c9a7f8fb5",
-    "@toptal/picasso-utils": "1.0.4-alpha-fx-5546-fix-overview-c9a7f8fb5.149+c9a7f8fb5",
+    "@toptal/picasso-container": "2.0.1-alpha-fx-5808-badges-are-misplaced-b0f307690.78+b0f307690",
+    "@toptal/picasso-icons": "1.6.1-alpha-fx-5808-badges-are-misplaced-b0f307690.64+b0f307690",
+    "@toptal/picasso-shared": "15.0.1-alpha-fx-5808-badges-are-misplaced-b0f307690.157+b0f307690",
+    "@toptal/picasso-typography": "3.0.1-alpha-fx-5808-badges-are-misplaced-b0f307690.78+b0f307690",
+    "@toptal/picasso-typography-overflow": "2.0.5-alpha-fx-5808-badges-are-misplaced-b0f307690.78+b0f307690",
+    "@toptal/picasso-user-badge": "3.0.3-alpha-fx-5808-badges-are-misplaced-b0f307690.8+b0f307690",
+    "@toptal/picasso-utils": "1.0.4-alpha-fx-5808-badges-are-misplaced-b0f307690.157+b0f307690",
     "ap-style-title-case": "^1.1.2",
     "classnames": "^2.5.1"
   },
@@ -46,13 +46,13 @@
   },
   "devDependencies": {
     "@material-ui/core": "4.12.4",
-    "@toptal/picasso-provider": "5.0.1-alpha-fx-5546-fix-overview-c9a7f8fb5.70+c9a7f8fb5",
-    "@toptal/picasso-test-utils": "1.1.2-alpha-fx-5546-fix-overview-c9a7f8fb5.149+c9a7f8fb5"
+    "@toptal/picasso-provider": "5.0.1-alpha-fx-5808-badges-are-misplaced-b0f307690.78+b0f307690",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-fx-5808-badges-are-misplaced-b0f307690.157+b0f307690"
   },
   "files": [
     "dist-package/**",
     "!dist-package/tsconfig.tsbuildinfo",
     "src"
   ],
-  "gitHead": "c9a7f8fb543ed2ceca8bf086ad9a54578c0552ec"
+  "gitHead": "b0f3076907b92afdb5f945858566aa0681bf42be"
 }

package/src/Tab/story/{Icon.example.tsx → IconOrBadge.example.tsx}

@@ -1,5 +1,5 @@
 import React from 'react'
-import { Container, Tabs, Tooltip } from '@toptal/picasso'
+import { Container, Tabs, Tooltip, Badge } from '@toptal/picasso'
 import { SPACING_4 } from '@toptal/picasso-utils'
 import { Exclamation16 } from '@toptal/picasso-icons'
 
@@ -24,16 +24,7 @@ const Example = () => {
           }
         />
         <Tabs.Tab label='Label' />
-        <Tabs.Tab
-          label='Label'
-          icon={
-            <Tooltip content='Some content...' placement='top'>
-              <span>
-                <Exclamation16 color='red' />
-              </span>
-            </Tooltip>
-          }
-        />
+        <Tabs.Tab label='Label' icon={<Badge content={10} variant='white' />} />
       </Tabs>
 
       {value === 0 && (

package/src/Tab/story/index.jsx

@@ -20,7 +20,11 @@ const chapter = PicassoBook.connectToPage(page => {
       'Using custom value',
       'base/Tabs'
     )
-    .addExample('Tab/story/Icon.example.tsx', 'With Icon', 'base/Tabs')
+    .addExample(
+      'Tab/story/IconOrBadge.example.tsx',
+      'With Icon or Badge',
+      'base/Tabs'
+    )
 })
 
 export default {