@pantheon-systems/pds-toolkit-react 1.0.0-dev.226 → 1.0.0-dev.227

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

@@ -41,6 +41,10 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
      * Should the label (legend) be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Validation message for the input field based on the validation status.
      */
@@ -57,4 +61,4 @@ export interface CheckboxGroupWrapperProps extends ComponentPropsWithoutRef<'div
 /**
  * CheckboxFieldset UI component
  */
-export declare const CheckboxFieldset: ({ children, disabled, fieldsetProps, id, inputWidth, label, message, required, showLabel, validationMessage, validationStatus, className, ...props }: CheckboxGroupWrapperProps) => React.JSX.Element;
+export declare const CheckboxFieldset: ({ children, disabled, fieldsetProps, id, inputWidth, label, message, required, showLabel, tooltipText, validationMessage, validationStatus, className, ...props }: CheckboxGroupWrapperProps) => React.JSX.Element;

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

@@ -57,6 +57,10 @@ export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
      * Should the label (legend) be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Validation message for the input field based on the validation status.
      */
@@ -73,4 +77,4 @@ export interface CheckboxGroupProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * CheckboxGroup UI component
  */
-export declare const CheckboxGroup: ({ disabled, fieldsetProps, id, inputWidth, label, message, onGroupBlur, onValueChange, options, required, showLabel, validationMessage, validationStatus, className, ...props }: CheckboxGroupProps) => React.JSX.Element;
+export declare const CheckboxGroup: ({ disabled, fieldsetProps, id, inputWidth, label, message, onGroupBlur, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, className, ...props }: CheckboxGroupProps) => React.JSX.Element;

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

@@ -110,6 +110,10 @@ export interface ComboboxProps extends ComponentPropsWithoutRef<'div'> {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Value attribute of input
      */

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

@@ -69,6 +69,10 @@ export interface FileUploadProps extends ComponentPropsWithoutRef<'div'> {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Validation message for the input field based on the validation status.
      */

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

@@ -77,6 +77,10 @@ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
      * @default true
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Validation message
      */
@@ -97,4 +101,4 @@ export interface RadioGroupProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * RadioGroup UI component
  */
-export declare const RadioGroup: ({ defaultValue, disabled, fieldsetProps, id, inputWidth, label, message, onBlur, onChange, onValueChange, options, required, showLabel, validationMessage, validationStatus, value, className, ...props }: RadioGroupProps) => React.JSX.Element;
+export declare const RadioGroup: ({ defaultValue, disabled, fieldsetProps, id, inputWidth, label, message, onBlur, onChange, onValueChange, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, className, ...props }: RadioGroupProps) => React.JSX.Element;

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

@@ -90,6 +90,10 @@ export interface SelectProps {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Validation message for the input field based on the validation status.
      */
@@ -114,5 +118,5 @@ export declare const SelectOptionGroup: ({ label, children, }: SelectOptionGroup
 /**
  * Select UI component
  */
-export declare const Select: ({ defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, validationMessage, validationStatus, value, className, ...props }: SelectProps) => React.JSX.Element;
+export declare const Select: ({ defaultValue, disabled, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, className, ...props }: SelectProps) => React.JSX.Element;
 export {};

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

@@ -99,6 +99,10 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      * Show Toggle visibility control for input. Valid for type `password` only.
      */
     showVisibilityToggle?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Translation strings for various labels or other visually-hidden text.
      */

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

@@ -79,6 +79,10 @@ export interface TextareaProps {
      * Additional props for the `<textarea>` element.
      */
     textareaProps?: ComponentPropsWithoutRef<'textarea'>;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
     /**
      * Translation strings for various labels or other visually-hidden text.
      */

package/_dist/components/inputs/input-utilities.d.ts

@@ -43,12 +43,16 @@ interface InputLabelProps {
      * Used for inputs that have their label built into the element itself.
      */
     isPseudoLabel?: boolean;
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string;
     /**
      * Additional class names.
      */
     className?: string;
 }
-export declare const InputLabel: ({ id, label, showLabel, required, disabled, isLegend, isPseudoLabel, className, }: InputLabelProps) => React.JSX.Element;
+export declare const InputLabel: ({ id, label, showLabel, required, disabled, isLegend, isPseudoLabel, tooltipText, className, }: InputLabelProps) => React.JSX.Element;
 export declare const InputMessage: ({ id, message, hasValidationMessage, validationMessageHasDecorators, validationStatus, className, }: {
     id: string;
     message?: string | ReactNode;

package/_dist/css/pds-layouts.css

@@ -5,4 +5,4 @@
 	)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover,.pds-dashboard-global--isAdmin button.pds-icon-button:hover:enabled{background-color:var(
 			--pds-color-dashboard-nav-item-background-hover-admin
 		)}.pds-dashboard-global--isAdmin .pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active
-		.pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-inner{max-width:var(--pds-dashboard-navbar-max-width)}.pds-dashboard-inner>:nth-last-child(2){margin-block-end:2.441rem}.pds-dashboard-inner__header-top{column-gap:2.441rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:1.563rem;row-gap:1.563rem}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:2.441rem;width:100%}.pds-flex-container{display:flex}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex--wrap{flex-wrap:wrap}.pds-flex--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--flex-start{justify-content:flex-start}.pds-flex-justify--flex-end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--space-between{justify-content:space-between}.pds-flex-justify--space-around{justify-content:space-around}.pds-flex-justify--space-evenly{justify-content:space-evenly}.pds-flex-align-items--flex-start{align-items:flex-start}.pds-flex-align-items--flex-end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--flex-start{align-content:flex-start}.pds-flex-align-content--flex-end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}.pds-flex-align-content--space-between{align-content:space-between}.pds-flex-align-content--space-around{align-content:space-around}.pds-flex-align-content--stretch{align-content:stretch}.pds-gap--none{gap:0}.pds-flex-gap--narrow{gap:1.25rem}.pds-flex-gap--standard{gap:1.563rem}.pds-flex-gap--wide{gap:1.953rem}@media (min-width:1025px){.pds-flex-gap--narrow{gap:1.563rem}.pds-flex-gap--standard{gap:1.953rem}.pds-flex-gap--wide{gap:2.441rem}}.pds-flex-container--mobile .pds-flex-gap--narrow{gap:1.25rem}.pds-flex-container--mobile .pds-flex-gap--standard{gap:1.563rem}.pds-flex-container--mobile .pds-flex-gap--wide{gap:1.953rem}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:1.953rem}@media (min-width:641px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1025px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:1.563rem;display:flex;justify-content:space-between;padding-block-start:3.052rem}@media (min-width:641px){.pds-stepper__button-group{box-sizing:border-box;margin-left:50%;max-width:var(--pds-stepper-layout-max-width);padding-inline:calc(var(--pds-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}
+		.pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-active)}.pds-dashboard-inner{max-width:var(--pds-dashboard-navbar-max-width)}.pds-dashboard-inner>:nth-last-child(2){margin-block-end:2.441rem}.pds-dashboard-inner__header-top{column-gap:2.441rem;display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-end:1.563rem;row-gap:1.563rem}.pds-dashboard-inner__content-wrapper{display:flex;flex-direction:column;row-gap:2.441rem;width:100%}.pds-flex-container{display:flex}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex-wrap--wrap{flex-wrap:wrap}.pds-flex-wrap--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--flex-start{justify-content:flex-start}.pds-flex-justify--flex-end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--space-between{justify-content:space-between}.pds-flex-justify--space-around{justify-content:space-around}.pds-flex-justify--space-evenly{justify-content:space-evenly}.pds-flex-align-items--flex-start{align-items:flex-start}.pds-flex-align-items--flex-end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--flex-start{align-content:flex-start}.pds-flex-align-content--flex-end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}.pds-flex-align-content--space-between{align-content:space-between}.pds-flex-align-content--space-around{align-content:space-around}.pds-flex-align-content--stretch{align-content:stretch}.pds-gap--none{gap:0}.pds-flex-gap--narrow{gap:1.25rem}.pds-flex-gap--standard{gap:1.563rem}.pds-flex-gap--wide{gap:1.953rem}@media (min-width:1025px){.pds-flex-gap--narrow{gap:1.563rem}.pds-flex-gap--standard{gap:1.953rem}.pds-flex-gap--wide{gap:2.441rem}}.pds-flex-container--mobile .pds-flex-gap--narrow{gap:1.25rem}.pds-flex-container--mobile .pds-flex-gap--standard{gap:1.563rem}.pds-flex-container--mobile .pds-flex-gap--wide{gap:1.953rem}.pds-stepper-layout{padding-inline:0}.pds-stepper-layout__form-container{padding-block-start:1.953rem}@media (min-width:641px){.pds-stepper-layout__form-container{margin-inline:auto;padding-inline:14%}}@media (min-width:1025px){.pds-stepper-layout__form-container{padding-inline:16%}}.pds-stepper__button-group{column-gap:1.563rem;display:flex;justify-content:space-between;padding-block-start:3.052rem}@media (min-width:641px){.pds-stepper__button-group{box-sizing:border-box;margin-left:50%;max-width:var(--pds-stepper-layout-max-width);padding-inline:calc(var(--pds-stepper-indicator-size)*2);transform:translate3d(-50%,0,0);width:100vw}}.pds-three-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-three-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-three-item-layout--center .pds-grid-item{justify-content:center}.pds-three-item-layout--end .pds-grid-item{justify-content:flex-end}.pds-two-item-layout .pds-grid-item{display:flex;flex-direction:column}.pds-two-item-layout--start .pds-grid-item{justify-content:flex-start}.pds-two-item-layout--center .pds-grid-item{justify-content:center}.pds-two-item-layout--end .pds-grid-item{justify-content:flex-end}