@theroutingcompany/components 0.0.23 → 0.0.24-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theroutingcompany/components",
-  "version": "0.0.23",
+  "version": "0.0.24-alpha.2",
   "description": "The Routing Company Components",
   "main": "./dist/trc-components.umd.js",
   "module": "./dist/trc-components.es.js",
@@ -39,61 +39,62 @@
   "dependencies": {
     "@internationalized/date": "^3.2.0",
     "@material-ui/icons": "^4.11.3",
-    "@radix-ui/react-accessible-icon": "^1.0.2",
-    "@radix-ui/react-alert-dialog": "^1.0.3",
-    "@radix-ui/react-checkbox": "^1.0.3",
-    "@radix-ui/react-collapsible": "^1.0.2",
-    "@radix-ui/react-dialog": "^1.0.3",
-    "@radix-ui/react-dropdown-menu": "^2.0.4",
+    "@radix-ui/react-accessible-icon": "^1.0.3",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-polymorphic": "^0.0.14",
-    "@radix-ui/react-popover": "^1.0.5",
-    "@radix-ui/react-radio-group": "^1.1.2",
-    "@radix-ui/react-select": "^1.2.1",
-    "@radix-ui/react-separator": "^1.0.2",
-    "@radix-ui/react-switch": "^1.0.2",
-    "@radix-ui/react-tabs": "^1.0.3",
-    "@radix-ui/react-toast": "^1.1.3",
-    "@radix-ui/react-toggle-group": "^1.0.3",
-    "@radix-ui/react-tooltip": "^1.0.5",
-    "@react-aria/breadcrumbs": "^3.5.1",
-    "@react-aria/button": "^3.7.1",
-    "@react-aria/calendar": "^3.2.0",
-    "@react-aria/combobox": "^3.6.0",
-    "@react-aria/datepicker": "^3.4.0",
-    "@react-aria/dnd": "^3.2.0",
-    "@react-aria/focus": "^3.12.0",
-    "@react-aria/i18n": "^3.7.1",
-    "@react-aria/interactions": "^3.15.0",
-    "@react-aria/label": "^3.5.1",
-    "@react-aria/listbox": "^3.9.0",
-    "@react-aria/menu": "^3.9.0",
-    "@react-aria/numberfield": "^3.5.0",
-    "@react-aria/overlays": "^3.14.0",
-    "@react-aria/progress": "^3.4.1",
-    "@react-aria/radio": "^3.6.0",
-    "@react-aria/searchfield": "^3.5.1",
-    "@react-aria/select": "^3.10.0",
-    "@react-aria/selection": "^3.14.0",
-    "@react-aria/textfield": "^3.9.1",
-    "@react-aria/utils": "^3.16.0",
-    "@react-stately/calendar": "^3.2.0",
-    "@react-stately/collections": "^3.7.0",
-    "@react-stately/combobox": "^3.5.0",
-    "@react-stately/datepicker": "^3.4.0",
-    "@react-stately/list": "^3.8.0",
-    "@react-stately/menu": "^3.5.1",
-    "@react-stately/numberfield": "^3.4.1",
-    "@react-stately/overlays": "^3.5.1",
-    "@react-stately/radio": "^3.8.0",
-    "@react-stately/searchfield": "^3.4.1",
-    "@react-stately/select": "^3.5.0",
-    "@react-stately/selection": "^3.13.0",
-    "@react-types/calendar": "^3.2.0",
-    "@react-types/combobox": "^3.6.1",
-    "@react-types/datepicker": "^3.3.0",
-    "@react-types/overlays": "^3.7.1",
-    "@react-types/select": "^3.8.0",
-    "@tanstack/react-table": "^8.8.5",
+    "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.4",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "@react-aria/breadcrumbs": "^3.5.2",
+    "@react-aria/button": "^3.7.2",
+    "@react-aria/calendar": "^3.3.0",
+    "@react-aria/combobox": "^3.6.1",
+    "@react-aria/datepicker": "^3.4.1",
+    "@react-aria/dnd": "^3.2.1",
+    "@react-aria/focus": "^3.12.1",
+    "@react-aria/i18n": "^3.7.2",
+    "@react-aria/interactions": "^3.15.1",
+    "@react-aria/label": "^3.5.2",
+    "@react-aria/listbox": "^3.9.1",
+    "@react-aria/menu": "^3.9.1",
+    "@react-aria/numberfield": "^3.5.1",
+    "@react-aria/overlays": "^3.14.1",
+    "@react-aria/progress": "^3.4.2",
+    "@react-aria/radio": "^3.6.1",
+    "@react-aria/searchfield": "^3.5.2",
+    "@react-aria/select": "^3.10.1",
+    "@react-aria/selection": "^3.15.0",
+    "@react-aria/textfield": "^3.9.2",
+    "@react-aria/utils": "^3.17.0",
+    "@react-stately/calendar": "^3.2.1",
+    "@react-stately/collections": "^3.8.0",
+    "@react-stately/combobox": "^3.5.1",
+    "@react-stately/datepicker": "^3.4.1",
+    "@react-stately/list": "^3.8.1",
+    "@react-stately/menu": "^3.5.2",
+    "@react-stately/numberfield": "^3.4.2",
+    "@react-stately/overlays": "^3.5.2",
+    "@react-stately/radio": "^3.8.1",
+    "@react-stately/searchfield": "^3.4.2",
+    "@react-stately/select": "^3.5.1",
+    "@react-stately/selection": "^3.13.1",
+    "@react-types/calendar": "^3.2.1",
+    "@react-types/combobox": "^3.6.2",
+    "@react-types/datepicker": "^3.3.1",
+    "@react-types/overlays": "^3.7.2",
+    "@react-types/select": "^3.8.1",
+    "@tanstack/react-table": "^8.9.1",
     "@theroutingcompany/design-tokens": "^0.0.3",
     "csstype": "^3.1.2"
   },

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

@@ -0,0 +1,35 @@
+import type { PropsWithChildren, ReactNode } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as Dialog from '@radix-ui/react-dialog';
+export declare const DrawerRoot: import("react").FC<Dialog.DialogProps>;
+export declare const DrawerTrigger: import("react").ForwardRefExoticComponent<Dialog.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DrawerTitle: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>, any, {}, never>;
+export declare const DrawerCloseButton: () => JSX.Element;
+export declare const DrawerDescription: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Dialog.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>, any, {}, never>;
+export declare const DrawerSectionTitle: import("styled-components").StyledComponent<"span", any, {}, never>;
+declare const widths: {
+    readonly medium: 540;
+    readonly large: 900;
+};
+export type DrawerSize = keyof typeof widths;
+type DrawerProps = PropsWithChildren<{
+    size?: DrawerSize;
+}>;
+export declare function Drawer({ children, size }: DrawerProps): JSX.Element;
+export declare const DrawerAccordionRoot: ({ children, ...props }: AccordionPrimitive.AccordionMultipleProps) => JSX.Element;
+export type DrawerSectionProps = AccordionPrimitive.AccordionItemProps;
+/** CSS Variables to control child styles of section closed/open state
+ * | Name                      | Description                                     |
+ * | --------------------------|-------------------------------------------------|
+ * | --chevron-rotation        | Rotation of icon in section expand button       |
+ * | --icon-elevation          | The drop shadow of the section header icon      |
+ * | --icon-background         | The background color of the section header icon |
+ */
+export declare const DrawerSection: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AccordionPrimitive.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DrawerSectionContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<AccordionPrimitive.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export type DrawerSectionHeaderProps = {
+    children: ReactNode;
+    icon: ReactNode;
+};
+export declare function DrawerSectionHeader({ children, icon, }: DrawerSectionHeaderProps): JSX.Element;
+export {};