@theroutingcompany/components 0.0.14 → 0.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "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.2",
-    "@radix-ui/react-radio-group": "^1.1.0",
-    "@radix-ui/react-select": "^1.1.2",
+    "@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-separator": "^1.0.1",
     "@radix-ui/react-switch": "^1.0.1",
-    "@radix-ui/react-tabs": "^1.0.1",
+    "@radix-ui/react-tabs": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.2",
-    "@radix-ui/react-toggle-group": "^1.0.1",
-    "@radix-ui/react-tooltip": "^1.0.2",
+    "@radix-ui/react-toggle-group": "^1.0.2",
+    "@radix-ui/react-tooltip": "^1.0.3",
     "@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.6",
+    "@tanstack/react-table": "^8.7.8",
     "@theroutingcompany/design-tokens": "^0.0.3",
     "styled-components": "^5.3.6"
   },
   "peerDependencies": {
     "@material-ui/icons": "^4.11.3",
-    "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",
+    "react": "^18.0.0",
+    "react-dom": " ^18.0.0",
+    "react-is": " ^18.0.0",
     "styled-components": "^5.3.6"
   },
   "devDependencies": {
@@ -94,11 +93,10 @@
     "@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": "^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/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@types/react-is": "^17.0.0",
     "@types/styled-components": "^5.1.26",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
@@ -112,9 +110,9 @@
     "eslint-plugin-storybook": "^0.6.10",
     "postcss-styled-syntax": "^0.3.1",
     "prettier": "^2.8.3",
-    "react": "^16.14.0",
-    "react-dom": "^16.14.0",
-    "react-is": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-is": "^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,2 +1,6 @@
 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`.
+/** Be sure to add add a `label` prop.
  * ```jsx
  * <IconButton label="Add new item">
  *   <AddIcon/>

package/types/components/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,58 @@
+import React, { type PropsWithChildren, type ReactNode } from 'react';
+export declare enum Direction {
+    Up = "Up",
+    Down = "Down"
+}
+/**
+ * Menu
+ */
+interface NavigationMenuProps {
+    direction?: Direction.Up | Direction.Down;
+    children: ReactNode;
+}
+export interface CompoundedComponent extends React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>> {
+    Trigger: typeof Trigger;
+    List: typeof List;
+    Item: typeof Item;
+    Separator: typeof Separator;
+}
+/**
+ * Trigger
+ */
+export type TriggerProps = PropsWithChildren<{
+    open?: boolean;
+    onClick?: React.MouseEventHandler<HTMLDivElement>;
+}>;
+declare const Trigger: ({ children }: TriggerProps) => JSX.Element;
+/**
+ * List
+ */
+export type ListProps = PropsWithChildren<{
+    width?: number;
+    top?: number;
+    left?: number;
+    open?: boolean;
+    onItemSelect?: () => void;
+    portalIdOverride?: undefined | string;
+}>;
+declare const List: ({ children, portalIdOverride, }: {
+    children: React.ReactNode[];
+    portalIdOverride?: string | undefined;
+}) => React.ReactPortal;
+interface ItemProps<T extends React.ElementType> {
+    as?: T;
+    children?: React.ReactNode;
+}
+export declare function Item<T extends React.ElementType = "div">({ as, ...props }: ItemProps<T> & Omit<React.ComponentPropsWithoutRef<T>, keyof ItemProps<T>>): JSX.Element;
+declare function Separator(): JSX.Element;
+declare const NavigationMenu: CompoundedComponent & {
+    Trigger: ({ children }: TriggerProps) => JSX.Element;
+    List: ({ children, portalIdOverride, }: {
+        children: React.ReactNode[];
+        portalIdOverride?: string | undefined;
+    }) => React.ReactPortal;
+    Item: typeof Item;
+    Separator: typeof Separator;
+};
+declare const NavigationMenuPortal: () => JSX.Element;
+export { NavigationMenu, NavigationMenuPortal };

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

@@ -1,6 +1,7 @@
 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 }: {
+export declare function Page({ children, className, }: {
     children: ReactNode;
+    className?: string | undefined;
 }): JSX.Element;

package/types/components/index.d.ts

@@ -8,6 +8,7 @@ export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './FormControl/FormControl';
 export * from './Heading/Heading';
+export * from './NavigationMenu/NavigationMenu';
 export * from './IconButton/IconButton';
 export * from './Input/NumberInput/NumberInput';
 export * from './Input/TextInput/TextInput';