@theroutingcompany/components 0.0.18-alpha.6 → 0.0.18-alpha.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.18-alpha.6",
+  "version": "0.0.18-alpha.8",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -92,8 +92,7 @@
     "@tanstack/react-table": "^8.7.9",
     "@theroutingcompany/design-tokens": "^0.0.3",
     "@types/react": "^18.0.0",
-    "csstype": "^3.1.1",
-    "styled-components": "^5.3.8"
+    "csstype": "^3.1.1"
   },
   "peerDependencies": {
     "@material-ui/icons": "^4.11.3",
@@ -102,7 +101,8 @@
     "csstype": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-is": "^18.2.0"
+    "react-is": "^18.2.0",
+    "styled-components": "^5.3.9"
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",
@@ -138,6 +138,7 @@
     "react-is": "^18.2.0",
     "rimraf": "^4.1.2",
     "storybook": "^7.0.0-beta.21",
+    "styled-components": "^5.3.9",
     "stylelint": "^15.2.0",
     "stylelint-config-prettier": "^9.0.5",
     "stylelint-config-standard": "^30.0.1",

package/types/components/AlertDialog/AlertDialog.d.ts

@@ -15,4 +15,6 @@ export declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps
 export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
+/** Dialog Cancel Button positioned in top right with × */
+export declare const DialogCancelButton: ({ children, ...buttonProps }: AlertDialogPrimitive.AlertDialogCancelProps) => JSX.Element;
 export {};

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

@@ -18,7 +18,9 @@ export declare const DialogTitle: import("styled-components").StyledComponent<im
 export declare const dialogDescriptionStyles: import("styled-components").FlattenSimpleInterpolation;
 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 dialogCloseButtonStyles: import("styled-components").FlattenSimpleInterpolation;
+/** Dialog Close Button positioned in top right with × */
+export declare const DialogCloseButton: ({ children, ...buttonProps }: DialogPrimitive.DialogCloseProps) => JSX.Element;
 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>>;

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

@@ -1,7 +1,7 @@
-import { CollectionChildren } from "@react-types/shared";
-import React from "react";
-import { useMultiSelectState } from "./useMultiSelectState";
-export { Item as MultiSelectItem, Section as MultiSelectSection } from "@react-stately/collections";
+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 type OptionItem = {
     children?: never;
     id: string;
@@ -25,9 +25,9 @@ type MultiSelectProps = {
     /** Sets the default open state of the field (uncontrolled). */
     defaultOpen?: boolean;
     /** The initial selected keys in the collection (uncontrolled). */
-    defaultSelectedKeys?: Parameters<typeof useMultiSelectState>["0"]["defaultSelectedKeys"];
+    defaultSelectedKeys?: Parameters<typeof useMultiSelectState>[number]['defaultSelectedKeys'];
     /** The item keys that are disabled. These items cannot be selected, focused, or otherwise interacted with. */
-    disabledKeys?: Parameters<typeof useMultiSelectState>["0"]["disabledKeys"];
+    disabledKeys?: Parameters<typeof useMultiSelectState>[number]['disabledKeys'];
     excludeFromTabOrder?: boolean;
     items: Option[];
     /** Whether the field can be emptied. */
@@ -43,13 +43,13 @@ type MultiSelectProps = {
     /** The content to display as the placeholder. */
     placeholder?: string;
     /** Handler that is called when the select's open state changes. */
-    onOpenChange?: Parameters<typeof useMultiSelectState>["0"]["onOpenChange"];
+    onOpenChange?: Parameters<typeof useMultiSelectState>['0']['onOpenChange'];
     /** Handler that is called when the selection changes. */
-    onSelectionChange?: Parameters<typeof useMultiSelectState>["0"]["onSelectionChange"];
+    onSelectionChange?: Parameters<typeof useMultiSelectState>['0']['onSelectionChange'];
     /** The currently selected keys in the collection (controlled). */
-    selectedKeys?: Parameters<typeof useMultiSelectState>["0"]["selectedKeys"];
+    selectedKeys?: Parameters<typeof useMultiSelectState>['0']['selectedKeys'];
     /** The type of selection that is allowed in the collection. */
-    selectionMode: "single" | "multiple";
+    selectionMode: 'single' | 'multiple';
     tooltipContent?: string;
     tooltipIcon?: string;
 };

package/types/helpers/typeHelpers.d.ts

@@ -4,6 +4,10 @@ declare module 'csstype' {
         [index: `--${string}`]: string | number | undefined;
     }
 }
+/** Utility type to get pretty readout of all of the members of an intersection. TS Quirk */
+export type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 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> & {