@pantheon-systems/pds-toolkit-react 1.0.0-beta.1 → 1.0.0-beta.3

package/_dist/layouts/DashboardInner/DashboardInner.d.ts

@@ -5,7 +5,8 @@ import './dashboard-inner.css';
  */
 interface DashboardInnerProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Child elements to be assigned to named slots.
+     * Child elements. Main content can be passed without a slot attribute (unslotted).
+     * Optional named slots: `header-left`, `header-right`, `content` (for backwards compatibility).
      */
     children: ReactNode;
     /**

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

@@ -5,7 +5,8 @@ import { GridGapOptions } from '@layouts/layout-types';
  */
 interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Children to render in the layout. All children must be assigned to a named slot — either 'sidebar' or 'content'.
+     * Children to render in the layout. Main content can be passed without a slot attribute (unslotted).
+     * Optional named slots: `sidebar` for sidebar content, `content` for backwards compatibility.
      */
     children: ReactNode;
     /**

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

@@ -26,6 +26,10 @@ export type HeadingItemType = {
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span';
 export type HeadingLevelCommon = Exclude<HeadingLevel, 'h1' | 'h5' | 'h6'>;
 export type LinkItemType = {
+    /**
+     * Screen reader label for critical items. Only used when isCritical is true.
+     */
+    criticalLabel?: string;
     /**
      * Description of the item
      */
@@ -38,6 +42,10 @@ export type LinkItemType = {
      * Optional icon for this item. Choose from available icons in the Icon component.
      */
     iconName?: PDSIcon;
+    /**
+     * Is this a critical action item?
+     */
+    isCritical?: boolean;
     /**
      * Is the item a link?
      */
@@ -56,6 +64,10 @@ export type MenuItemType = {
      * (optional) Callback function to execute when menu item is activated
      */
     callback?: () => void;
+    /**
+     * Screen reader label for critical items. Only used when isCritical is true.
+     */
+    criticalLabel?: string;
     /**
      * Description of the item
      */
@@ -72,6 +84,10 @@ export type MenuItemType = {
      * Optional ID value for this item.
      */
     id?: string;
+    /**
+     * Is this a critical action item?
+     */
+    isCritical?: boolean;
     /**
      * Label for a menu item
      */
@@ -82,6 +98,14 @@ export type MenuItemType = {
     testId?: string;
 };
 export type NodeItemType = {
+    /**
+     * Screen reader label for critical items. Only used when isCritical is true.
+     */
+    criticalLabel?: string;
+    /**
+     * Is this a critical action item?
+     */
+    isCritical?: boolean;
     /**
      * Is the item a node?
      */
@@ -97,6 +121,11 @@ export type SeparatorItemType = {
      */
     isSeparator: boolean;
 };
+export type MenuItem = HeadingItemType | LinkItemType | MenuItemType | NodeItemType | SeparatorItemType;
+export declare const isSeparatorItemType: (item: MenuItem) => item is SeparatorItemType;
+export declare const isHeadingItemType: (item: MenuItem) => item is HeadingItemType;
+export declare const isLinkItemType: (item: MenuItem) => item is LinkItemType;
+export declare const isNodeItemType: (item: MenuItem) => item is NodeItemType;
 export type SitePlanLevel = 'sandbox' | 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'performance-2xl' | 'elite' | 'pro' | 'business' | 'flagship-performance';
 export declare const SitePlanLevelLabel: Record<SitePlanLevel, string>;
 export type SiteStatus = 'active' | 'frozen' | 'restricted';

package/_dist/vars/animation.d.ts

@@ -1,5 +1,5 @@
 export const ANIMATION_TRANSITION_DEFAULT_DURATION: 200;
 export const ANIMATION_TRANSITION_DEFAULT_DELAY: 0;
-export const ANIMATION_TRANSITION_DEFAULT_TIMING_FUNCTION: "ease-in-out";
+export const ANIMATION_TRANSITION_DEFAULT_TIMING_FUNCTION: "cubic-bezier(.2, 0, 0, 1)";
 export const ANIMATION_TRANSITION_REVEAL_DURATION: 300;
-export const ANIMATION_TRANSITION_REVEAL_TIMING_FUNCTION: "ease-out";
+export const ANIMATION_TRANSITION_REVEAL_TIMING_FUNCTION: "cubic-bezier(.2, 0, 0, 1)";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-beta.1",
+	"version": "1.0.0-beta.3",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",