@theroutingcompany/components 0.0.18 → 0.0.19

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

@@ -1,5 +1,19 @@
-/** 12 column grid */
+/** 12 column grid with 2rem gapp
+ *
+ * | Description             | CSS Variable        | Default |
+ * |-------------------------|---------------------|---------|
+ * | Min width for columns   | `--min-col-width`   |  0      |
+ */
 export declare const PageGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+/** CSS for limiting page width
+ *
+ * | Description | CSS Variable        | Default |
+ * |-------------|---------------------|---------|
+ * | Min. width  | `--page-min-width`  |  750px  |
+ * | Ideal width | `--page-ideal-width`|  85%    |
+ * | Max width   | `--page-max-width`  |  1600px |
+ */
+export declare const pageMinMaxWidth: import("styled-components").FlattenSimpleInterpolation;
 /** Centered page container
  *
  * | Description | CSS Variable        | Default |

package/types/components/Paginator/Paginator.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { type ButtonProps } from 'components';
+import { type ButtonProps } from '../../components';
 type PaginatorButtonProps = ButtonProps & {
     label: string;
     direction: 'left' | 'right';

package/types/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 export type { PopoverCloseProps, PopoverContentProps, } from '@radix-ui/react-popover';
-export declare function PopoverContent({ children, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
+export declare function PopoverContent({ children, forceMount, ...props }: PopoverPrimitive.PopoverContentProps): JSX.Element;
 export declare const PopoverClose: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
 export declare const PopoverCloseCross: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const Popover: import("react").FC<PopoverPrimitive.PopoverProps>;

package/types/components/ReactAriaButton/ReactAriaButton.d.ts

@@ -1,5 +1,5 @@
 import { type AriaButtonProps } from '@react-aria/button';
 import { type ComponentPropsWithoutRef } from 'react';
 export type ReactAriaButtonProps = AriaButtonProps & ComponentPropsWithoutRef<'button'>;
-/**  Fo internal use only! */
+/**  For internal use only! */
 export declare function ReactAriaButton(props: ReactAriaButtonProps): JSX.Element;

package/types/components/index.d.ts

@@ -1,9 +1,13 @@
 export * from './AlertDialog/AlertDialog';
 export * from './AccessibleIcon/AccessibleIcon';
+export * from './Box/Box';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
+export * from './Button/ButtonBase';
 export * from './Checkbox/Checkbox';
+export * from './DropdownMenu/DropdownMenu';
 export * from './Dialog/Dialog';
+export * from './Flex/Flex';
 export * from './Fieldset/Fieldset';
 export * from './FileUpload/FileUpload';
 export * from './FormControl/FormControl';

package/types/helpers/interactionStates.d.ts

@@ -0,0 +1,7 @@
+type DataStates = {
+    isFocusVisible: boolean;
+    isPressed: boolean;
+};
+/** Utility for turning component state boolean into string for use in `data-state` attribute */
+export declare function getDataState({ isFocusVisible, isPressed }: DataStates): string;
+export {};

package/types/helpers/tokenUtils.d.ts

@@ -0,0 +1,19 @@
+import nestedTokens from '@theroutingcompany/design-tokens/dist/json/tokens.json';
+import type { CSSProperties } from 'react';
+export declare function filterDefined(obj: Record<PropertyKey, unknown> | CSSProperties | undefined): {
+    [k: string]: any;
+} | undefined;
+export type RemoveVendorProperties<P extends string | number> = P extends `-moz-${string}` | `-webkit-${string}` ? never : P;
+type Spacing = (typeof nestedTokens)['spacing'];
+export type SpacingToken = keyof Spacing;
+export declare const getSpacingValue: (token: string) => string;
+type Elevation = (typeof nestedTokens)['elevation'];
+export type ElevationToken = `interactive_${keyof Elevation['interactive']}` | `static_${keyof Elevation['static']}`;
+export declare const allElevations: (readonly [`interactive_${string}`, string] | readonly [`static_${string}`, string])[];
+export declare const getElevation: (token: string) => string;
+type BorderRadius = (typeof nestedTokens)['border-radius'];
+export type BorderRadiusToken = keyof BorderRadius;
+export declare const getBorderRadius: (token: string) => string;
+export type SizingToken = keyof (typeof nestedTokens)['sizing'];
+export declare const getSizingValue: (token: string) => string;
+export {};

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> & {