@theroutingcompany/components 0.0.9 → 0.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -21,7 +21,8 @@
     "types"
   ],
   "scripts": {
-    "prebuild": "npm run clean",
+    "postpublish": "npm run chromatic",
+    "prepublish": "npm run build",
     "format": "prettier ./dist/**/*.{js,css,scss} --write --no-config",
     "clean": "rimraf ./dist ./types",
     "storybook": "storybook dev -p 6006",

package/types/components/Dialog/Dialog.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import type { ComponentPropsWithRef } from 'react';
 export declare const overlayShow: import("styled-components").Keyframes;
@@ -14,11 +13,11 @@ type StyledContentProps = {
 };
 export type DialogContentProps = StyledContentProps & DialogPrimitive.DialogContentProps & ComponentPropsWithRef<'div'>;
 export declare function DialogContent({ children, size, ...props }: DialogContentProps): JSX.Element;
-export declare const DialogTitle: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>, any, {}, never>;
-export declare const DialogDescription: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const DialogTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const DialogDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
 export declare const DialogFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;
 export declare const DialogCloseButton: import("styled-components").StyledComponent<"button", any, {}, never>;
-export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Dialog: import("react").FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/types/components/FileUpload/FileUpload.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-type FileDescription = {
+export type FileDescription = {
     name: string;
     mime: `${string}/${string}`;
 };
@@ -9,5 +9,5 @@ type DropTargetProps = {
     onAddFile: (f: File) => void;
     onDeleteFile: () => void;
 };
-export declare function FileUpload({ file, onAddFile, onDeleteFile, fileTypes, }: DropTargetProps): JSX.Element;
+export declare const FileUpload: import("react").ForwardRefExoticComponent<DropTargetProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/types/components/Input/InputBase.d.ts

@@ -1,4 +1,4 @@
-export type InputSize = "small" | "large";
+export type InputSize = 'small' | 'large';
 export type InputBaseProps = {
     paddingSize?: InputSize;
 };

package/types/components/Label/Label.d.ts

@@ -1,11 +1,12 @@
-/// <reference types="react" />
+import type { ReactNode } from 'react';
 import type { ComponentPropsWithoutStyles } from 'helpers/typeHelpers';
-interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
+export interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
     size?: 'small' | 'medium' | 'large';
     bold?: boolean;
     /** Screen Reader Only */
     srOnly?: boolean;
-    display?: 'flex' | 'inline-flex' | 'inline' | 'black';
+    display?: 'flex' | 'inline-flex' | 'inline' | 'block' | undefined;
+    children: ReactNode;
+    as?: "legend" | "span" | undefined;
 }
 export declare function Label({ children, bold, size, display, srOnly, ...remainingProps }: LabelProps): JSX.Element;
-export {};

package/types/components/Tabs/Tabs.d.ts

@@ -4,4 +4,5 @@ export type { TabsContentProps, TabsTriggerProps, TabsProps, } from '@radix-ui/r
 export declare const TabsRoot: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const TabsList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const TabsTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const TabTriggerWithIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const TabsContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Tabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;

package/types/components/index.d.ts

@@ -5,20 +5,23 @@ export * from './Button/Button';
 export * from './Checkbox/Checkbox';
 export * from './Dialog/Dialog';
 export * from './Fieldset/Fieldset';
+export * from './FileUpload/FileUpload';
 export * from './FormControl/FormControl';
 export * from './Heading/Heading';
 export * from './IconButton/IconButton';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';
 export * from './Label/Label';
+export * from './Tabs/Tabs';
 export * from './Toast/Toast';
 export * from './Page/Page';
 export * from './Paginator/Paginator';
 export * from './Popover/Popover';
 export * from './RadioGroup/RadioGroup';
 export * from './Select/Select';
-export * from "./Search/Search";
+export * from './Search/Search';
 export * from './Switch/Switch';
 export * from './Text/Text';
 export * from './Title/Title';
 export * from './Tooltip/Tooltip';
+export * from './Tooltip/IconTooltip';

package/types/helpers/typeHelpers.d.ts

@@ -5,7 +5,7 @@ declare module 'csstype' {
         [index: `--${string}`]: string | number | undefined;
     }
 }
-export type ComponentPropsWithoutStyles<E extends ElementType> = Omit<ComponentPropsWithoutRef<E>, 'style' | 'className'>;
+export type ComponentPropsWithoutStyles<E extends ElementType> = Omit<ComponentPropsWithoutRef<E>, 'style'>;
 type RemovePrefix<S extends string, Prefix extends string = 'is'> = S extends `${Prefix}${infer R}` ? Uncapitalize<R> : never;
 export type RenameMisprefixedProps<InputProps extends Record<PropertyKey, any>, Prefix extends string, MisnamedKeys extends `${Prefix}${string}`> = Omit<InputProps, MisnamedKeys> & {
     [S in MisnamedKeys as RemovePrefix<S, Prefix>]?: InputProps[S];

package/types/components/ProgressBar/ProgressBar.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { type AriaProgressBarProps } from '@react-aria/progress';
-type ProgressBarProps = {
-    width?: number | undefined;
-} & AriaProgressBarProps;
-export declare function ProgressBar(props: ProgressBarProps): JSX.Element;
-export {};