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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (82) hide show
  1. package/_dist/components/CTASlice/CTASlice.d.ts +1 -1
  2. package/_dist/components/Callout/Callout.d.ts +1 -1
  3. package/_dist/components/Pagination/Pagination.d.ts +1 -1
  4. package/_dist/components/Popover/Popover.d.ts +2 -3
  5. package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +5 -4
  6. package/_dist/components/SocialLinks/SocialLinks.d.ts +1 -1
  7. package/_dist/components/StatusIndicator/StatusIndicator.d.ts +1 -1
  8. package/_dist/components/TableOfContents/TableOfContents.d.ts +1 -1
  9. package/_dist/components/Tabs/Tabs.d.ts +1 -1
  10. package/_dist/components/Tooltip/Tooltip.d.ts +1 -1
  11. package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +1 -1
  12. package/_dist/components/buttons/Button/Button.d.ts +2 -2
  13. package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +2 -2
  14. package/_dist/components/buttons/IconButton/IconButton.d.ts +2 -2
  15. package/_dist/components/buttons/MenuButton/MenuButton.d.ts +2 -2
  16. package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +1 -1
  17. package/_dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
  18. package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +1 -1
  19. package/_dist/components/cards/Card/Card.d.ts +1 -1
  20. package/_dist/components/cards/CardHeading/CardHeading.d.ts +1 -1
  21. package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +1 -1
  22. package/_dist/components/cards/LinksCard/LinksCard.d.ts +1 -1
  23. package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +1 -1
  24. package/_dist/components/cards/PricingCard/PricingCard.d.ts +1 -1
  25. package/_dist/components/cards/SiteCard/SiteCard.d.ts +1 -1
  26. package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts +3 -3
  27. package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +2 -2
  28. package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +1 -1
  29. package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +1 -1
  30. package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +1 -1
  31. package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +1 -1
  32. package/_dist/components/icons/Icon/Icon.d.ts +1 -1
  33. package/_dist/components/inputs/Checkbox/Checkbox.d.ts +1 -1
  34. package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +1 -1
  35. package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +1 -1
  36. package/_dist/components/inputs/Combobox/Combobox.d.ts +1 -1
  37. package/_dist/components/inputs/FileUpload/FileUpload.d.ts +1 -1
  38. package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
  39. package/_dist/components/inputs/Select/Select.d.ts +2 -2
  40. package/_dist/components/inputs/TextInput/TextInput.d.ts +1 -1
  41. package/_dist/components/inputs/Textarea/Textarea.d.ts +1 -1
  42. package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts +1 -1
  43. package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +1 -1
  44. package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +2 -2
  45. package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +1 -1
  46. package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -1
  47. package/_dist/components/navigation/NavMenu/NavMenu.d.ts +1 -1
  48. package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +1 -1
  49. package/_dist/components/navigation/Navbar/Navbar.d.ts +2 -2
  50. package/_dist/components/navigation/SideNav/SideNav.d.ts +1 -1
  51. package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +1 -1
  52. package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +2 -2
  53. package/_dist/components/navigation/TabMenu/TabMenu.d.ts +2 -2
  54. package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +1 -1
  55. package/_dist/components/navigation/UserMenu/UserMenu.d.ts +1 -1
  56. package/_dist/components/navigation/navigation-utilities.d.ts +2 -2
  57. package/_dist/components/notifications/Banner/Banner.d.ts +1 -1
  58. package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +1 -1
  59. package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +2 -2
  60. package/_dist/components/panels/Panel/Panel.d.ts +5 -5
  61. package/_dist/components/panels/PanelList/PanelList.d.ts +5 -1
  62. package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +1 -1
  63. package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts +1 -1
  64. package/_dist/components/tiles/Tile/Tile.d.ts +1 -1
  65. package/_dist/components/tiles/TileGrid/TileGrid.d.ts +2 -2
  66. package/_dist/css/component-css/pds-index.css +1 -1
  67. package/_dist/css/component-css/pds-panel-list.css +1 -1
  68. package/_dist/css/pds-components.css +1 -1
  69. package/_dist/index.css +1 -1
  70. package/_dist/index.js +6 -4
  71. package/_dist/index.js.map +1 -1
  72. package/_dist/layouts/AppLayout/AppLayout.d.ts +1 -1
  73. package/_dist/layouts/Container/Container.d.ts +1 -1
  74. package/_dist/layouts/FlexContainer/FlexContainer.d.ts +1 -1
  75. package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +1 -1
  76. package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +1 -1
  77. package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +1 -1
  78. package/_dist/libs/components/utility-components.d.ts +1 -1
  79. package/_dist/libs/types/custom-types.d.ts +5 -1
  80. package/_dist/libs/types/navigation-types.d.ts +5 -5
  81. package/_dist/mocks/data/navigation-items.d.ts +3 -3
  82. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth, HeadingLevel } from '@libs/types/custom-types';
2
+ import { ContainerWidth, HeadingLevel } from '../../libs/types/custom-types';
3
3
  import './../buttons/Button/button.css';
4
4
  import './cta-slice.css';
5
5
  interface CTASliceProps extends ComponentPropsWithoutRef<'div'> {
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../libs/types/custom-types';
3
3
  import './callout.css';
4
4
  type CalloutType = StatusType | 'code' | 'earlyAccess';
5
5
  type TypeLabels = Record<CalloutType, string>;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon } from '../../libs/types/custom-types';
3
3
  import './pagination.css';
4
4
  /**
5
5
  * Prop types for Pagination
@@ -1,7 +1,7 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { FuiPlacement } from '@libs/types/custom-types';
2
+ import { FuiPlacement } from '../../libs/types/custom-types';
3
3
  import './popover.css';
4
- interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
4
+ export interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'> {
5
5
  /**
6
6
  * Additional class names.
7
7
  */
@@ -63,4 +63,3 @@ interface PopoverProps extends Omit<ComponentPropsWithoutRef<'div'>, 'content'>
63
63
  * Popover UI component
64
64
  */
65
65
  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;
66
- export {};
@@ -1,6 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
3
- import { Popover } from '@components/Popover/Popover';
2
+ import { SitePlanLevel, SiteType } from '../../libs/types/custom-types';
4
3
  import './site-dashboard-heading.css';
5
4
  /**
6
5
  * Prop types for SiteDashboardHeading
@@ -43,9 +42,11 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
43
42
  */
44
43
  siteType?: SiteType;
45
44
  /**
46
- * Additional props to pass to the trigger component.
45
+ * Additional props to pass to the trigger component. Accepts any HTML div attributes.
47
46
  */
48
- triggerProps?: Omit<ComponentPropsWithoutRef<typeof Popover>, 'content' | 'title' | 'placement' | 'triggerIcon'>;
47
+ triggerProps?: ComponentPropsWithoutRef<'div'> & {
48
+ [key: `data-${string}`]: string | undefined;
49
+ };
49
50
  /**
50
51
  * Label for the upgrade button.
51
52
  */
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { PDSIcon } from '../icons/Icon/Icon';
3
3
  import './social-links.css';
4
4
  interface SocialLinksProps extends ComponentPropsWithoutRef<'ul'> {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../libs/types/custom-types';
3
3
  import './status-indicator.css';
4
4
  export interface StatusIndicatorProps extends ComponentPropsWithoutRef<'div'> {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon } from '../../libs/types/custom-types';
3
3
  import './table-of-contents.css';
4
4
  /**
5
5
  * Prop types for TableOfContents
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { PDSIcon } from '../icons/Icon/Icon';
3
3
  import './tabs.css';
4
4
  interface Tabs {
5
5
  /**
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
2
  import { Placement } from '@floating-ui/react';
3
- import { FuiOffset } from '@libs/types/custom-types';
3
+ import { FuiOffset } from '../../libs/types/custom-types';
4
4
  import './tooltip.css';
5
5
  interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
6
6
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
3
  import './status-badge.css';
4
4
  /**
5
5
  * StatusBadge component props
@@ -1,6 +1,6 @@
1
1
  import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
2
- import { ButtonDisplayType, ButtonSize, ButtonType, ButtonVariant } from '@libs/types/custom-types';
3
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { ButtonDisplayType, ButtonSize, ButtonType, ButtonVariant } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import './button.css';
5
5
  interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ButtonDisplayType, ButtonSize, ButtonVariant } from '@libs/types/custom-types';
3
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { ButtonDisplayType, ButtonSize, ButtonVariant } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import '../Button/button.css';
5
5
  import './button-link.css';
6
6
  type ButtonLinkVariant = Exclude<ButtonVariant, 'navbar' | 'inline'>;
@@ -1,6 +1,6 @@
1
1
  import React, { ComponentPropsWithoutRef, MouseEvent } from 'react';
2
- import { ButtonSize, ButtonType } from '@libs/types/custom-types';
3
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { ButtonSize, ButtonType } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import './icon-button.css';
5
5
  interface IconButtonProps extends ComponentPropsWithoutRef<'button'> {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithRef, ReactNode } from 'react';
2
- import { ButtonSize, ButtonVariant, HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '@libs/types/custom-types';
3
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { ButtonSize, ButtonVariant, HeadingItemType, LinkItemType, MenuItemType, NodeItemType, SeparatorItemType } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import './menu-button.css';
5
5
  /**
6
6
  * Prop types for MenuButton
@@ -1,4 +1,4 @@
1
- import { PDSIcon } from '@components/icons/Icon/Icon';
1
+ import { PDSIcon } from '../../icons/Icon/Icon';
2
2
  import './segmented-button.css';
3
3
  /**
4
4
  * Structure for each option in the SegmentedButton component.
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { ButtonSize, ButtonVariant, LinkItemType, MenuItemType } from '@libs/types/custom-types';
2
+ import { ButtonSize, ButtonVariant, LinkItemType, MenuItemType } from '../../../libs/types/custom-types';
3
3
  import './split-button.css';
4
4
  /**
5
5
  * Prop types for SplitButton
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { PDSIcon } from '../../icons/Icon/Icon';
3
3
  import './utility-button.css';
4
4
  /**
5
5
  * Prop types for UtilityButton
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { GridGapOptions } from '@libs/types/layout-types';
2
+ import { GridGapOptions } from '../../../libs/types/layout-types';
3
3
  import './card.css';
4
4
  export type CardBackground = 'default' | 'mint-gradient' | 'sundown-gradient' | 'yellow-gradient' | 'transparent';
5
5
  /**
@@ -1,4 +1,4 @@
1
- import { HeadingLevelCommon } from '@libs/types/custom-types';
1
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
2
2
  import './card-heading.css';
3
3
  /**
4
4
  * Prop types for CardHeading
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './empty-state-card.css';
4
4
  /**
5
5
  * Prop types for EmptyStateCard
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './links-card.css';
4
4
  /**
5
5
  * Prop types for LinksCard
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactElement } from 'react';
2
- import { BadgeColor } from '@libs/types/custom-types';
2
+ import { BadgeColor } from '../../../libs/types/custom-types';
3
3
  import './new-site-card.css';
4
4
  interface BadgeValueType {
5
5
  color: BadgeColor;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { ListItems } from '@components/ComparisonList/ComparisonList';
2
+ import { ListItems } from '../../ComparisonList/ComparisonList';
3
3
  import './pricing-card.css';
4
4
  interface PrimaryCallToAction {
5
5
  buttonAction?: () => void;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon, SiteStatus } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon, SiteStatus } from '../../../libs/types/custom-types';
3
3
  import './site-card.css';
4
4
  /**
5
5
  * Prop types for SiteCard
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
3
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import './compact-empty-state.css';
5
5
  /**
6
6
  * Prop types for CompactEmptyState
@@ -21,7 +21,7 @@ export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'>
21
21
  /**
22
22
  * Icon to display above the heading.
23
23
  */
24
- iconName: PDSIcon;
24
+ iconName?: PDSIcon;
25
25
  /**
26
26
  * A link element using the router of your choice. Leave empty for no link.
27
27
  */
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevel } from '@libs/types/custom-types';
3
- import { VideoEmbedProps } from '@components/VideoEmbed/VideoEmbed';
2
+ import { HeadingLevel } from '../../../libs/types/custom-types';
3
+ import { VideoEmbedProps } from '../../VideoEmbed/VideoEmbed';
4
4
  import './horizontal-empty-state.css';
5
5
  /**
6
6
  * Prop types for HorizontalEmptyState
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevel } from '@libs/types/custom-types';
2
+ import { HeadingLevel } from '../../../libs/types/custom-types';
3
3
  import './vertical-empty-state.css';
4
4
  /**
5
5
  * Prop types for VerticalEmptyState
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import type { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './footer-heading.css';
4
4
  interface FooterHeadingProps {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import type { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import type { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './footer-links.css';
4
4
  interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth } from '@libs/types/custom-types';
2
+ import { ContainerWidth } from '../../../libs/types/custom-types';
3
3
  import './site-footer.css';
4
4
  interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
5
5
  /**
@@ -1,4 +1,4 @@
1
- import { Display } from '@libs/types/custom-types';
1
+ import { Display } from '../../../libs/types/custom-types';
2
2
  /**
3
3
  * PDS Icon type.
4
4
  */
@@ -1,5 +1,5 @@
1
1
  import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './checkbox.css';
4
4
  /**
5
5
  * Prop types for Checkbox
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import '../CheckboxGroup/checkbox-group.css';
4
4
  /**
5
5
  * Prop types for CheckboxFieldset
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './checkbox-group.css';
4
4
  export type CheckboxOption = {
5
5
  checked?: boolean;
@@ -1,5 +1,5 @@
1
1
  import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './combobox.css';
4
4
  type LabelStrings = {
5
5
  clearButton?: string;
@@ -1,5 +1,5 @@
1
1
  import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './file-upload.css';
4
4
  type LabelStrings = {
5
5
  chooseFile: string;
@@ -1,5 +1,5 @@
1
1
  import { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './radio-group.css';
4
4
  export interface RadioOption {
5
5
  /**
@@ -1,6 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
3
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { PDSIcon } from '../../icons/Icon/Icon';
3
+ import { ValidationStatus } from '../../../libs/types/input-types';
4
4
  import './select.css';
5
5
  type LabelStrings = {
6
6
  selectOptionText: string;
@@ -1,5 +1,5 @@
1
1
  import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './text-input.css';
4
4
  type LabelStrings = {
5
5
  clearButton: string;
@@ -1,5 +1,5 @@
1
1
  import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
2
- import { ValidationStatus } from '@libs/types/input-types';
2
+ import { ValidationStatus } from '../../../libs/types/input-types';
3
3
  import './textarea.css';
4
4
  type LabelStrings = {
5
5
  clearButton: string;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { SpacingScaleOptions, TypeScaleOptions } from '@libs/types/custom-types';
2
+ import { SpacingScaleOptions, TypeScaleOptions } from '../../../libs/types/custom-types';
3
3
  import './skeleton.css';
4
4
  /**
5
5
  * Prop types for Skeleton
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithRef } from 'react';
2
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './button-nav.css';
4
4
  export type ButtonNavItem = Omit<NavigationItem, 'links'>;
5
5
  /**
@@ -1,5 +1,5 @@
1
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
- import { NavigationItem } from '@libs/types/navigation-types';
1
+ import { PDSIcon } from '../../icons/Icon/Icon';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './dashboard-nav.css';
4
4
  export interface DashboardNavItemProps extends NavigationItem {
5
5
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { SiteStatus, SiteType } from '@libs/types/custom-types';
2
+ import { SiteStatus, SiteType } from '../../../libs/types/custom-types';
3
3
  export type SiteOption = {
4
4
  /**
5
5
  * ID of the site.
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactElement } from 'react';
2
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './dropdown-menu.css';
4
4
  /**
5
5
  * Prop types for DropdownMenu
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { NavMenuItem } from '@libs/types/navigation-types';
2
+ import { NavMenuItem } from '../../../libs/types/navigation-types';
3
3
  import './nav-menu.css';
4
4
  /**
5
5
  * Prop types for NavMenu
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { NavMenuItem } from '@libs/types/navigation-types';
2
+ import { NavMenuItem } from '../../../libs/types/navigation-types';
3
3
  /**
4
4
  * Prop types for NavMenuDropdown
5
5
  */
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { ContainerWidth } from '@libs/types/custom-types';
3
- import { PantheonLogoDisplayType } from '@components/PantheonLogo/PantheonLogo';
2
+ import { ContainerWidth } from '../../../libs/types/custom-types';
3
+ import { PantheonLogoDisplayType } from '../../PantheonLogo/PantheonLogo';
4
4
  import './navbar.css';
5
5
  /**
6
6
  * Prop types for Navbar
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactElement } from 'react';
2
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './side-nav.css';
4
4
  /**
5
5
  * Prop types for SideNav
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactElement } from 'react';
2
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './side-nav-compact.css';
4
4
  export type SideNavCompactItem = NavigationItem & {
5
5
  /**
@@ -1,5 +1,5 @@
1
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
- import { NavigationItem } from '@libs/types/navigation-types';
1
+ import { PDSIcon } from '../../icons/Icon/Icon';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
3
  import './side-nav-global.css';
4
4
  export interface SideNavGlobalItemProps extends NavigationItem {
5
5
  /**
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
3
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { NavigationItem } from '../../../libs/types/navigation-types';
3
+ import { PDSIcon } from '../../icons/Icon/Icon';
4
4
  import { TabMenuDropdownProps } from './TabMenuDropdown';
5
5
  import './tab-menu.css';
6
6
  type DropdownSettings = Omit<TabMenuDropdownProps, 'links'>;
@@ -1,4 +1,4 @@
1
- import { NavigationItem } from '@libs/types/navigation-types';
1
+ import { NavigationItem } from '../../../libs/types/navigation-types';
2
2
  import './tab-menu.css';
3
3
  export interface TabMenuDropdownProps {
4
4
  /**
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
2
+ import { PDSIcon } from '../../icons/Icon/Icon';
3
3
  import './user-menu.css';
4
4
  /**
5
5
  * Prop types for UserMenuItem
@@ -1,6 +1,6 @@
1
1
  import React, { ReactElement, ReactNode } from 'react';
2
- import { PDSIcon } from '@components/icons/Icon/Icon';
3
- import { NavigationItem } from '@libs/types/navigation-types';
2
+ import { PDSIcon } from '../icons/Icon/Icon';
3
+ import { NavigationItem } from '../../libs/types/navigation-types';
4
4
  /**
5
5
  * Recursively searches through navigation items to find the first active link
6
6
  * @param items - Array of navigation items to search through
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
3
  import './banner.css';
4
4
  type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
5
5
  type Banner = {
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
3
  import './inline-message.css';
4
4
  /**
5
5
  * The type of message to display.
@@ -1,6 +1,6 @@
1
1
  import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
3
- import { Button } from '@components/buttons/Button/Button';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
+ import { Button } from '../../buttons/Button/Button';
4
4
  import './section-message.css';
5
5
  export type SectionMessageType = StatusType;
6
6
  type TypeLabels = Record<SectionMessageType, string>;
@@ -1,9 +1,9 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
3
- import { GridGapOptions } from '@libs/types/layout-types';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
+ import { GridGapOptions } from '../../../libs/types/layout-types';
4
4
  import './panel.css';
5
- type PanelStatusType = Exclude<StatusType, 'discovery'>;
6
- type TypeLabels = Record<PanelStatusType, string>;
5
+ export type PanelStatusType = Exclude<StatusType, 'discovery'> | 'neutral';
6
+ type TypeLabels = Record<Exclude<StatusType, 'discovery'>, string>;
7
7
  export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
8
8
  /**
9
9
  * Panel content.
@@ -24,7 +24,7 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
24
24
  /**
25
25
  * Status type for panel. Only renders if `hasStatusIndicator` is true.
26
26
  */
27
- statusType?: Exclude<StatusType, 'discovery'> | 'neutral';
27
+ statusType?: PanelStatusType;
28
28
  /**
29
29
  * Status type labels for screen readers. Provide translation strings if needed.
30
30
  * Set to empty string ('') to create a visual-only indicator.
@@ -21,8 +21,12 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
21
21
  * Whether to have an outside border. There will always be a border between rows.
22
22
  */
23
23
  hasBorder?: boolean;
24
+ /**
25
+ * Panel list size variants for block padding only.
26
+ */
27
+ paddingSize?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
24
28
  }
25
29
  /**
26
30
  * PanelList UI component
27
31
  */
28
- export declare const PanelList: ({ background, children, className, hasBorder, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
32
+ export declare const PanelList: ({ background, children, className, hasBorder, paddingSize, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef } from 'react';
2
- import { StatusType } from '@libs/types/custom-types';
2
+ import { StatusType } from '../../../libs/types/custom-types';
3
3
  import './progress-bar.css';
4
4
  interface ProgressBarBreakpoint {
5
5
  colorType: Exclude<StatusType, 'discovery'> | 'neutral';
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { Button } from '@components/buttons/Button/Button';
2
+ import { Button } from '../../buttons/Button/Button';
3
3
  import './vertical-stepper.css';
4
4
  /**
5
5
  * Prop types for VerticalStep
@@ -1,5 +1,5 @@
1
1
  import { ComponentPropsWithoutRef, ReactNode } from 'react';
2
- import { HeadingLevelCommon } from '@libs/types/custom-types';
2
+ import { HeadingLevelCommon } from '../../../libs/types/custom-types';
3
3
  import './../tiles-common.css';
4
4
  import './tile.css';
5
5
  export type TileDisplayType = 'border' | 'clean' | 'clean-static';