@pantheon-systems/pds-toolkit-react 1.0.0-dev.9999 → 1.1.0

package/_dist/components/inputs/Switch/Switch.d.ts

@@ -1,6 +1,5 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, ReactNode } from 'react';
 import './switch.css';
-type SwitchPlacement = 'right' | 'below';
 /**
  * Prop types for Switch
  */
@@ -9,6 +8,10 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
      * Is the field checked?
      */
     checked?: boolean;
+    /**
+     * Additional class names for input.
+     */
+    className?: string;
     /**
      * Initial value for the input field. Only valid if the input is uncontrolled. Cannot be used in conjunction with the `checked` prop.
      */
@@ -26,7 +29,7 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
      */
     inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -62,13 +65,12 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
      */
     showStatusLabel?: boolean;
     /**
-     * Determines switch placement, default set to `right`.
+     * Determines the placement of the toggle status label. Default set to `right`.
      */
-    switchPlacement?: SwitchPlacement;
+    statusLabelPlacement?: 'right' | 'left';
     /**
-     * Additional class names for input.
+     * Determines switch placement, default set to `right`.
      */
-    className?: string;
+    switchPlacement?: 'right' | 'below';
 }
 export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/_dist/components/inputs/TextInput/TextInput.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './text-input.css';
-type TranslationStringProps = {
+type LabelStrings = {
     clearButton: string;
     counterOverLimit?: string;
     searchShortcut: string;
@@ -18,6 +18,10 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      * Auto complete attribute for the input field. The attribute value is either the keyword `off` or `on`, or an ordered list of space-separated tokens. Password fields are automatically off.
      */
     autoComplete?: string;
+    /**
+     * Additional class names for input.
+     */
+    className?: string;
     /**
      * Maximum character count for the character counter. Leave blank for no counter. Not valid for type `password`.
      */
@@ -52,7 +56,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      */
     inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
     inputWidth?: number;
     /**
@@ -110,7 +114,7 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Translation strings for various labels or other visually-hidden text.
      */
-    translationStrings?: TranslationStringProps;
+    translationStrings?: LabelStrings;
     /**
      * Type of input field to use.
      */
@@ -127,10 +131,6 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      * Value of the input field. Used to set the value of the input field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names for input.
-     */
-    className?: string;
 }
 /**
  * TextInput UI component

package/_dist/components/inputs/Textarea/Textarea.d.ts

@@ -1,7 +1,7 @@
-import React, { ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './textarea.css';
-export type TranslationStringProps = {
+type LabelStrings = {
     clearButton: string;
     counterOverLimit?: string;
     searchShortcut: string;
@@ -10,6 +10,10 @@ export type TranslationStringProps = {
     visibilityToggleShow: string;
 };
 export interface TextareaProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Maximum character count for the character counter. Leave blank for no counter.
      */
@@ -27,13 +31,13 @@ export interface TextareaProps {
      */
     id: string;
     /**
-     * Should the textarea be resizable by the user?
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
-    isResizable?: boolean;
+    inputWidth?: number;
     /**
-     * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     * Should the textarea be resizable by the user?
      */
-    inputWidth?: number;
+    isResizable?: boolean;
     /**
      * Text label associated with the input field.
      */
@@ -50,7 +54,7 @@ export interface TextareaProps {
      * Function to help lift the state and retrieve the input's value.
      * Should accept one argument, the input's value
      */
-    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLTextAreaElement>) => void;
     /**
      * onFocus event handler.
      */
@@ -86,7 +90,7 @@ export interface TextareaProps {
     /**
      * Translation strings for various labels or other visually-hidden text.
      */
-    translationStrings?: TranslationStringProps;
+    translationStrings?: LabelStrings;
     /**
      * Validation message for the textarea field based on the validation status.
      */
@@ -99,12 +103,9 @@ export interface TextareaProps {
      * Value of the textarea field. Used to set the value of the textarea field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Textarea UI component
  */
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/_dist/components/inputs/input-utilities.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, MouseEventHandler, ReactNode } from 'react';
-import { SelectOptionType, SelectOptionGroupType } from './Select/Select';
+import { SelectOptionGroupType, SelectOptionType } from './Select/Select';
 import './input-utilities.css';
 export declare const inputCommonClasses: {
     base: string;
@@ -10,31 +10,23 @@ export declare const inputCommonClasses: {
     readonly: string;
 };
 export declare const getInputWidthStyle: (inputWidth: number) => {
-    width: string;
+    maxWidth: string;
 };
 export declare const stripUrlProtocol: (value: string) => string;
-export declare const RequiredIcon: () => React.JSX.Element;
+export declare const RequiredIcon: () => import("react/jsx-runtime").JSX.Element;
 interface InputLabelProps {
     /**
-     * Input ID.
-     */
-    id: string;
-    /**
-     * Label text.
-     */
-    label: string;
-    /**
-     * Should the label be visible?
-     */
-    showLabel: boolean;
-    /**
-     * Is the field required?
+     * Additional class names.
      */
-    required: boolean;
+    className?: string;
     /**
      * Is the field disabled?
      */
     disabled: boolean;
+    /**
+     * Input ID.
+     */
+    id: string;
     /**
      * Is the label a legend? Should be used when the input is a fieldset.
      */
@@ -45,52 +37,60 @@ interface InputLabelProps {
      */
     isPseudoLabel?: boolean;
     /**
-     * Optional tooltip text to display additional information.
+     * Label text.
      */
-    tooltipText?: string;
+    label: string;
     /**
-     * Additional class names.
+     * Is the field required?
      */
-    className?: string;
+    required: boolean;
+    /**
+     * Should the label be visible?
+     */
+    showLabel: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string;
 }
-export declare const InputLabel: ({ id, label, showLabel, required, disabled, isLegend, isPseudoLabel, tooltipText, className, }: InputLabelProps) => React.JSX.Element;
-export declare const InputMessage: ({ forInputGroup, id, message, hasValidationMessage, validationMessageHasDecorators, validationStatus, className, }: {
+export declare const InputLabel: ({ className, disabled, id, isLegend, isPseudoLabel, label, required, showLabel, tooltipText, }: InputLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputMessage: ({ className, forInputGroup, hasValidationMessage, id, message, validationMessageHasDecorators, validationStatus, }: {
+    className?: string;
     forInputGroup?: boolean;
+    hasValidationMessage?: boolean;
     id: string;
     message?: string | ReactNode;
-    hasValidationMessage?: boolean;
     validationMessageHasDecorators?: boolean;
     validationStatus?: string;
-    className?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type DecoratorVariants = 'search' | 'error' | 'success' | 'filter';
 export declare const InputDecorator: ({ variant }: {
     variant: DecoratorVariants;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchShortcut: ({ inputId, shortcutLabel, }: {
     inputId: string;
     shortcutLabel: string;
-}) => React.JSX.Element;
-export declare const ClearButton: ({ id, clearLabel, handleClearInput, }: {
-    id: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ClearButton: ({ clearLabel, handleClearInput, id, }: {
     clearLabel: string;
     handleClearInput: MouseEventHandler<HTMLButtonElement>;
-}) => React.JSX.Element;
-export declare const CharacterCounter: ({ id, currentLength, maxLength, overLimitMessage, }: {
     id: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CharacterCounter: ({ currentLength, id, maxLength, overLimitMessage, }: {
     currentLength: number;
+    id: string;
     maxLength: number;
     overLimitMessage: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const HiddenLabel: ({ label, ...props }: {
     [x: string]: any;
     label: any;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const isOptionGroup: (option: SelectOptionType | SelectOptionGroupType) => option is SelectOptionGroupType;
 interface SelectOptionProps extends ComponentPropsWithoutRef<'li'> {
     children?: ReactNode;
-    isActive?: boolean;
     className?: string;
+    isActive?: boolean;
 }
 export declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps & React.RefAttributes<HTMLLIElement>>;
 export {};

package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { SpacingScaleOptions, TypeScaleOptions } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef } from 'react';
+import { SpacingScaleOptions, TypeScaleOptions } from '../../../libs/types/custom-types';
 import './skeleton.css';
 /**
  * Prop types for Skeleton
  */
 export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Skeleton color scheme.
      */
@@ -51,12 +55,8 @@ export interface SkeletonProps extends ComponentPropsWithoutRef<'div'> {
      * This is only used when the shape is `text-block`, `code-block`, or `code-block-prefix`.
      */
     textSize?: TypeScaleOptions;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Skeleton UI component
  */
-export declare const Skeleton: ({ colorType, isAnimated, shape, size, textIsJustified, textLineCount, textSize, className, ...props }: SkeletonProps) => React.JSX.Element;
+export declare const Skeleton: ({ className, colorType, isAnimated, shape, size, textIsJustified, textLineCount, textSize, ...props }: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/loading-indicators/Spinner/Spinner.d.ts

@@ -1,6 +1,10 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import './spinner.css';
 export interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Spinner color
      */
@@ -21,12 +25,8 @@ export interface SpinnerProps extends ComponentPropsWithoutRef<'span'> {
      * Spinner size
      */
     size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Spinner UI component
  */
-export declare const Spinner: ({ colorType, isInline, label, showLabel, size, className, ...props }: SpinnerProps) => React.JSX.Element;
+export declare const Spinner: ({ className, colorType, isInline, label, showLabel, size, ...props }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/Breadcrumb/Breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
 import './breadcrumb.css';
 /**
  * Prop types for Breadcrumb
@@ -8,16 +8,16 @@ export interface BreadcrumbProps extends ComponentPropsWithoutRef<'div'> {
      * Aria label for the breadcrumbs navigation.
      */
     ariaLabel?: string;
-    /**
-     * Array of breadcrumb items.
-     */
-    crumbs: ReactElement[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Array of breadcrumb items.
+     */
+    crumbs: ReactElement[];
 }
 /**
  * Breadcrumb UI component
  */
-export declare const Breadcrumb: ({ ariaLabel, crumbs, className, ...props }: BreadcrumbProps) => React.JSX.Element;
+export declare const Breadcrumb: ({ ariaLabel, className, crumbs, ...props }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithRef } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { ComponentPropsWithRef } from 'react';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './button-nav.css';
 export type ButtonNavItem = Omit<NavigationItem, 'links'>;
 /**
@@ -10,6 +10,10 @@ export interface ButtonNavProps extends ComponentPropsWithRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Menu items to render.
      */
@@ -18,12 +22,8 @@ export interface ButtonNavProps extends ComponentPropsWithRef<'nav'> {
      * Size of the Buttons.
      */
     size?: 'sm' | 'md';
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * ButtonNav UI component
  */
-export declare const ButtonNav: ({ ariaLabel, menuItems, size, className, ...props }: ButtonNavProps) => React.JSX.Element;
+export declare const ButtonNav: ({ ariaLabel, className, menuItems, size, ...props }: ButtonNavProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/DashboardNav/DashboardNav.d.ts

@@ -1,4 +1,4 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 import { DashboardNavItemProps } from './DashboardNavItem';
 import './dashboard-nav.css';
 /**
@@ -9,6 +9,10 @@ export interface DashboardNavProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Labels for translatable strings.
      */
@@ -24,12 +28,8 @@ export interface DashboardNavProps extends ComponentPropsWithoutRef<'nav'> {
      * Text to display in the mobile menu trigger button when no active link is found.
      */
     mobileMenuSelectTextFallback?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * DashboardNav UI component
  */
-export declare const DashboardNav: ({ ariaLabel, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: DashboardNavProps) => React.JSX.Element;
+export declare const DashboardNav: ({ ariaLabel, className, labels, menuItems, mobileMenuSelectTextFallback, ...props }: DashboardNavProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './dashboard-nav.css';
-export type DashboardNavItemProps = NavigationItem & {
+export interface DashboardNavItemProps extends NavigationItem {
     /**
      * Icon to display next to the link content.
      */
@@ -18,8 +17,8 @@ export type DashboardNavItemProps = NavigationItem & {
         submenu: string;
         toggle: string;
     };
-};
+}
 /**
  * DashboardNavItem UI component
  */
-export declare const DashboardNavItem: ({ icon, isActive, isSidebarExpanded, labels, linkContent, links, }: DashboardNavItemProps) => React.JSX.Element;
+export declare const DashboardNavItem: ({ icon, isActive, isSidebarExpanded, labels, linkContent, links, }: DashboardNavItemProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/DashboardSearch/DashboardSearch.d.ts

@@ -1,19 +1,27 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { SiteOption } from './SiteOptionDisplay';
+import { ComponentPropsWithoutRef } from 'react';
+import { SiteOption } from '../../../libs/components/SiteOptionDisplay/SiteOptionDisplay';
 import './dashboard-search.css';
 type LabelStrings = {
     clearButton?: string;
     inputInstructions?: string;
-    openSearchButton?: string;
 };
 /**
  * Prop types for DashboardSearch
  */
 export interface DashboardSearchProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Is the search input disabled?
      */
     disabled?: boolean;
+    /**
+     * Offset for the starting right position for the search input in rems.
+     * @deprecated This prop is no longer used since absolute positioning was removed.
+     */
+    horizontalOffset?: number;
     /**
      * ID for the component.
      */
@@ -54,17 +62,9 @@ export interface DashboardSearchProps extends ComponentPropsWithoutRef<'div'> {
      * Array of sites to search through.
      */
     siteList?: SiteOption[];
-    /**
-     * Offset for the starting right position for the search input in rems.
-     */
-    horizontalOffset?: number;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * DashboardSearch UI component
  */
-export declare const DashboardSearch: ({ disabled, id, isLoading, label, labelStrings, loadingText, noResultsText, onFocus, onOptionSelect, placeholder, siteList, horizontalOffset, className, ...props }: DashboardSearchProps) => React.JSX.Element;
+export declare const DashboardSearch: ({ className, disabled, horizontalOffset: _horizontalOffset, id, isLoading, label, labelStrings, loadingText, noResultsText, onFocus, onOptionSelect, placeholder, siteList, ...props }: DashboardSearchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts

@@ -1,10 +1,14 @@
-import React, { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './dropdown-menu.css';
 /**
  * Prop types for DropdownMenu
  */
 export interface DropdownMenuProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Heading text. If a string is passed, it will be rendered as a heading. If a link is passed, it will be rendered as a link.
      */
@@ -17,12 +21,8 @@ export interface DropdownMenuProps extends ComponentPropsWithoutRef<'div'> {
      * Text to display in the mobile menu trigger button when no active link is found.
      */
     selectTextFallback: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * DropdownMenu UI component
  */
-export declare const DropdownMenu: ({ headingText, menuItems, selectTextFallback, className, ...props }: DropdownMenuProps) => React.JSX.Element;
+export declare const DropdownMenu: ({ className, headingText, menuItems, selectTextFallback, ...props }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;

package/_dist/components/navigation/NavMenu/NavMenu.d.ts

@@ -1,16 +1,6 @@
-import React, { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { NavMenuItem } from '../../../libs/types/navigation-types';
 import './nav-menu.css';
-/**
- * Prop types for MenuItem
- */
-export interface MenuItem {
-    id?: string;
-    label: string;
-    links?: MenuItem[];
-    linkContent?: React.ReactNode;
-    isActive?: boolean;
-    isSeparator?: boolean;
-}
 /**
  * Prop types for NavMenu
  */
@@ -19,6 +9,10 @@ interface NavMenuProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for `nav` element.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Color scheme.
      */
@@ -26,18 +20,14 @@ interface NavMenuProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Menu Items.
      */
-    menuItems?: MenuItem[];
+    menuItems?: NavMenuItem[];
     /**
      *  Mobile menu will be enabled when viewport is at or below this number in pixels.
      */
     mobileMenuMaxWidth?: number;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * NavMenu UI component
  */
-export declare const NavMenu: ({ ariaLabel, colorType, menuItems, mobileMenuMaxWidth, className, ...props }: NavMenuProps) => React.JSX.Element;
+export declare const NavMenu: ({ ariaLabel, className, colorType, menuItems, mobileMenuMaxWidth, ...props }: NavMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts

@@ -1,5 +1,5 @@
-import React, { ComponentPropsWithoutRef } from 'react';
-import { MenuItem } from './NavMenu';
+import { ComponentPropsWithoutRef } from 'react';
+import { NavMenuItem } from '../../../libs/types/navigation-types';
 /**
  * Prop types for NavMenuDropdown
  */
@@ -7,7 +7,7 @@ interface NavMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Dropdown items.
      */
-    items?: MenuItem[];
+    items?: NavMenuItem[];
     /**
      * Dropdown label.
      */
@@ -20,5 +20,5 @@ interface NavMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
 /**
  * NavMenuDropdown UI component
  */
-export declare const NavMenuDropdown: ({ items, label, mobileMenuMaxWidth, }: NavMenuDropdownProps) => React.JSX.Element;
+export declare const NavMenuDropdown: ({ items, label, mobileMenuMaxWidth, }: NavMenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/navigation/Navbar/Navbar.d.ts

@@ -1,6 +1,6 @@
-import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PantheonLogoDisplayType } from '@components/PantheonLogo/PantheonLogo';
-import { ContainerWidth } from '@libs/types/custom-types';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ContainerWidth } from '../../../libs/types/custom-types';
+import { PantheonLogoDisplayType } from '../../PantheonLogo/PantheonLogo';
 import './navbar.css';
 /**
  * Prop types for Navbar
@@ -10,6 +10,10 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
      * Navbar content.
      */
     children?: ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Color type of the navbar.
      */
@@ -49,12 +53,8 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
         closeMobileNav: string;
         openMobileNav: string;
     };
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * Navbar UI component
  */
-export declare const Navbar: ({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplayType, logoLinkContent, logoSrc, logoSubBrand, translationStrings, className, ...props }: NavbarProps) => React.JSX.Element;
+export declare const Navbar: ({ children, className, colorType, containerWidth, hideBorder, hideLogo, logoDisplayType, logoLinkContent, logoSrc, logoSubBrand, translationStrings, ...props }: NavbarProps) => import("react/jsx-runtime").JSX.Element;