@pantheon-systems/pds-toolkit-react 1.0.0-dev.193 → 1.0.0-dev.195

package/_dist/components/LinkNewWindow/LinkNewWindow.d.ts

@@ -8,6 +8,10 @@ export interface LinkNewWindowProps extends ComponentPropsWithoutRef<'a'> {
      * Content for the LinkNewWindow.
      */
     children?: ReactNode;
+    /**
+     * Optional font size for the LinkNewWindow. If not provided, the font size will be inherited from the parent element.
+     */
+    fontSize?: 'sm' | 'md' | 'lg';
     /**
      * Translation string for the "opens in a new window" message.
      */
@@ -24,4 +28,4 @@ export interface LinkNewWindowProps extends ComponentPropsWithoutRef<'a'> {
 /**
  * LinkNewWindow UI component
  */
-export declare const LinkNewWindow: ({ children, newWindowText, url, className, ...props }: LinkNewWindowProps) => React.JSX.Element;
+export declare const LinkNewWindow: ({ children, fontSize, newWindowText, url, className, ...props }: LinkNewWindowProps) => React.JSX.Element;

package/_dist/components/Panel/Panel.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './panel.css';
+import { GridGapOptions } from '@layouts/layout-types';
 type StatusType = 'info' | 'success' | 'warning' | 'critical';
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
@@ -10,10 +11,14 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
      * Should the panel show a status indicator.
      */
     hasStatusIndicator?: boolean;
+    /**
+     * Padding for the panel.
+     */
+    padding?: GridGapOptions;
     /**
      * Status type for panel. Only renders if `hasStatusIndicator` is true.
      */
-    statusType: StatusType;
+    statusType?: StatusType;
     /**
      * Which variant of panel to render
      */
@@ -26,5 +31,5 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Panel UI component
  */
-export declare const Panel: ({ children, hasStatusIndicator, statusType, variant, className, ...props }: PanelProps) => React.JSX.Element;
+export declare const Panel: ({ children, hasStatusIndicator, padding, statusType, variant, className, ...props }: PanelProps) => React.JSX.Element;
 export {};

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

@@ -0,0 +1,28 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import { SitePlanLevel, SiteType } from '@libs/types/custom-types';
+import './site-dashboard-heading.css';
+/**
+ * Prop types for SiteDashboardHeading
+ */
+export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Name of the site.
+     */
+    siteName: string;
+    /**
+     * Site plan level.
+     */
+    sitePlanLevel?: SitePlanLevel;
+    /**
+     * Site type.
+     */
+    siteType?: SiteType;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * SiteDashboardHeading UI component
+ */
+export declare const SiteDashboardHeading: ({ siteName, sitePlanLevel, siteType, className, ...props }: SiteDashboardHeadingProps) => React.JSX.Element;

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

@@ -42,6 +42,10 @@ export interface SegmentedButtonProps {
      * Array of button options — must be between 2 and 6 options.
      */
     options: OptionType[];
+    /**
+     * Size of the SegmentedButton.
+     */
+    size?: 'sm' | 'md';
     /**
      * Additional class names
      */
@@ -50,5 +54,5 @@ export interface SegmentedButtonProps {
 /**
  * SegmentedButton UI component
  */
-export declare const SegmentedButton: ({ disabled, id, defaultValue, label, onChange, options, className, ...props }: SegmentedButtonProps) => React.JSX.Element;
+export declare const SegmentedButton: ({ disabled, id, defaultValue, label, onChange, options, size, className, ...props }: SegmentedButtonProps) => React.JSX.Element;
 export {};

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

@@ -1,36 +1,37 @@
-export function SplitButton({ actionItems, disabled, moreActionsLabel, size, variant, className, ...props }: {
-    [x: string]: any;
-    actionItems: any;
-    disabled: any;
+import React, { ComponentPropsWithoutRef } from 'react';
+import { LinkItemType, MenuItemType } from '@libs/types/custom-types';
+import './split-button.css';
+/**
+ * Prop types for SplitButton
+ */
+interface SplitButtonProps extends ComponentPropsWithoutRef<'span'> {
+    /**
+     * Array of menu items
+     */
+    actionItems: Array<LinkItemType | MenuItemType>;
+    /**
+     * Is the button disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Label for the buttons additional actions menu.
+     */
     moreActionsLabel?: string;
-    size?: string;
-    variant?: string;
-    className: any;
-}): React.JSX.Element;
-export namespace SplitButton {
-    namespace propTypes {
-        let actionItems: PropTypes.Requireable<NonNullable<Required<PropTypes.InferProps<{
-            description: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            iconName: PropTypes.Requireable<string>;
-            isLink: PropTypes.Validator<boolean>;
-            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            testId: PropTypes.Requireable<string>;
-        }>> | Required<PropTypes.InferProps<{
-            callback: PropTypes.Requireable<(...args: any[]) => any>;
-            description: PropTypes.Requireable<string>;
-            disabled: PropTypes.Requireable<boolean>;
-            iconName: PropTypes.Requireable<string>;
-            id: PropTypes.Requireable<string>;
-            label: PropTypes.Validator<string>;
-            testId: PropTypes.Requireable<string>;
-        }>>>[]>;
-        let disabled: PropTypes.Requireable<boolean>;
-        let moreActionsLabel: PropTypes.Requireable<string>;
-        let size: PropTypes.Requireable<string>;
-        let variant: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
+    /**
+     * Which size of button to render
+     */
+    size?: 'sm' | 'md';
+    /**
+     * Which variant of button to render
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * A component used to render a button with a primary action and a menu of additional options
+ */
+export declare const SplitButton: ({ actionItems, disabled, moreActionsLabel, size, variant, className, ...props }: SplitButtonProps) => React.JSX.Element;
+export {};

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

@@ -25,6 +25,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
      * Input ID.
      */
     id: string;
+    /**
+     * Additional props for the `<input>` element.
+     */
+    inputProps?: ComponentPropsWithoutRef<'input'>;
     /**
      * Width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
      */
@@ -73,5 +77,5 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * FileUpload UI component
  */
-export declare const FileUpload: ({ accept, disabled, fieldLabel, id, inputWidth, labelStrings, message, multiple, onClear, onFileChange, required, showLabel, validationMessage, validationStatus, className, ...props }: FileUploadProps) => React.JSX.Element;
+export declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { SiteStatus } from '@libs/types/custom-types';
+import { SiteStatus, SiteType } from '@libs/types/custom-types';
 export type SiteOption = {
     /**
      * ID of the site.
@@ -20,7 +20,7 @@ export type SiteOption = {
     /**
      * Site type.
      */
-    type?: 'drupal' | 'wordpress' | 'gatsby' | 'nextjs';
+    type?: SiteType;
 };
 /** Site option display props. */
 export interface SiteOptionDisplayProps extends ComponentPropsWithoutRef<'div'> {

package/_dist/css/component-css/pds-combobox.css

@@ -1 +1 @@
-.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:2.441rem;justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-text-default);font-size:1rem;padding:1rem}
+.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;height:var(--pds-spacing-input-height);justify-content:space-between;padding-inline:.64rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-input-foreground-default);color:var(--pds-color-input-foreground-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder-text)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-text-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-text-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.pds-combobox__loading,.pds-combobox__no-results{color:var(--pds-color-text-default);font-size:1rem;padding:1rem}

package/_dist/css/component-css/pds-dashboard-search.css

@@ -1 +1 @@
-.pds-dashboard-search{--dashboard-search-height:2.441rem;height:var(--dashboard-search-height);margin-inline-end:-.64rem;position:absolute;transition:width .375s ease;z-index:400}.pds-dashboard-search--inner{align-content:stretch;display:flex}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border:.0625rem solid transparent;border-radius:.1875rem;color:var(--pds-color-text-default);cursor:pointer;display:flex;height:var(--dashboard-search-height);padding-inline:.64rem}.pds-dashboard-search__search-toggle:hover{color:var(--pds-color-interactive-link-hover)}.pds-dashboard-search__search-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-dashboard-search__search-toggle-icon{pointer-events:none}.pds-dashboard-search__option-display{justify-content:space-between;width:100%}.pds-dashboard-search__option-display,.pds-dashboard-search__option-inner{align-items:center;column-gap:.8rem;display:flex}.pds-dashboard-search__option-icon{align-items:center;color:var(--pds-color-text-default-secondary);display:flex}.pds-dashboard-search__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-dashboard-search--isMobile{border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;min-height:3.815rem;position:relative;width:100vw}.pds-dashboard-search--isMobile .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - 2.5rem)}.pds-dashboard-search--mobile-inner{padding-block:.64rem}
+.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height);height:var(--dashboard-search-height);margin-inline-end:-.64rem;position:absolute;transition:width .375s ease;z-index:400}.pds-dashboard-search--inner{align-content:stretch;display:flex}.pds-dashboard-search__combobox{left:0;position:absolute;right:0}.pds-dashboard-search__search-toggle{align-items:center;background-color:transparent;border:.0625rem solid transparent;border-radius:.1875rem;color:var(--pds-color-text-default);cursor:pointer;display:flex;height:var(--dashboard-search-height);padding-inline:.64rem}.pds-dashboard-search__search-toggle:hover{color:var(--pds-color-interactive-link-hover)}.pds-dashboard-search__search-toggle:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus);transition:outline .2s ease-in-out 0s}.pds-dashboard-search__search-toggle-icon{pointer-events:none}.pds-dashboard-search__option-display{justify-content:space-between;width:100%}.pds-dashboard-search__option-display,.pds-dashboard-search__option-inner{align-items:center;column-gap:.8rem;display:flex}.pds-dashboard-search__option-icon{align-items:center;color:var(--pds-color-text-default-secondary);display:flex}.pds-dashboard-search__option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-dashboard-search--isMobile{border-bottom:.0625rem solid var(--pds-color-border-default);left:50%;margin-inline-start:-50vw;min-height:3.815rem;position:relative;width:100vw}.pds-dashboard-search--isMobile .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - 2.5rem)}.pds-dashboard-search--mobile-inner{padding-block:.64rem}

package/_dist/css/component-css/pds-dropdown-menu.css

@@ -1,2 +1,2 @@
-.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-text-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;height:2.441rem;justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
+.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-size:1rem;font-weight:600;margin-block-end:.64rem}.pds-dropdown-menu__heading a{color:var(--pds-color-text-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;color:var(--pds-color-input-foreground-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height);justify-content:space-between;padding:0 .64rem;text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:.0625rem solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__trigger[aria-expanded=true]
 	.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-dropdown-menu__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);list-style-type:none;margin-block-start:.64rem;max-height:30rem;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:200}.pds-dropdown-menu__dropdown a{color:var(--pds-color-menu-item-foreground);display:flex;padding:.64rem 1rem;text-decoration:none}.pds-dropdown-menu__dropdown:focus{outline:none}.pds-dropdown-menu__item:focus,.pds-dropdown-menu__item:hover{background-color:var(--pds-color-menu-item-background-hover);outline:none}.pds-dropdown-menu__item--second-level a{padding-inline-start:2.441rem}.pds-dropdown-menu__item--third-level a{padding-inline-start:4.004rem}.pds-dropdown-menu__active-label{display:flex;padding-inline-start:.25rem}.pds-dropdown-menu__item--active{align-items:center;background-color:var(--pds-color-menu-item-background-active);color:var(--pds-color-foreground-default);display:flex;justify-content:space-between}.pds-dropdown-menu__active-icon{flex-shrink:0;margin-inline:1rem}

package/_dist/css/component-css/pds-file-upload.css

@@ -1,4 +1,4 @@
-.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.512rem;cursor:pointer;height:2.441rem;padding-inline:.512rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-text-default);font-size:1rem;text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
+.pds-file-upload__input-wrapper{align-items:center;background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;box-sizing:border-box;display:flex;gap:.64rem;column-gap:.328rem;cursor:pointer;height:var(--pds-spacing-input-height);padding-inline:.328rem;position:relative;transition:background-color .2s ease-in-out 0s,border-color .2s ease-in-out 0s;width:100%}.pds-file-upload__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-file-upload__input::file-selector-button{padding:0;visibility:hidden;width:.1rem}.pds-file-upload__input{color:var(--pds-color-text-default);font-size:1rem;text-align:left;width:100%}.pds-file-upload__input:focus{outline:none}.pds-file-upload__input-label{all:unset;align-items:center;background-color:var(
 		--pds-color-input-file-upload-button-background-default
 	);border-radius:.1875rem;color:var(--pds-color-foreground-default);display:flex;font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;gap:.41rem;letter-spacing:0;line-height:1;padding:.41rem .512rem;white-space:nowrap}.pds-file-upload__input-label:hover{background-color:var(
 			--pds-color-input-file-upload-button-background-hover