@theroutingcompany/components 0.0.13 → 0.0.14-a

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.13",
+  "version": "0.0.14a",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -21,7 +21,6 @@
     "types"
   ],
   "scripts": {
-    "postpublish": "npm run chromatic",
     "prepublish": "npm run build",
     "format": "prettier ./dist/**/*.{js,css,scss} --write --no-config",
     "clean": "rimraf ./dist ./types",
@@ -29,11 +28,11 @@
     "build-storybook": "storybook build",
     "lint": "eslint --cache src",
     "lint:css": "stylelint src/components/**/*.{tsx,ts}",
-    "prepublishOnly": "npm run build",
     "build:types": "tsc --incremental",
     "build:components": "vite build",
     "build": "npm run clean && npm run build:components && npm run build:types",
-    "chromatic": "npx chromatic --project-token=df154c51409f"
+    "chromatic": "npx chromatic --project-token=df154c51409f",
+    "deploy": "npm run chromatic"
   },
   "sideEffects": false,
   "license": "ISC",
@@ -45,15 +44,15 @@
     "@radix-ui/react-collapsible": "^1.0.1",
     "@radix-ui/react-dialog": "^1.0.2",
     "@radix-ui/react-polymorphic": "^0.0.14",
-    "@radix-ui/react-popover": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.1",
-    "@radix-ui/react-select": "^1.2.0",
+    "@radix-ui/react-popover": "^1.0.2",
+    "@radix-ui/react-radio-group": "^1.1.0",
+    "@radix-ui/react-select": "^1.1.2",
     "@radix-ui/react-separator": "^1.0.1",
     "@radix-ui/react-switch": "^1.0.1",
-    "@radix-ui/react-tabs": "^1.0.2",
+    "@radix-ui/react-tabs": "^1.0.1",
     "@radix-ui/react-toast": "^1.1.2",
-    "@radix-ui/react-toggle-group": "^1.0.2",
-    "@radix-ui/react-tooltip": "^1.0.3",
+    "@radix-ui/react-toggle-group": "^1.0.1",
+    "@radix-ui/react-tooltip": "^1.0.2",
     "@react-aria/breadcrumbs": "^3.4.1",
     "@react-aria/button": "^3.6.4",
     "@react-aria/dnd": "^3.0.1",
@@ -69,15 +68,15 @@
     "@react-stately/numberfield": "^3.3.1",
     "@react-stately/radio": "^3.6.2",
     "@react-stately/searchfield": "^3.3.4",
-    "@tanstack/react-table": "^8.7.8",
+    "@tanstack/react-table": "^8.7.6",
     "@theroutingcompany/design-tokens": "^0.0.3",
     "styled-components": "^5.3.6"
   },
   "peerDependencies": {
     "@material-ui/icons": "^4.11.3",
-    "react": "^18.0.0",
-    "react-dom": " ^18.0.0",
-    "react-is": " ^18.0.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-is": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.6"
   },
   "devDependencies": {
@@ -94,10 +93,11 @@
     "@storybook/react-vite": "^7.0.0-alpha.25",
     "@storybook/testing-library": "^0.0.14-next.0",
     "@types/eslint": "^8.4.10",
+    "@types/mime-types": "^2.1.1",
     "@types/prettier": "^2.7.2",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@types/react-is": "^17.0.0",
+    "@types/react": "^17.0.0 || ^18.0.0",
+    "@types/react-dom": "^17.0.0 || ^18.0.0",
+    "@types/react-is": "^17.0.0 || ^18.0.0",
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
@@ -111,9 +111,9 @@
     "eslint-plugin-storybook": "^0.6.10",
     "postcss-styled-syntax": "^0.3.1",
     "prettier": "^2.8.3",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-is": "^18.0.0",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "react-is": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "rimraf": "^3.0.2",
     "storybook": "^7.0.0-beta.21",
     "stylelint": "^14.16.1",

package/types/components/Button/Button.d.ts

@@ -21,7 +21,7 @@ export type ButtonBaseProps = {
 };
 type ReactAriaProps = RenameMisprefixedProps<AriaButtonProps, 'is', 'isDisabled'>;
 export type ButtonProps = PropsWithChildren<ButtonDesignProps> & ReactAriaProps & {
-    onClick?: ReactAriaProps['onPress'];
+    onClick?: ReactAriaProps["onPress"];
 };
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/types/components/Button/ButtonBase.d.ts

@@ -1,6 +1,2 @@
 import type { ButtonBaseProps } from './Button';
-export declare const buttonPadding: {
-    readonly small: "0.5rem 0.75rem";
-    readonly large: "0.75rem 1rem";
-};
 export declare const ButtonBase: import("styled-components").StyledComponent<"button", any, ButtonBaseProps, never>;

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

@@ -12,7 +12,7 @@ export type StyledIconButtonProps = AriaButtonProps & {
     shape?: Shape;
     disabled?: boolean;
 };
-/** Be sure to add add a `label` prop.
+/** Be sure to add add a `label`.
  * ```jsx
  * <IconButton label="Add new item">
  *   <AddIcon/>

package/types/components/Menu/Menu.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type MenuProps = {
+    items: string[];
+};
+export declare function Menu({ items, ...selectProps }: MenuProps): JSX.Element;
+export {};

package/types/components/Page/Page.d.ts

@@ -1,7 +1,6 @@
 import { type ReactNode } from 'react';
 export declare const PageGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PageContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare function Page({ children, className, }: {
+export declare function Page({ children }: {
     children: ReactNode;
-    className?: string | undefined;
 }): JSX.Element;

package/types/components/index.d.ts

@@ -1,5 +1,5 @@
-export * from './AlertDialog/AlertDialog';
 export * from './AccessibleIcon/AccessibleIcon';
+export * from './AlertDialog/AlertDialog';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
 export * from './Checkbox/Checkbox';
@@ -12,16 +12,17 @@ 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 './Menu/Menu';
 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 './Select/Select';
 export * from './Switch/Switch';
+export * from './Tabs/Tabs';
 export * from './Text/Text';
 export * from './Title/Title';
-export * from './Tooltip/Tooltip';
+export * from './Toast/Toast';
 export * from './Tooltip/IconTooltip';
+export * from './Tooltip/Tooltip';