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

package/README.md

@@ -4,7 +4,7 @@
 
 This toolkit provides assets for use within a React project and a Storybook instance to preview the components.
 
-[Published Storybook](https://live-pds-toolkit-react.appa.pantheon.site/)
+[Published Storybook](https://pds-react.pantheon.io/)
 
 ## Toolkit philosophy and scope
 

package/_dist/components/CTASlice/CTASlice.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ContainerWidth, HeadingLevel } from '@libs/types/custom-types';
+import { ContainerWidth, HeadingLevel } from '../../libs/types/custom-types';
 import './../buttons/Button/button.css';
 import './cta-slice.css';
 interface CTASliceProps extends ComponentPropsWithoutRef<'div'> {

package/_dist/components/Callout/Callout.d.ts

@@ -1,6 +1,7 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusType } from '../../libs/types/custom-types';
 import './callout.css';
-type CalloutType = 'info' | 'success' | 'warning' | 'critical' | 'discovery' | 'code' | 'earlyAccess';
+type CalloutType = StatusType | 'code' | 'earlyAccess';
 type TypeLabels = Record<CalloutType, string>;
 export interface CalloutProps extends ComponentPropsWithoutRef<'div'> {
     /**

package/_dist/components/DashboardStat/DashboardStat.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import './dashboard-stat.css';
-export type DashBoardStatStatus = 'success' | 'warning' | 'launch' | 'error' | 'ready' | 'notReady';
+export type DashboardStatStatus = 'success' | 'warning' | 'launch' | 'error' | 'ready' | 'notReady';
 /**
  * Prop types for DashboardStat
  */
@@ -16,7 +16,7 @@ export interface DashboardStatProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Status of the stat, which determines the icon and icon color.
      */
-    status?: DashBoardStatStatus;
+    status?: DashboardStatStatus;
     /**
      * Title of the stat, displayed as the main heading of the component.
      */

package/_dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../libs/types/custom-types';
 import './pagination.css';
 /**
  * Prop types for Pagination

package/_dist/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { FuiPlacement } from '@libs/types/custom-types';
+import { FuiPlacement } from '../../libs/types/custom-types';
 import './popover.css';
-interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
+export interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
     /**
      * Additional class names.
      */
@@ -63,4 +63,3 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
  * Popover UI component
  */
 export declare const Popover: ({ className, classNameContainer, closeButtonLabel, content, customTrigger, hasCloseButton, offsetValue, onClose, placement, popoverIsOpen, setPopoverIsOpen, title, triggerAccessibleText, triggerIcon, ...props }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts

@@ -1,6 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
-import { Popover } from '@components/Popover/Popover';
+import { SitePlanLevel, SiteType } from '../../libs/types/custom-types';
 import './site-dashboard-heading.css';
 /**
  * Prop types for SiteDashboardHeading
@@ -43,9 +42,11 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
      */
     siteType?: SiteType;
     /**
-     * Additional props to pass to the trigger component.
+     * Additional props to pass to the trigger component. Accepts any HTML div attributes.
      */
-    triggerProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'content' | 'title' | 'placement' | 'triggerIcon'>;
+    triggerProps?: ComponentPropsWithoutRef<'div'> & {
+        [key: `data-${string}`]: string | undefined;
+    };
     /**
      * Label for the upgrade button.
      */

package/_dist/components/SocialLinks/SocialLinks.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../icons/Icon/Icon';
 import './social-links.css';
 interface SocialLinksProps extends ComponentPropsWithoutRef<'ul'> {
     /**

package/_dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../libs/types/custom-types';
 import './status-indicator.css';
 export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
     /**
@@ -16,7 +17,7 @@ export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Sets status type
      */
-    type: 'critical' | 'info' | 'neutral' | 'new' | 'success' | 'warning' | 'working';
+    type: Exclude<StatusType, 'discovery'> | 'neutral' | 'new' | 'working';
 }
 /**
  * StatusIndicator UI component

package/_dist/components/TableOfContents/TableOfContents.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../libs/types/custom-types';
 import './table-of-contents.css';
 /**
  * Prop types for TableOfContents

package/_dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../icons/Icon/Icon';
 import './tabs.css';
 interface Tabs {
     /**

package/_dist/components/Tooltip/Tooltip.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-import { FuiOffset } from '@libs/types/custom-types';
+import { FuiOffset } from '../../libs/types/custom-types';
 import './tooltip.css';
 interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
     /**

package/_dist/components/badges/StatusBadge/StatusBadge.d.ts

@@ -1,4 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './status-badge.css';
 /**
  * StatusBadge component props
@@ -27,7 +28,7 @@ export interface StatusBadgeProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Status type for badge. Only renders if `hasStatusIndicator` is true.
      */
-    statusType?: 'success' | 'info' | 'frozen' | 'critical' | 'warning' | 'discovery' | 'disabled';
+    statusType?: StatusType | 'frozen' | 'disabled';
 }
 /**
  * StatusBadge UI component

package/_dist/components/buttons/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ButtonDisplayType, ButtonSize, ButtonType, ButtonVariant } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './button.css';
 interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
@@ -9,7 +10,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Type of button
      */
-    buttonType?: 'button' | 'submit' | 'reset';
+    buttonType?: ButtonType;
     /**
      * Additional class names
      */
@@ -21,7 +22,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * How the button is displayed.
      */
-    displayType?: 'label-only' | 'icon-start' | 'icon-end';
+    displayType?: ButtonDisplayType;
     /**
      * Which icon to render
      */
@@ -49,7 +50,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which size of button to render
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: ButtonSize;
     /**
      * Text for an optional tooltip to be displayed when the button is `disabled` or `isLoading`.
      */
@@ -57,7 +58,7 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which variant of button to render
      */
-    variant?: 'primary' | 'secondary' | 'subtle' | 'brand' | 'brand-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
+    variant?: ButtonVariant;
 }
 /**
  * A Component used to render a Button

package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ButtonDisplayType, ButtonSize, ButtonVariant } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import '../Button/button.css';
 import './button-link.css';
 type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;

package/_dist/components/buttons/IconButton/IconButton.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithoutRef, MouseEvent } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ButtonSize, ButtonType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './icon-button.css';
 interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
@@ -9,7 +10,7 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Type of button
      */
-    buttonType?: 'button' | 'submit' | 'reset';
+    buttonType?: ButtonType;
     /**
      * Additional class names.
      */
@@ -37,7 +38,7 @@ interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Which size of button to render.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: ButtonSize;
     /**
      * Which variant of button to render.
      */

package/_dist/components/buttons/MenuButton/MenuButton.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithRef, ReactNode } from 'react';
-import { HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '@libs/types/custom-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { ButtonSize, ButtonVariant, HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './menu-button.css';
 /**
  * Prop types for MenuButton
@@ -49,7 +49,7 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
     /**
      * Which size of button to render.
      */
-    size?: 'sm' | 'md';
+    size?: Exclude<ButtonSize, 'lg'>;
     /**
      *  Optional `data-testid` value for this component.
      */
@@ -61,7 +61,7 @@ export interface MenuButtonProps extends ComponentPropsWithRef<'span'> {
     /**
      * Which variant of button to render — only valid for icon-end (default) display type.
      */
-    variant?: 'primary' | 'secondary' | 'navbar';
+    variant?: Extract<ButtonVariant, 'primary' | 'secondary' | 'navbar'>;
     /**
      * Is this button located with the Navbar component?
      * This will adjust the styling and position of the dropdown.

package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts

@@ -1,4 +1,4 @@
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './segmented-button.css';
 /**
  * Structure for each option in the SegmentedButton component.

package/_dist/components/buttons/SplitButton/SplitButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { LinkItemType, MenuItemType } from '@libs/types/custom-types';
+import { ButtonSize, ButtonVariant, LinkItemType, MenuItemType } from '../../../libs/types/custom-types';
 import './split-button.css';
 /**
  * Prop types for SplitButton
@@ -28,11 +28,11 @@ interface SplitButtonProps extends ComponentPropsWithoutRef<'span'> {
     /**
      * Which size of button to render
      */
-    size?: 'sm' | 'md';
+    size?: Exclude<ButtonSize, 'lg'>;
     /**
      * Which variant of button to render
      */
-    variant?: 'primary' | 'secondary';
+    variant?: Extract<ButtonVariant, 'primary' | 'secondary'>;
 }
 /**
  * A component used to render a button with a primary action and a menu of additional options

package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './utility-button.css';
 /**
  * Prop types for UtilityButton

package/_dist/components/cards/Card/Card.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 './card.css';
 export type CardBackground = 'default' | 'mint-gradient' | 'sundown-gradient' | 'yellow-gradient' | 'transparent';
 /**

package/_dist/components/cards/CardHeading/CardHeading.d.ts

@@ -1,4 +1,4 @@
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './card-heading.css';
 /**
  * Prop types for CardHeading

package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './empty-state-card.css';
 /**
  * Prop types for EmptyStateCard

package/_dist/components/cards/LinksCard/LinksCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './links-card.css';
 /**
  * Prop types for LinksCard

package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { BadgeColor } from '@libs/types/custom-types';
+import { BadgeColor } from '../../../libs/types/custom-types';
 import './new-site-card.css';
 interface BadgeValueType {
     color: BadgeColor;

package/_dist/components/cards/PricingCard/PricingCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { ListItems } from '@components/ComparisonList/ComparisonList';
+import { ListItems } from '../../ComparisonList/ComparisonList';
 import './pricing-card.css';
 interface PrimaryCallToAction {
     buttonAction?: () => void;

package/_dist/components/cards/SiteCard/SiteCard.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon, SiteStatus } from '@libs/types/custom-types';
+import { HeadingLevelCommon, SiteStatus } from '../../../libs/types/custom-types';
 import './site-card.css';
 /**
  * Prop types for SiteCard

package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './compact-empty-state.css';
 /**
  * Prop types for CompactEmptyState
@@ -21,7 +21,7 @@ export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'>
     /**
      * Icon to display above the heading.
      */
-    iconName: PDSIcon;
+    iconName?: PDSIcon;
     /**
      * A link element using the router of your choice. Leave empty for no link.
      */

package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
-import { VideoEmbedProps } from '@components/VideoEmbed/VideoEmbed';
+import { HeadingLevel } from '../../../libs/types/custom-types';
+import { VideoEmbedProps } from '../../VideoEmbed/VideoEmbed';
 import './horizontal-empty-state.css';
 /**
  * Prop types for HorizontalEmptyState

package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevel } from '../../../libs/types/custom-types';
 import './vertical-empty-state.css';
 /**
  * Prop types for VerticalEmptyState

package/_dist/components/footer/FooterHeading/FooterHeading.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import type { HeadingLevelCommon } from '@libs/types/custom-types';
+import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './footer-heading.css';
 interface FooterHeadingProps {
     /**

package/_dist/components/footer/FooterLinks/FooterLinks.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import type { HeadingLevelCommon } from '@libs/types/custom-types';
+import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './footer-links.css';
 interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
     /**

package/_dist/components/footer/SiteFooter/SiteFooter.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ContainerWidth } from '@libs/types/custom-types';
+import { ContainerWidth } from '../../../libs/types/custom-types';
 import './site-footer.css';
 interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
     /**

package/_dist/components/icons/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { Display } from '@libs/types/custom-types';
+import { Display } from '../../../libs/types/custom-types';
 /**
  * PDS Icon type.
  */

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

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './checkbox.css';
 /**
  * Prop types for Checkbox

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import '../CheckboxGroup/checkbox-group.css';
 /**
  * Prop types for CheckboxFieldset

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './checkbox-group.css';
 export type CheckboxOption = {
     checked?: boolean;

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

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './combobox.css';
 type LabelStrings = {
     clearButton?: string;

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './file-upload.css';
 type LabelStrings = {
     chooseFile: string;

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

@@ -1,5 +1,5 @@
 import { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './radio-group.css';
 export interface RadioOption {
     /**

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

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './select.css';
 type LabelStrings = {
     selectOptionText: string;
@@ -10,6 +11,10 @@ export type SelectOptionType = {
      * Option disabled.
      */
     disabled?: boolean;
+    /**
+     * Optional icon to display before the option label.
+     */
+    icon?: PDSIcon;
     /**
      * Option label.
      */
@@ -50,6 +55,10 @@ export interface SelectProps {
      * Is the field disabled?
      */
     disabled?: boolean;
+    /**
+     * Optional icon to display before the placeholder text (selectOptionText). Only shows when no value is selected.
+     */
+    icon?: PDSIcon;
     /**
      * Input ID.
      */
@@ -118,5 +127,5 @@ export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroup
 /**
  * Select UI component
  */
-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 declare const Select: ({ className, defaultValue, disabled, icon, 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/Select/select-sample-data.d.ts

@@ -0,0 +1,6 @@
+import { SelectOptionsType, SelectOptionType } from './Select';
+export declare const githubAccountOptions: SelectOptionType[];
+export declare const userRoleOptions: SelectOptionType[];
+export declare const validationExampleOptions: SelectOptionType[];
+export declare const sampleSelectOptionsWithGroups: SelectOptionsType;
+export declare const sampleSelectOptions: SelectOptionType[];

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

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './text-input.css';
-type TranslationStringProps = {
+type LabelStrings = {
     clearButton: string;
     counterOverLimit?: string;
     searchShortcut: string;
@@ -114,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.
      */

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

@@ -1,7 +1,7 @@
 import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
-import { ValidationStatus } from '../input-types';
+import { ValidationStatus } from '../../../libs/types/input-types';
 import './textarea.css';
-export type TranslationStringProps = {
+type LabelStrings = {
     clearButton: string;
     counterOverLimit?: string;
     searchShortcut: string;
@@ -90,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.
      */
@@ -108,3 +108,4 @@ export interface TextareaProps {
  * Textarea UI component
  */
 export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { SpacingScaleOptions, TypeScaleOptions } from '@libs/types/custom-types';
+import { SpacingScaleOptions, TypeScaleOptions } from '../../../libs/types/custom-types';
 import './skeleton.css';
 /**
  * Prop types for Skeleton

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithRef } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './button-nav.css';
 export type ButtonNavItem = Omit<NavigationItem, 'links'>;
 /**

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

@@ -1,7 +1,7 @@
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
+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.
      */
@@ -17,7 +17,7 @@ export type DashboardNavItemProps = NavigationItem & {
         submenu: string;
         toggle: string;
     };
-};
+}
 /**
  * DashboardNavItem UI component
  */

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { SiteStatus, SiteType } from '@libs/types/custom-types';
+import { SiteStatus, SiteType } from '../../../libs/types/custom-types';
 export type SiteOption = {
     /**
      * ID of the site.

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './dropdown-menu.css';
 /**
  * Prop types for DropdownMenu