@theroutingcompany/components 0.0.30-alpha.0 → 0.0.30-alpha.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.30-alpha.0",
+  "version": "0.0.30-alpha.10",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -103,7 +103,7 @@
     "@styled-system/prop-types": "^5.1.2",
     "@styled-system/props": "^5.1.5",
     "@tanstack/react-table": "^8.9.1",
-    "@theroutingcompany/design-tokens": "file:../design-tokens",
+    "@theroutingcompany/design-tokens": "^0.0.7",
     "@types/styled-system": "^5.1.16",
     "csstype": "^3.1.2",
     "react-focus-lock": "^2.9.4",

package/types/components/ComboBox/ComboBox.d.ts

@@ -1,5 +1,11 @@
-import type { ComboBoxProps } from "@react-types/combobox";
-export { Item, Section } from "@react-stately/collections";
+import type { ComboBoxProps } from '@react-types/combobox';
+import * as React from 'react';
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
-export declare function ComboBox<T extends object>(props: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function ComboBox<T extends object>(props: ComboBoxProps<T> & {
+    tooltipContent?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace ComboBox {
+    var Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
+    var Section: <T>(props: import("@react-types/shared").SectionProps<T>) => JSX.Element;
+}
+export default ComboBox;

package/types/components/ComboBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ComboBox } from './ComboBox';
+export * from './ComboBox';

package/types/components/Connect/Connect.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import type React from 'react';
 export type ConnectProps = {
     children?: React.ReactNode;
     left?: React.ReactNode;
     right?: React.ReactNode;
-    fullWidth?: boolean;
     tabIndex?: number;
+    height?: string;
 };
 declare const Connect: React.ForwardRefExoticComponent<ConnectProps & React.RefAttributes<HTMLDivElement>>;
 export default Connect;

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

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithRef } from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import type { ComponentPropsWithRef } from 'react';
 export declare const overlayStyles: import("styled-components").FlattenSimpleInterpolation;
 export declare const dialogWidths: {
     readonly small: "360px";

package/types/components/Drawer/Drawer.d.ts

@@ -28,9 +28,10 @@ export default Drawer;
  */
 type UseDrawerProps = {
     initialOpen?: boolean;
+    triggerToggle?: boolean;
     id?: string;
 };
-export declare function useDrawer({ initialOpen, id, }?: UseDrawerProps): {
+export declare function useDrawer({ initialOpen, triggerToggle, id, }?: UseDrawerProps): {
     isOpen: boolean;
     toggleDrawer: () => void;
     openDrawer: () => void;

package/types/components/Drawer/styles.d.ts

@@ -2,6 +2,7 @@ import { type BoxProps } from '../Box';
 interface ContainerProps extends BoxProps {
     $state?: string;
     $viewportPosition?: string;
+    name?: string;
 }
 export declare const Container: import("styled-components").StyledComponent<import("../..").ForwardRefComponent<"div", BoxProps>, any, ContainerProps, never>;
 export {};

package/types/components/IconButton/IconButton.d.ts

@@ -28,4 +28,4 @@ export declare const IconButton: import("react").ForwardRefExoticComponent<AriaB
     shape?: Shape | undefined;
     disabled?: boolean | undefined;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+export default IconButton;

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

@@ -18,8 +18,10 @@ export interface InlineEditProps extends ButtonPropsV2 {
     onCancel?: () => void;
     disabled?: boolean;
     valid?: boolean;
+    label?: string | ReactNode;
+    labelId?: string;
 }
 export declare const InlineEdit: {
-    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, onCancel, disabled, valid, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, placeholder, value, editValue, hideIcon, p, onChange, onToggle, onCancel, disabled, valid, label, labelId, ...rest }: InlineEditProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,7 +1,8 @@
+import { type BoxProps } from 'components/Box';
 import type { ReactNode } from 'react';
 import type { ComponentPropsWithoutStyles } from '../../helpers/typeHelpers';
-export interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
-    size?: 'small' | 'medium' | 'large';
+export interface LabelProps extends ComponentPropsWithoutStyles<'label'>, Omit<BoxProps, 'color'> {
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
     bold?: boolean;
     /** Screen Reader Only */
     srOnly?: boolean;
@@ -9,5 +10,8 @@ export interface LabelProps extends ComponentPropsWithoutStyles<'label'> {
     children: ReactNode;
     as?: 'legend' | 'span' | undefined;
     style?: Record<string, any>;
+    color?: string;
+    pointer?: boolean;
 }
-export declare function Label({ children, bold, size, display, srOnly, style, ...remainingProps }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ children, bold, size, display, pointer, srOnly, style, color, ...remainingProps }: LabelProps): import("react/jsx-runtime").JSX.Element;
+export default Label;

package/types/components/LabeledText/LabeledText.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+export interface LabeledTextProps {
+    label: string;
+    value: string | ReactNode;
+}
+declare const LabeledText: ({ label, value }: LabeledTextProps) => import("react/jsx-runtime").JSX.Element;
+export default LabeledText;

package/types/components/LabeledText/index.d.ts

@@ -0,0 +1,2 @@
+export { default as LabeledText } from './LabeledText';
+export * from './LabeledText';

package/types/components/MultiSelect/MultiSelect.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
 import type { CollectionChildren } from '@react-types/shared';
+import React from 'react';
 import { useMultiSelectState } from './useMultiSelectState';
-export { Item as MultiSelectItem, Section as MultiSelectSection, } from '@react-stately/collections';
+export { Item as MultiSelectItem, Section as MultiSelectSection } from '@react-stately/collections';
 export type OptionItem = {
     children?: never;
     id: string;

package/types/components/Text/Text.d.ts

@@ -1,5 +1,6 @@
-import { type ComponentPropsWithoutRef } from 'react';
 import type * as Polymorphic from '@radix-ui/react-polymorphic';
+import { type ComponentPropsWithoutRef } from 'react';
+import { type SpaceProps } from 'styled-system';
 type TextElements = 'p' | 'div' | 'span' | 'legend' | 'caption' | 'figcaption' | 'strong' | 'em' | 'strong' | 'abbr' | 'mark' | 'q' | 'small' | 'time';
 interface BodyTextProps extends ComponentPropsWithoutRef<'p'> {
     type: 'body';
@@ -17,22 +18,13 @@ interface CaptionTextProps extends ComponentPropsWithoutRef<'p'> {
     type: 'caption';
     as?: TextElements;
 }
-type NormalVariant = 'standard' | 'strong' | 'weak';
-type SentimentVariant = 'positive' | 'negative' | 'notice' | 'neutral';
-type NormalTextColorProps = {
-    textType?: 'normal';
-    variant?: NormalVariant;
-};
-type SentimentTextColorProps = {
-    textType?: 'sentiment';
-    variant?: SentimentVariant;
-};
-type TextColorProps = NormalTextColorProps | SentimentTextColorProps;
-export type TextProps = TextColorProps & Partial<NumberTextProps | CaptionTextProps | BodyTextProps> & {
+export type TextProps = Partial<NumberTextProps | CaptionTextProps | BodyTextProps> & {
+    weak?: boolean;
     bold?: boolean;
     italic?: boolean;
     as?: TextElements;
-};
+    color?: string;
+} & SpaceProps;
 type PolymorphicText = Polymorphic.ForwardRefComponent<TextElements, TextProps>;
 export declare const Text: PolymorphicText;
-export {};
+export default Text;

package/types/components/Title/Title.d.ts

@@ -3,11 +3,16 @@ import { type BoxProps } from 'components/Box';
 interface TitleBaseProps extends BoxProps {
     weight?: 'light' | 'normal' | 'regular' | 'medium' | 'bold';
 }
-export declare const TitleBase: import("styled-components").StyledComponent<import("helpers").ForwardRefComponent<"div", BoxProps>, any, TitleBaseProps, never>;
-export interface TitleProps extends BoxProps {
+export declare const TitleBase: import("styled-components").StyledComponent<import("helpers").ForwardRefComponent<"div", BoxProps>, any, {
+    color?: string | undefined;
+} & Omit<TitleBaseProps, "color">, never>;
+export interface TitleProps {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'legend' | 'figcaption';
     size?: 'small' | 'medium' | 'large' | 'xsmall';
     weight?: 'light' | 'normal' | 'regular' | 'medium' | 'bold';
+    height?: string;
+    color?: string;
+    weak?: boolean;
 }
 export type PolymorphicTitle = Polymorphic.ForwardRefComponent<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', TitleProps>;
 export declare const Title: PolymorphicTitle;

package/types/components/index.d.ts

@@ -2,6 +2,7 @@ export * from './AccessibleIcon/AccessibleIcon';
 export * from './AlertDialog/AlertDialog';
 export * from './Accordion';
 export * from './Badge/Badge';
+export * from './ComboBox';
 export * from './Box';
 export * from './Stack/Stack';
 export * from './Breadcrumbs/Breadcrumbs';
@@ -22,6 +23,7 @@ export * from './Input/TextInput/TextInput';
 export * from './Input/InlineEdit/InlineEdit';
 export * from './Input/TimeInput/TimeInput';
 export * from './Label/Label';
+export * from './LabeledText';
 export * from './MultiSelect/MultiSelect';
 export * from './NavigationMenu/NavigationMenu';
 export * from './Page/Page';

package/types/components/Select/Select.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import * as SelectPrimitive from '@radix-ui/react-select';
-export declare const StyledTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare function SelectContent({ children, ...props }: SelectPrimitive.SelectContentProps): import("react/jsx-runtime").JSX.Element;
-export declare const Select: import("react").FC<SelectPrimitive.SelectProps>;
-export declare const SelectTrigger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const SelectValue: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const SelectIcon: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SelectViewport: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectGroup: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare const SelectItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectItemText: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
-export declare const SelectItemIndicator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
-export declare const SelectGroupLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectScrollUpButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollUpButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const SelectScrollDownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<SelectPrimitive.SelectScrollDownButtonProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-type SingleSelectProps = {
-    items: string[];
-} & SelectPrimitive.SelectProps;
-export declare function SingleSelect({ items, ...selectProps }: SingleSelectProps): import("react/jsx-runtime").JSX.Element;
-export {};