carbon-react 116.1.2 → 116.2.0

package/lib/components/tabs/__internal__/tab-title/tab-title.style.d.ts

@@ -1,4 +1,18 @@
-export const StyledTabTitle: import("styled-components").StyledComponent<"button", any, {}, never>;
-export const StyledTitleContent: import("styled-components").StyledComponent<"span", any, {}, never>;
-export const StyledLayoutWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSelectedIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { TabTitleProps } from ".";
+interface StyledTitleContentProps extends Pick<TabTitleProps, "align" | "borders" | "error" | "info" | "isTabSelected" | "noLeftBorder" | "noRightBorder" | "position" | "size" | "warning"> {
+    alternateStyling?: boolean;
+    hasCustomLayout?: boolean;
+    hasHref?: boolean;
+    hasSiblings?: boolean;
+}
+declare const StyledTitleContent: import("styled-components").StyledComponent<"span", any, StyledTitleContentProps, never>;
+declare const StyledTabTitleButton: import("styled-components").StyledComponent<"button", any, TabTitleProps, never>;
+declare const StyledTabTitleLink: import("styled-components").StyledComponent<"a", any, TabTitleProps, never>;
+interface StyledLayoutWrapperProps extends Pick<TabTitleProps, "titlePosition" | "position"> {
+    hasCustomLayout?: boolean;
+    hasCustomSibling?: boolean;
+}
+declare const StyledLayoutWrapper: import("styled-components").StyledComponent<"div", any, StyledLayoutWrapperProps, never>;
+declare type StyledSelectedIndicatorProps = Pick<TabTitleProps, "position">;
+declare const StyledSelectedIndicator: import("styled-components").StyledComponent<"div", any, StyledSelectedIndicatorProps, never>;
+export { StyledTabTitleButton, StyledTabTitleLink, StyledTitleContent, StyledLayoutWrapper, StyledSelectedIndicator, };

package/lib/components/tabs/__internal__/tab-title/tab-title.style.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSelectedIndicator = exports.StyledLayoutWrapper = exports.StyledTitleContent = exports.StyledTabTitle = void 0;
+exports.StyledSelectedIndicator = exports.StyledLayoutWrapper = exports.StyledTitleContent = exports.StyledTabTitleLink = exports.StyledTabTitleButton = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _icon = _interopRequireDefault(require("../../../icon/icon.style"));
 
 var _validationIcon = _interopRequireDefault(require("../../../../__internal__/validations/validation-icon.style"));
@@ -33,8 +31,8 @@ const StyledTitleContent = _styledComponents.default.span`
   size,
   isTabSelected,
   hasSiblings,
-  borders,
-  position,
+  borders = false,
+  position = "top",
   noLeftBorder,
   noRightBorder,
   hasHref,
@@ -224,7 +222,7 @@ const StyledTitleContent = _styledComponents.default.span`
   `}
 `;
 exports.StyledTitleContent = StyledTitleContent;
-const StyledTabTitle = _styledComponents.default.button`
+const tabTitleStyles = (0, _styledComponents.css)`
   background-color: transparent;
   display: inline-block;
   font-weight: bold;
@@ -243,8 +241,8 @@ const StyledTabTitle = _styledComponents.default.button`
 
   ${({
   size,
-  position,
-  borders,
+  position = "top",
+  borders = false,
   noRightBorder,
   noLeftBorder,
   isTabSelected,
@@ -391,11 +389,18 @@ const StyledTabTitle = _styledComponents.default.button`
     `}
   `}
 `;
-exports.StyledTabTitle = StyledTabTitle;
+const StyledTabTitleButton = _styledComponents.default.button`
+  ${tabTitleStyles}
+`;
+exports.StyledTabTitleButton = StyledTabTitleButton;
+const StyledTabTitleLink = _styledComponents.default.a`
+  ${tabTitleStyles}
+`;
+exports.StyledTabTitleLink = StyledTabTitleLink;
 const StyledLayoutWrapper = _styledComponents.default.div`
   ${({
   hasCustomLayout,
-  titlePosition,
+  titlePosition = "before",
   hasCustomSibling,
   position
 }) => (0, _styledComponents.css)`
@@ -437,7 +442,7 @@ const StyledSelectedIndicator = _styledComponents.default.div`
   z-index: 1;
 
   ${({
-  position
+  position = "top"
 }) => (0, _styledComponents.css)`
     ${position === "top" && (0, _styledComponents.css)`
       bottom: 0px;
@@ -458,45 +463,4 @@ const StyledSelectedIndicator = _styledComponents.default.div`
     `}
   `}
 `;
-exports.StyledSelectedIndicator = StyledSelectedIndicator;
-StyledTabTitle.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"]),
-  size: _propTypes.default.oneOf(["default", "large"]),
-  borders: _propTypes.default.bool
-};
-StyledTabTitle.defaultProps = {
-  position: "top",
-  size: "default",
-  borders: false
-};
-StyledLayoutWrapper.propTypes = {
-  hasCustomLayout: _propTypes.default.bool,
-  titlePosition: _propTypes.default.oneOf(["before", "after"])
-};
-StyledLayoutWrapper.defaultProps = {
-  titlePosition: "before"
-};
-StyledTitleContent.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"]),
-  size: _propTypes.default.oneOf(["default", "large"]),
-  borders: _propTypes.default.bool,
-  error: _propTypes.default.bool,
-  warning: _propTypes.default.bool,
-  info: _propTypes.default.bool,
-  noLeftBorder: _propTypes.default.bool,
-  noRightBorder: _propTypes.default.bool,
-  hasSiblings: _propTypes.default.bool
-};
-StyledTitleContent.defaultProps = {
-  position: "top",
-  size: "default",
-  borders: false
-};
-StyledSelectedIndicator.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"]),
-  size: _propTypes.default.oneOf(["default", "large"])
-};
-StyledSelectedIndicator.defaultProps = {
-  position: "top",
-  size: "default"
-};
+exports.StyledSelectedIndicator = StyledSelectedIndicator;

package/lib/components/tabs/__internal__/tabs-header/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./tab-header";
+export { default } from "./tabs-header.component";
+export type { TabHeaderProps } from "./tabs-header.component";

package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export interface TabHeaderProps {
+    role?: string;
+    position?: "top" | "left";
+    extendedLine?: boolean;
+    noRightBorder?: boolean;
+    alternateStyling?: boolean;
+    isInSidebar?: boolean;
+    children: React.ReactNode;
+    align?: "left" | "right";
+}
+declare const TabsHeader: ({ align, children, position, role, extendedLine, alternateStyling, noRightBorder, isInSidebar, }: TabHeaderProps) => JSX.Element;
+export default TabsHeader;

package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js

@@ -38,14 +38,14 @@ const TabsHeader = ({
 };
 
 TabsHeader.propTypes = {
-  align: _propTypes.default.oneOf(["left", "right"]),
-  children: _propTypes.default.node.isRequired,
-  position: _propTypes.default.oneOf(["top", "left"]),
-  role: _propTypes.default.string,
-  extendedLine: _propTypes.default.bool,
-  alternateStyling: _propTypes.default.bool,
-  noRightBorder: _propTypes.default.bool,
-  isInSidebar: _propTypes.default.bool
+  "align": _propTypes.default.oneOf(["left", "right"]),
+  "alternateStyling": _propTypes.default.bool,
+  "children": _propTypes.default.node,
+  "extendedLine": _propTypes.default.bool,
+  "isInSidebar": _propTypes.default.bool,
+  "noRightBorder": _propTypes.default.bool,
+  "position": _propTypes.default.oneOf(["left", "top"]),
+  "role": _propTypes.default.string
 };
 var _default = TabsHeader;
 exports.default = _default;

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.d.ts

@@ -1,6 +1,6 @@
-export const StyledTabsHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, {
-    alternateStyling: any;
-    isInSidebar: any;
-    position: any;
-}, never>;
+import { TabHeaderProps } from "./tabs-header.component";
+declare type StyledTabsHeaderWrapperProps = Pick<TabHeaderProps, "position" | "isInSidebar">;
+declare const StyledTabsHeaderWrapper: import("styled-components").StyledComponent<"div", any, StyledTabsHeaderWrapperProps, never>;
+export declare type StyledTabsHeaderListProps = Pick<TabHeaderProps, "align" | "alternateStyling" | "extendedLine" | "noRightBorder" | "isInSidebar" | "position">;
+declare const StyledTabsHeaderList: import("styled-components").StyledComponent<"div", any, StyledTabsHeaderListProps, never>;
+export { StyledTabsHeaderWrapper, StyledTabsHeaderList };

package/lib/components/tabs/__internal__/tabs-header/tabs-header.style.js

@@ -7,10 +7,6 @@ exports.StyledTabsHeaderList = exports.StyledTabsHeaderWrapper = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -52,7 +48,7 @@ const StyledTabsHeaderList = _styledComponents.default.div`
   display: flex;
   box-shadow: inset 0px ${computeLineWidth} 0px 0px var(--colorsActionMinor100);
   ${({
-  extendedLine
+  extendedLine = true
 }) => !extendedLine && (0, _styledComponents.css)`
       width: fit-content;
     `}
@@ -62,15 +58,16 @@ const StyledTabsHeaderList = _styledComponents.default.div`
   padding: 0;
 
   ${({
-  align
+  align = "left"
 }) => align === "right" && (0, _styledComponents.css)`
       justify-content: flex-end;
       text-align: right;
     `}
 
   ${({
-  position,
-  noRightBorder
+  position = "top",
+  noRightBorder,
+  align = "left"
 }) => position === "left" && (0, _styledComponents.css)`
       flex-direction: column;
       box-shadow: none;
@@ -79,28 +76,9 @@ const StyledTabsHeaderList = _styledComponents.default.div`
         box-shadow: none;
       `}
 
-      ${({
-  align
-}) => align === "right" && (0, _styledComponents.css)`
-          justify-content: flex-start;
-        `}
+      ${align === "right" && (0, _styledComponents.css)`
+        justify-content: flex-start;
+      `}
     `}
 `;
-exports.StyledTabsHeaderList = StyledTabsHeaderList;
-StyledTabsHeaderWrapper.defaultProps = {
-  position: "top"
-};
-StyledTabsHeaderWrapper.propTypes = {
-  position: _propTypes.default.oneOf(["top", "left"]),
-  isInSidebar: _propTypes.default.bool
-};
-StyledTabsHeaderList.defaultProps = {
-  align: "left",
-  position: "top",
-  extendedLine: true
-};
-StyledTabsHeaderList.propTypes = {
-  align: _propTypes.default.oneOf(["left", "right"]),
-  position: _propTypes.default.oneOf(["top", "left"]),
-  isInSidebar: _propTypes.default.bool
-};
+exports.StyledTabsHeaderList = StyledTabsHeaderList;

package/lib/components/tabs/index.d.ts

@@ -1,2 +1,3 @@
-export { Tabs, Tab } from "./tabs";
-export * from "./tabs";
+export { Tabs, Tab } from "./tabs.component";
+export type { TabsProps } from "./tabs.component";
+export type { TabProps } from "./tab";

package/lib/components/tabs/tab/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./tab";
-export * from "./tab";
+export { default, TabContext } from "./tab.component";
+export type { TabProps, TabContextProps } from "./tab.component";

package/lib/components/tabs/tab/tab.component.d.ts

@@ -0,0 +1,53 @@
+import React from "react";
+import { PaddingProps } from "styled-system";
+export interface TabContextProps {
+    setError?: (childId: string, error?: boolean | string) => void;
+    setWarning?: (childId: string, warning?: boolean | string) => void;
+    setInfo?: (childId: string, info?: boolean | string) => void;
+}
+export interface TabProps extends PaddingProps {
+    title?: string;
+    /** A unique ID to identify this specific tab. */
+    tabId: string;
+    /** @ignore @private */
+    className?: string;
+    /** The child elements of Tab component. */
+    children?: React.ReactNode;
+    /** @ignore @private Boolean indicating selected state of Tab. */
+    isTabSelected?: boolean;
+    /** The position of the Tab. */
+    position?: "top" | "left";
+    /** Message displayed when Tab has error */
+    errorMessage?: string;
+    /** Message displayed when Tab has warning */
+    warningMessage?: string;
+    /** Message displayed when Tab has warning */
+    infoMessage?: string;
+    /** Additional content to display with title */
+    siblings?: React.ReactNode;
+    /** Position title before or after siblings */
+    titlePosition?: "before" | "after";
+    /** Allows Tab to be a link */
+    href?: string;
+    /** Overrides default layout with a one defined in this prop */
+    customLayout?: React.ReactNode;
+    /** Additional props to be passed to the Tab's corresponding title. */
+    titleProps?: {
+        /** Identifier used for testing purposes */
+        "data-role"?: string;
+    };
+    /** @private @ignore */
+    role?: string;
+    /** @private @ignore */
+    ariaLabelledby?: string;
+    /** @private @ignore */
+    updateErrors?: (id: string, errors: Record<string, string | boolean>) => void;
+    /** @private @ignore */
+    updateWarnings?: (id: string, warnings: Record<string, string | boolean>) => void;
+    /** @private @ignore */
+    updateInfos?: (id: string, infos: Record<string, string | boolean>) => void;
+}
+declare const TabContext: React.Context<TabContextProps>;
+export declare const Tab: ({ ariaLabelledby, className, children, isTabSelected, position, role, tabId, updateErrors, updateWarnings, updateInfos, href, title, titleProps, ...rest }: TabProps) => JSX.Element;
+export { TabContext };
+export default Tab;

package/lib/components/tabs/tab/tab.component.js

@@ -3,20 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.TabContext = void 0;
+exports.default = exports.TabContext = exports.Tab = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _tab = _interopRequireDefault(require("./tab.style"));
 
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 
-var _utils = require("../../../style/utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -28,7 +24,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const TabContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.TabContext = TabContext;
-const paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
 
 const Tab = ({
   ariaLabelledby,
@@ -42,7 +37,11 @@ const Tab = ({
   updateWarnings,
   updateInfos,
   href,
+  // title is destructured purely to NOT spread it as part of rest to the underlying HTML element.
+  // Both this and titleProps are used as part of child.props inside Tabs component
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   title,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   titleProps,
   ...rest
 }) => {
@@ -94,65 +93,183 @@ const Tab = ({
   }, (0, _tags.default)("tab", rest), rest), !href && children));
 };
 
-Tab.propTypes = { ...paddingPropTypes,
-  title: _propTypes.default.string,
-
-  /** A unique ID to identify this specific tab. */
-  tabId: _propTypes.default.string.isRequired,
-
-  /** @ignore @private */
-  className: _propTypes.default.string,
-
-  /** The child elements of Tab component. */
-  children: _propTypes.default.node,
-
-  /** Overrides Title default layout with a one defined in this prop */
-  customLayout: _propTypes.default.node,
-
-  /** @ignore @private Boolean indicating selected state of Tab. */
-  isTabSelected: _propTypes.default.bool,
-
-  /** The position of the Tab. */
-  position: _propTypes.default.oneOf(["top", "left"]),
-
-  /** @ignore @private */
-  role: _propTypes.default.string,
-
-  /** @ignore @private */
-  ariaLabelledby: _propTypes.default.string,
-
-  /** @ignore @private */
-  updateErrors: _propTypes.default.func,
-
-  /** @ignore @private */
-  updateWarnings: _propTypes.default.func,
-
-  /** @ignore @private */
-  updateInfos: _propTypes.default.func,
-
-  /** Message displayed when Tab has error */
-  errorMessage: _propTypes.default.string,
-
-  /** Message displayed when Tab has warning */
-  warningMessage: _propTypes.default.string,
-
-  /** Message displayed when Tab has warning */
-  infoMessage: _propTypes.default.string,
-
-  /** Additional content to display with title */
-  siblings: _propTypes.default.arrayOf(_propTypes.default.node),
-
-  /** Position title before or after siblings */
-  titlePosition: _propTypes.default.oneOf(["before", "after"]),
-
-  /** Allows Tab to be a link */
-  href: _propTypes.default.string,
-
-  /** Additional props to be passed to the Tab's corresponding title */
-  titleProps: _propTypes.default.shape({
-    /** Identifier used for testing purposes */
+exports.Tab = Tab;
+Tab.propTypes = {
+  "ariaLabelledby": _propTypes.default.string,
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "customLayout": _propTypes.default.node,
+  "errorMessage": _propTypes.default.string,
+  "href": _propTypes.default.string,
+  "infoMessage": _propTypes.default.string,
+  "isTabSelected": _propTypes.default.bool,
+  "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "position": _propTypes.default.oneOf(["left", "top"]),
+  "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "role": _propTypes.default.string,
+  "siblings": _propTypes.default.node,
+  "tabId": _propTypes.default.string.isRequired,
+  "title": _propTypes.default.string,
+  "titlePosition": _propTypes.default.oneOf(["after", "before"]),
+  "titleProps": _propTypes.default.shape({
     "data-role": _propTypes.default.string
-  })
+  }),
+  "updateErrors": _propTypes.default.func,
+  "updateInfos": _propTypes.default.func,
+  "updateWarnings": _propTypes.default.func,
+  "warningMessage": _propTypes.default.string
 };
 var _default = Tab;
 exports.default = _default;

package/lib/components/tabs/tab/tab.style.d.ts

@@ -1,2 +1,9 @@
+import { ThemeObject } from "../../../style/themes/base";
+import { TabProps } from ".";
+export declare type StyledTabProps = Pick<TabProps, "position" | "isTabSelected"> & {
+    theme?: ThemeObject;
+};
+declare const StyledTab: import("styled-components").StyledComponent<"div", any, Pick<TabProps, "position" | "isTabSelected"> & {
+    theme?: ThemeObject | undefined;
+}, never>;
 export default StyledTab;
-declare const StyledTab: import("styled-components").StyledComponent<"div", any, {}, never>;