@bundle-stats/ui 4.16.0-beta.9 → 4.17.0-beta.0

package/types/ui/tabs/tabs.d.ts

@@ -1,42 +1,12 @@
-export function Tabs({ className, ...restProps }: {
-    [x: string]: any;
-    className?: string | undefined;
-}): React.JSX.Element;
-export namespace Tabs {
-    export namespace defaultProps {
-        let className: string;
-    }
-    export namespace propTypes {
-        let className_1: PropTypes.Requireable<string>;
-        export { className_1 as className };
-        export let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    }
-    export { Item };
-}
+import type { ComponentProps, ElementType } from 'react';
 import React from 'react';
-import PropTypes from 'prop-types';
-declare function Item({ isTabActive, as: Component, className, ...restProps }: {
-    [x: string]: any;
-    isTabActive: any;
-    as?: string | undefined;
-    className?: string | undefined;
-}): React.JSX.Element;
-declare namespace Item {
-    export namespace defaultProps_1 {
-        export let isTabActive: boolean;
-        let className_2: string;
-        export { className_2 as className };
-        export let as: string;
-    }
-    export { defaultProps_1 as defaultProps };
-    export namespace propTypes_1 {
-        let isTabActive_1: PropTypes.Requireable<boolean>;
-        export { isTabActive_1 as isTabActive };
-        let className_3: PropTypes.Requireable<string>;
-        export { className_3 as className };
-        let as_1: PropTypes.Requireable<PropTypes.ReactComponentLike>;
-        export { as_1 as as };
-    }
-    export { propTypes_1 as propTypes };
-}
-export {};
+export type TabItemProps<T extends ElementType> = {
+    isTabActive?: boolean;
+    as?: T;
+} & ComponentProps<T>;
+export declare const TabItem: <T extends ElementType = "button">(props: TabItemProps<T>) => React.JSX.Element;
+export type TabsProps = ComponentProps<'div'>;
+export declare const Tabs: {
+    (props: TabsProps): React.JSX.Element;
+    Item: <T extends ElementType = "button">(props: TabItemProps<T>) => React.JSX.Element;
+};

package/types/ui/tag/tag.d.ts

@@ -1,12 +1,13 @@
+import type { ComponentProps } from 'react';
 import React from 'react';
 import { KIND, SIZE } from '../../tokens';
-interface TagProps {
+export type TagProps = {
     as?: React.ElementType;
     kind?: (typeof KIND)[keyof typeof KIND];
     size?: (typeof SIZE)[keyof typeof SIZE];
-}
+} & ComponentProps<'span'>;
 export declare const Tag: {
-    (props: TagProps & React.ComponentProps<"span">): React.JSX.Element;
+    (props: TagProps): React.JSX.Element;
     KINDS: {
         readonly DEFAULT: "default";
         readonly SUCCESS: "success";
@@ -20,4 +21,3 @@ export declare const Tag: {
         readonly LARGE: "large";
     };
 };
-export {};

package/src/ui/tabs/index.js

@@ -1 +0,0 @@
-export { Tabs } from './tabs';

package/src/ui/tabs/tabs.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-
-import css from './tabs.module.css';
-
-const Item = ({ isTabActive, as: Component = 'span', className = '', ...restProps }) => (
-  <Component className={cx(css.item, className, isTabActive && css.itemActive)} {...restProps} />
-);
-
-Item.defaultProps = {
-  isTabActive: false,
-  className: '',
-  as: 'span',
-};
-
-Item.propTypes = {
-  isTabActive: PropTypes.bool,
-  className: PropTypes.string,
-  as: PropTypes.elementType,
-};
-
-export const Tabs = ({ className = '', ...restProps }) => (
-  <nav className={cx(css.root, className)} {...restProps} />
-);
-
-Tabs.defaultProps = {
-  className: '',
-};
-
-Tabs.propTypes = {
-  /** Adopted child class name */
-  className: PropTypes.string,
-
-  /** Component children */
-  children: PropTypes.node.isRequired,
-};
-
-Tabs.Item = Item;