@pantheon-systems/pds-toolkit-react 1.0.0-beta.5 → 1.0.0-beta.7

package/_dist/layouts/FlexContainer/FlexContainer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '@layouts/layout-types';
+import { GridGapOptions } from '@libs/types/layout-types';
 import './flex-container.css';
 type FlexAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'stretch';
 type FlexAlignItems = 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';

package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '@layouts/layout-types';
+import { GridGapOptions } from '@libs/types/layout-types';
 /**
  * Prop types for SidebarLayout
  */

package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions, VerticalAlignOptions } from '@layouts/layout-types';
+import { GridGapOptions, VerticalAlignOptions } from '@libs/types/layout-types';
 import '../../utilities/grid/grid.css';
 import './three-item-layout.css';
 /**

package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions, VerticalAlignOptions } from '@layouts/layout-types';
+import { GridGapOptions, VerticalAlignOptions } from '@libs/types/layout-types';
 import '../../utilities/grid/grid.css';
 import './two-item-layout.css';
 /**

package/_dist/libs/types/custom-types.d.ts

@@ -4,9 +4,12 @@ export type BadgeColor = 'success' | 'critical' | 'info' | 'warning' | 'neutral'
 export type ButtonDisplayType = 'label-only' | 'icon-start' | 'icon-end';
 export type ButtonSize = 'sm' | 'md' | 'lg';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'navbar' | 'inline';
+export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
 export type ContainerWidth = 'narrow' | 'standard' | 'wide' | 'x-wide' | 'full';
 export type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'flow-root' | 'none' | 'contents' | 'table' | 'table-row' | 'table-cell' | 'table-caption' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'list-item' | 'inherit' | 'initial' | 'revert' | 'unset';
+export type StatusType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
+export type StatusTypeExtended = StatusType | 'neutral' | 'working';
+export declare const StatusTypeLabels: Record<StatusType, string>;
 export type FuiOffset = number | {
     alignmentAxis?: number | null;
     crossAxis?: number;

package/_dist/{components/navigation → libs/types}/navigation-types.d.ts

@@ -27,11 +27,11 @@ export type FlattenedNavigationItem = {
      */
     linkContent: ReactElement;
 };
-export interface MenuItem {
+export interface NavMenuItem {
     id?: string;
     isActive?: boolean;
     isSeparator?: boolean;
     label: string;
     linkContent?: ReactElement;
-    links?: MenuItem[];
+    links?: NavMenuItem[];
 }

package/_dist/mocks/data/navigation-items.d.ts

@@ -55,7 +55,7 @@ export declare const micrositeMenuItems: ({
     label?: undefined;
     links?: undefined;
 })[];
-export declare const navMenuSampleMenuItems: ({
+export declare const navMenuSampleNavMenuItems: ({
     label: string;
     links: ({
         linkContent: import("react/jsx-runtime").JSX.Element;
@@ -77,7 +77,7 @@ export declare const navMenuSampleMenuItems: ({
     links?: undefined;
     isActive?: undefined;
 })[];
-export declare const navMenuSampleMenuItemsRR: ({
+export declare const navMenuSampleNavMenuItemsRR: ({
     label: string;
     links: ({
         linkContent: import("react/jsx-runtime").JSX.Element;

package/_dist/utilities/context-providers/OverlayContext/OverlayContext.d.ts

@@ -0,0 +1,12 @@
+import React, { ReactNode } from 'react';
+interface OverlayContextType {
+    closeOverlay: () => void;
+    hasOpenOverlay: boolean;
+    openOverlay: () => void;
+}
+export declare const OverlayContext: React.Context<OverlayContextType>;
+export declare const OverlayContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useOverlayContext: () => OverlayContextType;
+export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-beta.5",
+	"version": "1.0.0-beta.7",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -38,7 +38,7 @@
 	"type": "module",
 	"scripts": {
 		"build": "npm run vite build && npm run build:types || true",
-		"build:types": "tsc -p tsconfig.build.json",
+		"build:types": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
 		"postbuild": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss",
 		"build:css": "postcss src/core.css -o _dist/css/pds-core.css",
 		"build:css:components": "postcss src/components/index.css -o _dist/css/pds-components.css",
@@ -128,6 +128,7 @@
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"storybook": "^9.1.12",
+		"tsc-alias": "^1.8.16",
 		"typescript": "^5.4.5",
 		"vite": "^7.2.2",
 		"vite-plugin-lib-inject-css": "^2.1.1",
@@ -156,8 +157,7 @@
 		"react-toastify": "^9.0.3"
 	},
 	"lint-staged": {
-		"src/**/*.{js,jsx,ts,tsx}": [
-			"npm run eslint"
-		]
+		"*": "prettier --write --ignore-unknown",
+		"src/**/*.{js,jsx,ts,tsx}": "npm run eslint -- --fix"
 	}
 }