@atlaskit/tabs 13.3.0 → 13.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/tabs",
-  "version": "13.3.0",
+  "version": "13.3.2",
   "description": "Tabs are used to organize content by grouping similar information on the same page.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,6 +12,13 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "dist/types-ts4.0/*"
+      ]
+    }
+  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
@@ -25,6 +32,7 @@
   "dependencies": {
     "@atlaskit/analytics-next": "^8.2.0",
     "@atlaskit/codemod-utils": "^4.1.0",
+    "@atlaskit/ds-explorations": "^0.1.0",
     "@atlaskit/theme": "^12.2.0",
     "@atlaskit/tokens": "^0.10.0",
     "@babel/runtime": "^7.0.0",
@@ -37,20 +45,20 @@
     "@atlaskit/button": "^16.3.0",
     "@atlaskit/docs": "*",
     "@atlaskit/ds-lib": "^2.1.0",
-    "@atlaskit/section-message": "^6.2.0",
+    "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/spinner": "^15.1.0",
     "@atlaskit/ssr": "*",
-    "@atlaskit/tooltip": "^17.5.0",
+    "@atlaskit/tooltip": "^17.6.0",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "enzyme": "^3.10.0",
     "jscodeshift": "^0.13.0",
     "react-dom": "^16.8.0",
     "react-lorem-component": "^0.13.0",
     "storybook-addon-performance": "^0.16.0",
-    "typescript": "4.3.5",
+    "typescript": "4.5.5",
     "wait-for-expect": "^1.2.0"
   },
   "techstack": {
@@ -60,7 +68,10 @@
     "@repo/internal": {
       "dom-events": "use-bind-event-listener",
       "design-system": "v1",
-      "ui-components": "lite-mode",
+      "ui-components": [
+        "primitives",
+        "lite-mode"
+      ],
       "analytics": "analytics-next",
       "theming": "tokens",
       "styling": [

package/report.api.md

@@ -1,10 +1,11 @@
-## API Report File for "@atlaskit/tabs"
+## API Report File for "@atlaskit/tabs".
 
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+> Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/).
 
-```ts
-/// <reference types="react" />
+[Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
 
+```ts
+import { jsx } from '@emotion/react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactNode } from 'react';
@@ -18,7 +19,16 @@ declare type OnChangeCallback = (
 
 declare type SelectedType = number;
 
-export declare function Tab({ children, testId }: TabProps): JSX.Element;
+/**
+ * __Tab__
+ *
+ * Tab represents an indivudal Tab displayed in a TabList.
+ *
+ * - [Examples](https://atlassian.design/components/tabs/examples)
+ * - [Code](https://atlassian.design/components/tabs/code)
+ * - [Usage](https://atlassian.design/components/tabs/usage)
+ */
+export declare function Tab({ children, testId }: TabProps): jsx.JSX.Element;
 
 export declare type TabAttributesType = {
   /**
@@ -79,19 +89,36 @@ export declare type TabAttributesType = {
  * The TabData type remains so the variable used in tabs can have a type.
  */
 export declare interface TabData {
-  /** String to be put inside a tab */
+  /**
+   * String to be put inside a tab
+   */
   label?: string;
-  /** String to be put inside a tab panel */
+  /**
+   * String to be put inside a tab panel
+   */
   content?: ReactNode;
-  /** A `testId` prop is provided for specified elements, which is a unique
+  /**
+   * A `testId` prop is provided for specified elements, which is a unique
    * string that appears as a data attribute `data-testid` in the rendered code,
-   * serving as a hook for automated tests. This `testId` is put on the tab. */
+   * serving as a hook for automated tests. This `testId` is put on the tab.
+   */
   testId?: string;
-  /** Used by consumers to convey extra information about the tab. */
+  /**
+   * Used by consumers to convey extra information about the tab.
+   */
   [key: string]: any;
 }
 
-export declare const TabList: (props: TabListProps) => JSX.Element;
+/**
+ * __TabList__
+ *
+ * A TabList groups `Tab` components together.
+ *
+ * - [Examples](https://atlassian.design/components/tabs/examples)
+ * - [Code](https://atlassian.design/components/tabs/code)
+ * - [Usage](https://atlassian.design/components/tabs/usage)
+ */
+export declare const TabList: (props: TabListProps) => jsx.JSX.Element;
 
 export declare type TabListAttributesType = {
   /**
@@ -117,10 +144,19 @@ export declare interface TabListProps {
   children: ReactNode;
 }
 
+/**
+ * __TabPanel__
+ *
+ * A TabPanel houses the contents of a Tab.
+ *
+ * - [Examples](https://atlassian.design/components/tabs/examples)
+ * - [Code](https://atlassian.design/components/tabs/code)
+ * - [Usage](https://atlassian.design/components/tabs/usage)
+ */
 export declare const TabPanel: ({
   children,
   testId,
-}: TabPanelProps) => JSX.Element;
+}: TabPanelProps) => jsx.JSX.Element;
 
 export declare type TabPanelAttributesType = {
   /**
@@ -174,7 +210,16 @@ export declare interface TabProps {
   testId?: string;
 }
 
-declare const Tabs: (props: TabsProps) => JSX.Element;
+/**
+ * __Tabs__
+ *
+ * Tabs acts as a container for all Tab components.
+ *
+ * - [Examples](https://atlassian.design/components/tabs/examples)
+ * - [Code](https://atlassian.design/components/tabs/code)
+ * - [Usage](https://atlassian.design/components/tabs/usage)
+ */
+declare const Tabs: (props: TabsProps) => jsx.JSX.Element;
 export default Tabs;
 
 export declare interface TabsProps extends WithAnalyticsEventsProps {

package/types/package.json

@@ -4,5 +4,12 @@
   "module": "../dist/esm/types.js",
   "module:es2019": "../dist/es2019/types.js",
   "sideEffects": false,
-  "types": "../dist/types/types.d.ts"
+  "types": "../dist/types/types.d.ts",
+  "typesVersions": {
+    ">=4.0 <4.5": {
+      "*": [
+        "../dist/types-ts4.0/types.d.ts"
+      ]
+    }
+  }
 }