@pantheon-systems/pds-toolkit-react 1.0.0-beta.7 → 1.0.0-beta.8
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.
- package/_dist/components/CTASlice/CTASlice.d.ts +1 -1
- package/_dist/components/Callout/Callout.d.ts +1 -1
- package/_dist/components/Pagination/Pagination.d.ts +1 -1
- package/_dist/components/Popover/Popover.d.ts +2 -3
- package/_dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts +3 -3
- package/_dist/components/SocialLinks/SocialLinks.d.ts +1 -1
- package/_dist/components/StatusIndicator/StatusIndicator.d.ts +1 -1
- package/_dist/components/TableOfContents/TableOfContents.d.ts +1 -1
- package/_dist/components/Tabs/Tabs.d.ts +1 -1
- package/_dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/_dist/components/badges/StatusBadge/StatusBadge.d.ts +1 -1
- package/_dist/components/buttons/Button/Button.d.ts +2 -2
- package/_dist/components/buttons/ButtonLink/ButtonLink.d.ts +2 -2
- package/_dist/components/buttons/IconButton/IconButton.d.ts +2 -2
- package/_dist/components/buttons/MenuButton/MenuButton.d.ts +2 -2
- package/_dist/components/buttons/SegmentedButton/SegmentedButton.d.ts +1 -1
- package/_dist/components/buttons/SplitButton/SplitButton.d.ts +1 -1
- package/_dist/components/buttons/UtilityButton/UtilityButton.d.ts +1 -1
- package/_dist/components/cards/Card/Card.d.ts +1 -1
- package/_dist/components/cards/CardHeading/CardHeading.d.ts +1 -1
- package/_dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts +1 -1
- package/_dist/components/cards/LinksCard/LinksCard.d.ts +1 -1
- package/_dist/components/cards/NewSiteCard/NewSiteCard.d.ts +1 -1
- package/_dist/components/cards/PricingCard/PricingCard.d.ts +1 -1
- package/_dist/components/cards/SiteCard/SiteCard.d.ts +1 -1
- package/_dist/components/empty-states/CompactEmptyState/CompactEmptyState.d.ts +3 -3
- package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts +2 -2
- package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts +1 -1
- package/_dist/components/footer/FooterHeading/FooterHeading.d.ts +1 -1
- package/_dist/components/footer/FooterLinks/FooterLinks.d.ts +1 -1
- package/_dist/components/footer/SiteFooter/SiteFooter.d.ts +1 -1
- package/_dist/components/icons/Icon/Icon.d.ts +1 -1
- package/_dist/components/inputs/Checkbox/Checkbox.d.ts +1 -1
- package/_dist/components/inputs/CheckboxFieldset/CheckboxFieldset.d.ts +1 -1
- package/_dist/components/inputs/CheckboxGroup/CheckboxGroup.d.ts +1 -1
- package/_dist/components/inputs/Combobox/Combobox.d.ts +1 -1
- package/_dist/components/inputs/FileUpload/FileUpload.d.ts +1 -1
- package/_dist/components/inputs/RadioGroup/RadioGroup.d.ts +1 -1
- package/_dist/components/inputs/Select/Select.d.ts +2 -2
- package/_dist/components/inputs/TextInput/TextInput.d.ts +1 -1
- package/_dist/components/inputs/Textarea/Textarea.d.ts +1 -1
- package/_dist/components/loading-indicators/Skeleton/Skeleton.d.ts +1 -1
- package/_dist/components/navigation/ButtonNav/ButtonNav.d.ts +1 -1
- package/_dist/components/navigation/DashboardNav/DashboardNavItem.d.ts +2 -2
- package/_dist/components/navigation/DashboardSearch/SiteOptionDisplay.d.ts +1 -1
- package/_dist/components/navigation/DropdownMenu/DropdownMenu.d.ts +1 -1
- package/_dist/components/navigation/NavMenu/NavMenu.d.ts +1 -1
- package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts +1 -1
- package/_dist/components/navigation/Navbar/Navbar.d.ts +2 -2
- package/_dist/components/navigation/SideNav/SideNav.d.ts +1 -1
- package/_dist/components/navigation/SideNavCompact/SideNavCompact.d.ts +1 -1
- package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts +2 -2
- package/_dist/components/navigation/TabMenu/TabMenu.d.ts +2 -2
- package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts +1 -1
- package/_dist/components/navigation/UserMenu/UserMenu.d.ts +1 -1
- package/_dist/components/navigation/navigation-utilities.d.ts +2 -2
- package/_dist/components/notifications/Banner/Banner.d.ts +1 -1
- package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts +1 -1
- package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts +2 -2
- package/_dist/components/panels/Panel/Panel.d.ts +5 -5
- package/_dist/components/panels/PanelList/PanelList.d.ts +5 -1
- package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts +1 -1
- package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts +1 -1
- package/_dist/components/tiles/Tile/Tile.d.ts +1 -1
- package/_dist/components/tiles/TileGrid/TileGrid.d.ts +2 -2
- package/_dist/css/component-css/pds-index.css +1 -1
- package/_dist/css/component-css/pds-panel-list.css +1 -1
- package/_dist/css/pds-components.css +1 -1
- package/_dist/index.css +1 -1
- package/_dist/index.js +6 -4
- package/_dist/index.js.map +1 -1
- package/_dist/layouts/AppLayout/AppLayout.d.ts +1 -1
- package/_dist/layouts/Container/Container.d.ts +1 -1
- package/_dist/layouts/FlexContainer/FlexContainer.d.ts +1 -1
- package/_dist/layouts/SidebarLayout/SidebarLayout.d.ts +1 -1
- package/_dist/layouts/ThreeItemLayout/ThreeItemLayout.d.ts +1 -1
- package/_dist/layouts/TwoItemLayout/TwoItemLayout.d.ts +1 -1
- package/_dist/libs/components/utility-components.d.ts +1 -1
- package/_dist/libs/types/custom-types.d.ts +5 -1
- package/_dist/libs/types/navigation-types.d.ts +5 -5
- package/_dist/mocks/data/navigation-items.d.ts +3 -3
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { ContainerWidth, HeadingLevel } from '
|
|
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 '
|
|
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,7 +1,7 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { FuiPlacement } from '
|
|
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,6 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { SitePlanLevel, SiteType } from '
|
|
3
|
-
import {
|
|
2
|
+
import { SitePlanLevel, SiteType } from '../../libs/types/custom-types';
|
|
3
|
+
import { PopoverProps } from '../Popover/Popover';
|
|
4
4
|
import './site-dashboard-heading.css';
|
|
5
5
|
/**
|
|
6
6
|
* Prop types for SiteDashboardHeading
|
|
@@ -45,7 +45,7 @@ export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div
|
|
|
45
45
|
/**
|
|
46
46
|
* Additional props to pass to the trigger component.
|
|
47
47
|
*/
|
|
48
|
-
triggerProps?: Omit<
|
|
48
|
+
triggerProps?: Omit<PopoverProps, 'content' | 'title' | 'placement' | 'triggerIcon'>;
|
|
49
49
|
/**
|
|
50
50
|
* Label for the upgrade button.
|
|
51
51
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { StatusType } from '
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
2
|
import { Placement } from '@floating-ui/react';
|
|
3
|
-
import { FuiOffset } from '
|
|
3
|
+
import { FuiOffset } from '../../libs/types/custom-types';
|
|
4
4
|
import './tooltip.css';
|
|
5
5
|
interface TooltipProps extends ComponentPropsWithoutRef<'div'> {
|
|
6
6
|
/**
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { ButtonDisplayType, ButtonSize, ButtonType, ButtonVariant } from '
|
|
3
|
-
import { PDSIcon } from '
|
|
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 '
|
|
3
|
-
import { PDSIcon } from '
|
|
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 '
|
|
3
|
-
import { PDSIcon } from '
|
|
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 '
|
|
3
|
-
import { PDSIcon } from '
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
-
import { ButtonSize, ButtonVariant, LinkItemType, MenuItemType } from '
|
|
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 { GridGapOptions } from '
|
|
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,5 +1,5 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { HeadingLevelCommon } from '
|
|
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 } from 'react';
|
|
2
|
-
import { ListItems } from '
|
|
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 '
|
|
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 '
|
|
3
|
-
import { PDSIcon } from '
|
|
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
|
|
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 '
|
|
3
|
-
import { VideoEmbedProps } from '
|
|
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 type { HeadingLevelCommon } from '
|
|
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 '
|
|
2
|
+
import { ContainerWidth } from '../../../libs/types/custom-types';
|
|
3
3
|
import './site-footer.css';
|
|
4
4
|
interface SiteFooterProps extends ComponentPropsWithoutRef<'footer'> {
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ChangeEvent, ComponentPropsWithoutRef, FocusEvent, ReactNode } from 'react';
|
|
2
|
-
import { ValidationStatus } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
3
|
-
import { ValidationStatus } from '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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 '
|
|
2
|
-
import { NavigationItem } from '
|
|
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, ReactElement } from 'react';
|
|
2
|
-
import { NavigationItem } from '
|
|
2
|
+
import { NavigationItem } from '../../../libs/types/navigation-types';
|
|
3
3
|
import './dropdown-menu.css';
|
|
4
4
|
/**
|
|
5
5
|
* Prop types for DropdownMenu
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
-
import { ContainerWidth } from '
|
|
3
|
-
import { PantheonLogoDisplayType } from '
|
|
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 '
|
|
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 '
|
|
2
|
-
import { NavigationItem } from '
|
|
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 {
|
|
3
|
-
import {
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import React, { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { PDSIcon } from '
|
|
3
|
-
import { NavigationItem } from '
|
|
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 '
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
|
|
2
|
-
import { StatusType } from '
|
|
3
|
-
import { Button } from '
|
|
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 '
|
|
3
|
-
import { GridGapOptions } from '
|
|
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<
|
|
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?:
|
|
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 '
|
|
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 { HeadingLevelCommon } from '
|
|
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';
|