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

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

@@ -6,6 +6,10 @@ type LabelStrings = {
     triggerButton: string;
 };
 export type SelectOptionType = {
+    /**
+     * Option disabled.
+     */
+    disabled?: boolean;
     /**
      * Option label.
      */
@@ -14,10 +18,6 @@ export type SelectOptionType = {
      * Option value.
      */
     value: string;
-    /**
-     * Option disabled.
-     */
-    disabled?: boolean;
 };
 export type SelectOptionGroupType = {
     /**
@@ -31,13 +31,17 @@ export type SelectOptionGroupType = {
 };
 export type SelectOptionsType = (SelectOptionType | SelectOptionGroupType)[];
 interface SelectOptionGroupProps {
-    label: string;
     children: ReactNode;
+    label: string;
 }
 /**
  * Prop types for Select
  */
 export interface SelectProps {
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Optional default value for the field. Must match the value of one of the options. Cannot be used in conjunction with the `value` prop.
      */
@@ -51,7 +55,7 @@ export interface SelectProps {
      */
     id: string;
     /**
-     * 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;
     /**
@@ -106,17 +110,13 @@ export interface SelectProps {
      * Value of the field. Must match the value of one of the options. Used to set the value of the field when controlled. Cannot be used in conjunction with the `defaultValue` prop.
      */
     value?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
 }
 /**
  * SelectOptionGroup component
  */
-export declare const SelectOptionGroup: ({ label, children, }: SelectOptionGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroupProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Select UI component
  */
-export declare const Select: ({ defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, className, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ className, defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, ChangeEvent, FocusEvent, ReactNode } from 'react';
+import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
 import { ValidationStatus } from '../input-types';
 import './text-input.css';
 type TranslationStringProps = {
@@ -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;
     /**
@@ -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,4 +1,4 @@
-import React, { ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
+import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
 import { ValidationStatus } from '../input-types';
 import './textarea.css';
 export type TranslationStringProps = {
@@ -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.
      */
@@ -99,10 +103,6 @@ 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

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: () => 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,23 +37,31 @@ 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) => import("react/jsx-runtime").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;
 }) => import("react/jsx-runtime").JSX.Element;
 type DecoratorVariants = 'search' | 'error' | 'success' | 'filter';
 export declare const InputDecorator: ({ variant }: {
@@ -71,14 +71,14 @@ export declare const SearchShortcut: ({ inputId, shortcutLabel, }: {
     inputId: string;
     shortcutLabel: string;
 }) => import("react/jsx-runtime").JSX.Element;
-export declare const ClearButton: ({ id, clearLabel, handleClearInput, }: {
-    id: string;
+export declare const ClearButton: ({ clearLabel, handleClearInput, id, }: {
     clearLabel: string;
     handleClearInput: MouseEventHandler<HTMLButtonElement>;
-}) => import("react/jsx-runtime").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;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -89,8 +89,8 @@ export declare const HiddenLabel: ({ label, ...props }: {
 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

@@ -5,6 +5,10 @@ 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) => import("react/jsx-runtime").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 { 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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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

@@ -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) => import("react/jsx-runtime").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,5 +1,5 @@
-import { NavigationItem } from '@components/navigation/navigation-types';
 import { PDSIcon } from '@components/icons/Icon/Icon';
+import { NavigationItem } from '@components/navigation/navigation-types';
 import './dashboard-nav.css';
 export type DashboardNavItemProps = NavigationItem & {
     /**

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

@@ -10,10 +10,18 @@ type LabelStrings = {
  * 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.
+     */
+    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) => import("react/jsx-runtime").JSX.Element;
+export declare const DashboardSearch: ({ className, disabled, horizontalOffset, id, isLoading, label, labelStrings, loadingText, noResultsText, onFocus, onOptionSelect, placeholder, siteList, ...props }: DashboardSearchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -24,16 +24,16 @@ export type SiteOption = {
 };
 /** Site option display props. */
 export interface SiteOptionDisplayProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Site option to display.
-     */
-    option: SiteOption;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Site option to display.
+     */
+    option: SiteOption;
 }
 /**
  * UI component to display site options.
  */
-export declare const SiteOptionDisplay: ({ option, className, ...props }: SiteOptionDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SiteOptionDisplay: ({ className, option, ...props }: SiteOptionDisplayProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,10 @@ 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) => import("react/jsx-runtime").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 { MenuItem } from '../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.
      */
@@ -31,13 +25,9 @@ interface NavMenuProps extends ComponentPropsWithoutRef<'nav'> {
      *  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) => import("react/jsx-runtime").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 { ComponentPropsWithoutRef } from 'react';
-import { MenuItem } from './NavMenu';
+import { MenuItem } from '../navigation-types';
 /**
  * Prop types for NavMenuDropdown
  */

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PantheonLogoDisplayType } from '@components/PantheonLogo/PantheonLogo';
 import { ContainerWidth } from '@libs/types/custom-types';
+import { PantheonLogoDisplayType } from '@components/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) => import("react/jsx-runtime").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;

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

@@ -9,6 +9,10 @@ export interface SideNavProps extends ComponentPropsWithoutRef<'nav'> {
      * Aria label for the navigation.
      */
     ariaLabel: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
     /**
      * Heading text. If a link is passed, it will be rendered as a link.
      */
@@ -28,12 +32,8 @@ export interface SideNavProps 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;
 }
 /**
  * SideNav UI component
  */
-export declare const SideNav: ({ ariaLabel, headingText, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: SideNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SideNav: ({ ariaLabel, className, headingText, labels, menuItems, mobileMenuSelectTextFallback, ...props }: SideNavProps) => import("react/jsx-runtime").JSX.Element;