@pantheon-systems/pds-toolkit-react 1.0.0-dev.135 → 1.0.0-dev.137

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

@@ -564,7 +564,7 @@ declare const svgData: {
         readonly width: "512";
     };
     readonly wordpress: {
-        readonly path: "M256 8C119.3 8 8 119.2 8 256c0 136.7 111.3 248 248 248s248-111.3 248-248C504 119.2 392.7 8 256 8zM33 256c0-32.3 6.9-63 19.3-90.7l106.4 291.4C84.3 420.5 33 344.2 33 256zm223 223c-21.9 0-43-3.2-63-9.1l66.9-194.4 68.5 187.8c.5 1.1 1 2.1 1.6 3.1-23.1 8.1-48 12.6-74 12.6zm30.7-327.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-21.9 0-58.7-2.8-58.7-2.8-12-.7-13.4 17.7-1.4 18.4 0 0 11.4 1.4 23.4 2.1l34.7 95.2L200.6 393l-81.2-241.5c13.4-.7 25.5-2.1 25.5-2.1 12-1.4 10.6-19.1-1.4-18.4 0 0-36.1 2.8-59.4 2.8-4.2 0-9.1-.1-14.4-.3C109.6 73 178.1 33 256 33c58 0 110.9 22.2 150.6 58.5-1-.1-1.9-.2-2.9-.2-21.9 0-37.4 19.1-37.4 39.6 0 18.4 10.6 33.9 21.9 52.3 8.5 14.8 18.4 33.9 18.4 61.5 0 19.1-7.3 41.2-17 72.1l-22.2 74.3-80.7-239.6zm81.4 297.2l68.1-196.9c12.7-31.8 17-57.2 17-79.9 0-8.2-.5-15.8-1.5-22.9 17.4 31.8 27.3 68.2 27.3 107 0 82.3-44.6 154.1-110.9 192.7z";
+        readonly path: "M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8 .9 0 1.8 .1 2.8 .2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7 .3 13.7 .3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z";
         readonly width: "512";
     };
     readonly wrench: {

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

@@ -1,4 +1,4 @@
-export function Popover({ content, customTrigger, hasCloseButton, offsetValue, onClose, placement, title, triggerIcon, triggerAccessibleText, className, ...props }: {
+export function Popover({ content, customTrigger, hasCloseButton, offsetValue, onClose, placement, title, triggerIcon, triggerAccessibleText, popoverIsOpen, setPopoverIsOpen, className, ...props }: {
     [x: string]: any;
     content: any;
     customTrigger?: boolean;
@@ -9,6 +9,8 @@ export function Popover({ content, customTrigger, hasCloseButton, offsetValue, o
     title: any;
     triggerIcon?: string;
     triggerAccessibleText?: string;
+    popoverIsOpen?: boolean;
+    setPopoverIsOpen?: () => void;
     className: any;
 }): React.JSX.Element;
 export namespace Popover {
@@ -22,6 +24,8 @@ export namespace Popover {
         let title: PropTypes.Requireable<string>;
         let triggerAccessibleText: PropTypes.Requireable<string>;
         let triggerIcon: PropTypes.Requireable<string>;
+        let popoverIsOpen: PropTypes.Requireable<boolean>;
+        let setPopoverIsOpen: PropTypes.Requireable<(...args: any[]) => any>;
         let className: PropTypes.Requireable<string>;
     }
 }

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import './tally.css';
+interface TypeLabels {
+    info?: string;
+    success?: string;
+    neutral?: string;
+    warning?: string;
+    critical?: string;
+}
+/**
+ * Prop types for Tally
+ */
+interface TallyProps {
+    /**
+     * Label text
+     */
+    label: string | number;
+    /**
+     * Notification type
+     */
+    type: 'neutral' | 'critical' | 'warning' | 'info' | 'success';
+    /**
+     * Message type labels.
+     */
+    typeLabels?: TypeLabels;
+    /**
+     * Additional class names
+    */
+    className?: string;
+}
+/**
+ * Tally UI component
+ */
+export declare const Tally: ({ label, type, typeLabels, className, ...props }: TallyProps) => React.JSX.Element;
+export {};

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

@@ -1,4 +1,4 @@
-export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, mobileMenuMaxWidth, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: {
+export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id, isSplitButton, label, menuItems, menuPosition, size, testId, undefinedLabel, variant, withinNavbar, className, ...props }: {
     [x: string]: any;
     avatarImageSrc: any;
     disabled: any;
@@ -9,7 +9,6 @@ export function MenuButton({ avatarImageSrc, disabled, displayType, iconName, id
     label: any;
     menuItems: any;
     menuPosition?: string;
-    mobileMenuMaxWidth?: number;
     size?: string;
     testId: any;
     undefinedLabel?: string;
@@ -51,7 +50,6 @@ export namespace MenuButton {
             isSeparator: PropTypes.Validator<boolean>;
         }>>>[]>;
         export let menuPosition: PropTypes.Requireable<string>;
-        export let mobileMenuMaxWidth: PropTypes.Requireable<number>;
         export let size: PropTypes.Requireable<string>;
         export let testId: PropTypes.Requireable<string>;
         export let undefinedLabel: PropTypes.Requireable<string>;

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

@@ -1,65 +1,5 @@
-export function Combobox({ disabled, hasClearButton, hasDropdownTrigger, hasSearchIcon, hasSearchShortcut, id, initialValue, inputWidth, isLoading, label, labelStrings, loadingText, message, noResultsText, onOptionSelect, options, placeholder, required, showLabel, validationFunction, className, ...props }: {
-    [x: string]: any;
-    disabled?: boolean;
-    hasClearButton?: boolean;
-    hasDropdownTrigger?: boolean;
-    hasSearchIcon?: boolean;
-    hasSearchShortcut?: boolean;
-    id: any;
-    initialValue: any;
-    inputWidth: any;
-    isLoading?: boolean;
-    label: any;
-    labelStrings?: {
-        clearButton: string;
-        inputInstructions: string;
-        searchShortcut: string;
-        triggerButton: string;
-    };
-    loadingText?: string;
-    message: any;
-    noResultsText?: string;
-    onOptionSelect: any;
-    options: any;
-    placeholder: any;
-    required?: boolean;
-    showLabel?: boolean;
-    validationFunction: any;
-    className: any;
-}): React.JSX.Element;
-export namespace Combobox {
-    namespace propTypes {
-        let disabled: PropTypes.Requireable<boolean>;
-        let hasClearButton: PropTypes.Requireable<boolean>;
-        let hasDropdownTrigger: PropTypes.Requireable<boolean>;
-        let hasSearchIcon: PropTypes.Requireable<boolean>;
-        let hasSearchShortcut: PropTypes.Requireable<boolean>;
-        let id: PropTypes.Validator<string>;
-        let initialValue: PropTypes.Requireable<string>;
-        let inputWidth: PropTypes.Requireable<number>;
-        let isLoading: PropTypes.Requireable<boolean>;
-        let label: PropTypes.Validator<string>;
-        let labelStrings: PropTypes.Requireable<PropTypes.InferProps<{
-            clearButton: PropTypes.Requireable<string>;
-            inputInstructions: PropTypes.Requireable<string>;
-            searchShortcut: PropTypes.Requireable<string>;
-            triggerButton: PropTypes.Requireable<string>;
-        }>>;
-        let loadingText: PropTypes.Requireable<string>;
-        let message: PropTypes.Requireable<string>;
-        let noResultsText: PropTypes.Requireable<string>;
-        let onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
-        let options: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            searchIndex: PropTypes.Requireable<string[]>;
-            value: PropTypes.Requireable<string>;
-        }>[]>;
-        let placeholder: PropTypes.Requireable<string>;
-        let required: PropTypes.Requireable<boolean>;
-        let showLabel: PropTypes.Requireable<boolean>;
-        let validationFunction: PropTypes.Requireable<(...args: any[]) => any>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
+/**
+ * Combobox UI component
+ */
+export const Combobox: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 import React from 'react';
-import PropTypes from 'prop-types';

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

@@ -1,4 +1,4 @@
-export function DashboardNav({ ariaLabel, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, className, ...props }: {
+export function DashboardNav({ ariaLabel, labels, menuItems, mobileMenuSelectTextFallback, className, ...props }: {
     [x: string]: any;
     ariaLabel?: string;
     labels?: {
@@ -6,7 +6,6 @@ export function DashboardNav({ ariaLabel, labels, menuItems, mobileMenuMaxWidth,
         toggle: string;
     };
     menuItems: any;
-    mobileMenuMaxWidth?: number;
     mobileMenuSelectTextFallback?: string;
     className: any;
 }): React.JSX.Element;
@@ -18,7 +17,6 @@ export namespace DashboardNav {
             toggle: PropTypes.Requireable<string>;
         }>>;
         let menuItems: PropTypes.Validator<any[]>;
-        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
         let mobileMenuSelectTextFallback: PropTypes.Requireable<string>;
         let className: PropTypes.Requireable<string>;
     }

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

@@ -0,0 +1,67 @@
+export function DashboardSearch({ disabled, id, isLoading, label, labelStrings, loadingText, noResultsText, onOptionSelect, placeholder, siteList, startingRightPosition, className, ...props }: {
+    [x: string]: any;
+    disabled?: boolean;
+    id: any;
+    isLoading?: boolean;
+    label?: string;
+    labelStrings?: {
+        clearButton: string;
+        inputInstructions: string;
+        openSearchButton: string;
+    };
+    loadingText?: string;
+    noResultsText?: string;
+    onOptionSelect: any;
+    placeholder?: string;
+    siteList: any;
+    startingRightPosition?: number;
+    className: any;
+}): React.JSX.Element;
+export namespace DashboardSearch {
+    namespace propTypes {
+        let disabled: PropTypes.Requireable<boolean>;
+        let id: PropTypes.Requireable<string>;
+        let isLoading: PropTypes.Requireable<boolean>;
+        let label: PropTypes.Requireable<string>;
+        let labelStrings: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Clear button label
+             */
+            clearButton: PropTypes.Requireable<string>;
+            /**
+             * Input instructions
+             */
+            inputInstructions: PropTypes.Requireable<string>;
+            /**
+             * Open search button label
+             */
+            openSearchButton: PropTypes.Requireable<string>;
+        }>>;
+        let loadingText: PropTypes.Requireable<string>;
+        let noResultsText: PropTypes.Requireable<string>;
+        let onOptionSelect: PropTypes.Requireable<(...args: any[]) => any>;
+        let placeholder: PropTypes.Requireable<string>;
+        let siteList: PropTypes.Requireable<PropTypes.InferProps<{
+            /**
+             * Site ID
+             */
+            id: PropTypes.Requireable<string>;
+            /**
+             * Site name.
+             */
+            name: PropTypes.Requireable<string>;
+            /**
+             * Site status
+             */
+            status: PropTypes.Requireable<string>;
+            /**
+             * Site type
+             */
+            type: PropTypes.Requireable<string>;
+        }>[]>;
+        let startingRightPosition: PropTypes.Requireable<number>;
+        let className: PropTypes.Requireable<string>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,10 @@
+export function SiteOptionDisplay({ option }: {
+    option: any;
+}): React.JSX.Element;
+export namespace SiteOptionDisplay {
+    namespace propTypes {
+        let option: PropTypes.Requireable<object>;
+    }
+}
+import React from 'react';
+import PropTypes from 'prop-types';

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

@@ -1,4 +1,4 @@
-export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, mobileMenuMaxWidth, className, ...props }: {
+export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, className, ...props }: {
     [x: string]: any;
     children: any;
     colorType?: string;
@@ -10,7 +10,6 @@ export function Navbar({ children, colorType, containerWidth, hideBorder, hideLo
     logoLink?: React.JSX.Element;
     logoSrc: any;
     logoSubBrand: any;
-    mobileMenuMaxWidth?: number;
     className: any;
 }): React.JSX.Element;
 export namespace Navbar {
@@ -28,7 +27,6 @@ export namespace Navbar {
             link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             text: PropTypes.Requireable<string>;
         }>>;
-        export let mobileMenuMaxWidth: PropTypes.Requireable<number>;
         export let className: PropTypes.Requireable<string>;
     }
 }

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

@@ -1,8 +1,7 @@
-export function UserMenu({ ariaLabel, menuItems, mobileMenuMaxWidth, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: {
+export function UserMenu({ ariaLabel, menuItems, userEmail, userImageSrc, userName, withinNavbar, className, ...props }: {
     [x: string]: any;
     ariaLabel?: string;
     menuItems: any;
-    mobileMenuMaxWidth?: number;
     userEmail: any;
     userImageSrc: any;
     userName: any;
@@ -34,7 +33,6 @@ export namespace UserMenu {
              */
             label: PropTypes.Requireable<string>;
         }>[]>;
-        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
         let userEmail: PropTypes.Requireable<string>;
         let userImageSrc: PropTypes.Requireable<string>;
         let userName: PropTypes.Requireable<string>;

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

@@ -1,4 +1,4 @@
-export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, mobileMenuMaxWidth, noResultsText, withinNavbar, workspaceList, className, ...props }: {
+export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: {
     [x: string]: any;
     ariaLabel?: string;
     createWorkspaceLink: any;
@@ -6,7 +6,6 @@ export function WorkspaceSelector({ ariaLabel, createWorkspaceLink, filterPlaceh
     filterLabel?: string;
     menuHeading?: string;
     minFilterItems?: number;
-    mobileMenuMaxWidth?: number;
     noResultsText?: string;
     withinNavbar?: boolean;
     workspaceList: any;
@@ -20,7 +19,6 @@ export namespace WorkspaceSelector {
         let filterLabel: PropTypes.Requireable<string>;
         let menuHeading: PropTypes.Requireable<string>;
         let minFilterItems: PropTypes.Requireable<number>;
-        let mobileMenuMaxWidth: PropTypes.Requireable<number>;
         let noResultsText: PropTypes.Requireable<string>;
         let withinNavbar: PropTypes.Requireable<boolean>;
         let workspaceList: PropTypes.Requireable<PropTypes.InferProps<{

package/_dist/components/progress-indicators/ProgressBar/ProgressBar.d.ts

@@ -1,20 +1,32 @@
-export function ProgressBar({ id, label, message, percentage, showLabel, size, className, ...props }: {
+export function ProgressBar({ colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, className, ...props }: {
     [x: string]: any;
+    colorBreakpoints?: {
+        colorType: string;
+        percentage: number;
+    }[];
     id: any;
     label: any;
     message: any;
+    messagePosition?: string;
     percentage: any;
     showLabel?: boolean;
+    showPercentage?: boolean;
     size?: string;
     className: any;
 }): React.JSX.Element;
 export namespace ProgressBar {
     namespace propTypes {
+        let colorBreakpoints: PropTypes.Requireable<PropTypes.InferProps<{
+            colorType: PropTypes.Validator<string>;
+            percentage: PropTypes.Validator<number>;
+        }>[]>;
         let id: PropTypes.Requireable<string>;
         let label: PropTypes.Validator<string>;
         let message: PropTypes.Requireable<string>;
+        let messagePosition: PropTypes.Requireable<string>;
         let percentage: PropTypes.Validator<number>;
         let showLabel: PropTypes.Requireable<boolean>;
+        let showPercentage: PropTypes.Requireable<boolean>;
         let size: PropTypes.Requireable<string>;
         let className: PropTypes.Requireable<string>;
     }

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

@@ -1 +1 @@
-.pds-input-field--combobox{border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem;position:relative;width:100%}.pds-input-field--combobox:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox{align-items:center;column-gap:.328rem;display:flex;justify-content:space-between;position:relative;width:100%}.pds-combobox input{background-color:transparent;border:none;color:var(--pds-color-input-foreground-default);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__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;left:0;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:2.875rem;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.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__loading,.pds-combobox__no-results{color:var(--pds-color-text-default);font-size:1rem;padding:1rem}
+.pds-input-field--combobox{background-color:var(--pds-color-input-background-default);border:.0625rem solid var(--pds-color-input-border-default);border-radius:.1875rem;height:2.441rem;padding-inline:.64rem;position:relative;width:100%}.pds-input-field--combobox:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox{align-items:center;column-gap:.328rem;display:flex;justify-content:space-between;position:relative;width:100%}.pds-combobox input{background-color:transparent;border:none;color:var(--pds-color-input-foreground-default);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__dropdown{background-color:var(--pds-color-menu-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-active);box-sizing:border-box;left:0;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;top:2.875rem;width:100%}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;row-gap:.0625rem}.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__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

@@ -0,0 +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-link-hover)}.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-input-field--combobox{margin-inline:auto;width:calc(100% - 2.5rem)}.pds-dashboard-search--mobile-inner{padding-block:.64rem}