@pantheon-systems/pds-toolkit-react 1.0.0-beta.1 → 1.0.0-beta.10

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { MenuItem } from '../navigation-types';
+import { NavMenuItem } from '../../../libs/types/navigation-types';
 import './nav-menu.css';
 /**
  * Prop types for NavMenu
@@ -20,7 +20,7 @@ interface NavMenuProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Menu Items.
      */
-    menuItems?: MenuItem[];
+    menuItems?: NavMenuItem[];
     /**
      *  Mobile menu will be enabled when viewport is at or below this number in pixels.
      */

package/_dist/components/navigation/NavMenu/NavMenuDropdown.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { MenuItem } from '../navigation-types';
+import { NavMenuItem } from '../../../libs/types/navigation-types';
 /**
  * Prop types for NavMenuDropdown
  */
@@ -7,7 +7,7 @@ interface NavMenuDropdownProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Dropdown items.
      */
-    items?: MenuItem[];
+    items?: NavMenuItem[];
     /**
      * Dropdown label.
      */

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

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { ContainerWidth } from '@libs/types/custom-types';
-import { PantheonLogoDisplayType } from '@components/PantheonLogo/PantheonLogo';
+import { ContainerWidth } from '../../../libs/types/custom-types';
+import { PantheonLogoDisplayType } from '../../PantheonLogo/PantheonLogo';
 import './navbar.css';
 /**
  * Prop types for Navbar

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav.css';
 /**
  * Prop types for SideNav

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav-compact.css';
 export type SideNavCompactItem = NavigationItem & {
     /**

package/_dist/components/navigation/SideNavGlobal/SideNavGlobalItem.d.ts

@@ -1,7 +1,7 @@
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './side-nav-global.css';
-export type SideNavGlobalItemProps = NavigationItem & {
+export interface SideNavGlobalItemProps extends NavigationItem {
     /**
      * Icon to display next to the link content.
      */
@@ -17,7 +17,7 @@ export type SideNavGlobalItemProps = NavigationItem & {
         submenu: string;
         toggle: string;
     };
-};
+}
 /**
  * SideNavGlobalItem UI component
  */

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

@@ -1,10 +1,10 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import { TabMenuDropdownProps } from './TabMenuDropdown';
 import './tab-menu.css';
 type DropdownSettings = Omit<TabMenuDropdownProps, 'links'>;
-export type TabMenuItemProps = NavigationItem & {
+export interface TabMenuItemProps extends NavigationItem {
     /**
      * Settings for dropdown menu. Leave null if no dropdown is needed.
      */
@@ -18,7 +18,7 @@ export type TabMenuItemProps = NavigationItem & {
      * If true, the top-level menu will display the active child link instead of the parent link. If using this approach, it is recommended to also include the parent link as the first child link.
      */
     promoteActiveChildLink?: boolean;
-};
+}
 /**
  * Prop types for TabMenu.
  */

package/_dist/components/navigation/TabMenu/TabMenuDropdown.d.ts

@@ -1,6 +1,6 @@
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { NavigationItem } from '../../../libs/types/navigation-types';
 import './tab-menu.css';
-export type TabMenuDropdownProps = {
+export interface TabMenuDropdownProps {
     /**
      * Button label for the dropdown trigger.
      */
@@ -25,7 +25,7 @@ export type TabMenuDropdownProps = {
      * Text to display when no results are found.
      */
     noResultsText?: string;
-};
+}
 /**
  * TabMenuDropdown UI component
  */

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './user-menu.css';
 /**
  * Prop types for UserMenuItem

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

@@ -20,14 +20,28 @@ export type WorkspaceSelectorItem = {
      * Is this the currently selected workspace?
      */
     isActive?: boolean;
+    /**
+     * This workspace has restricted access.
+     */
+    isRestricted?: boolean;
     /**
      * This user does not have access to this workspace.
      */
     isUnprivileged?: boolean;
+    /**
+     * Callback function to run when a restricted workspace is clicked.
+     * Only used when isRestricted is true.
+     */
+    onRestrictedSelection?: () => void;
     /**
      * Account plan tier.
      */
     planTier?: PlanTiers;
+    /**
+     * Visually-hidden label to indicate restricted access.
+     * @default 'Restricted'
+     */
+    restrictedLabel?: string;
     /**
      * Id of the workspace.
      */

package/_dist/components/navigation/navigation-utilities.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode } from 'react';
-import { PDSIcon } from '@components/icons/Icon/Icon';
-import { NavigationItem } from '@components/navigation/navigation-types';
+import { PDSIcon } from '../icons/Icon/Icon';
+import { NavigationItem } from '../../libs/types/navigation-types';
 /**
  * Recursively searches through navigation items to find the first active link
  * @param items - Array of navigation items to search through

package/_dist/components/notifications/Banner/Banner.d.ts

@@ -1,11 +1,13 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './banner.css';
+type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
 type Banner = {
     id: string;
     isDismissible?: boolean;
     message: string | ReactNode;
     onDismiss?: () => void;
-    type?: 'info' | 'warning' | 'critical';
+    type?: BannerType;
 };
 /**
  * Prop types for Banner

package/_dist/components/notifications/InlineMessage/InlineMessage.d.ts

@@ -1,9 +1,10 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './inline-message.css';
 /**
  * The type of message to display.
  */
-export type InlineMessageType = 'info' | 'success' | 'warning' | 'critical' | 'working';
+export type InlineMessageType = Exclude<StatusType, 'discovery'> | 'working';
 /**
  * Labels for each message type.
  */

package/_dist/components/notifications/SectionMessage/SectionMessage.d.ts

@@ -1,7 +1,8 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { Button } from '@components/buttons/Button/Button';
+import { StatusType } from '../../../libs/types/custom-types';
+import { Button } from '../../buttons/Button/Button';
 import './section-message.css';
-export type SectionMessageType = 'info' | 'success' | 'warning' | 'critical' | 'discovery';
+export type SectionMessageType = StatusType;
 type TypeLabels = Record<SectionMessageType, string>;
 export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
     /**

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

@@ -1,7 +1,9 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '@layouts/layout-types';
+import { StatusType } from '../../../libs/types/custom-types';
+import { GridGapOptions } from '../../../libs/types/layout-types';
 import './panel.css';
-type StatusType = 'info' | 'success' | 'warning' | 'critical' | 'neutral';
+export type PanelStatusType = Exclude<StatusType, 'discovery'> | 'neutral';
+type TypeLabels = Record<Exclude<StatusType, 'discovery'>, string>;
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Panel content.
@@ -22,7 +24,12 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Status type for panel. Only renders if `hasStatusIndicator` is true.
      */
-    statusType?: StatusType;
+    statusType?: PanelStatusType;
+    /**
+     * Status type labels for screen readers. Provide translation strings if needed.
+     * Set to empty string ('') to create a visual-only indicator.
+     */
+    typeLabels?: TypeLabels;
     /**
      * Which variant of panel to render
      */
@@ -31,5 +38,5 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Panel UI component
  */
-export declare const Panel: ({ children, className, hasStatusIndicator, padding, statusType, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Panel: ({ children, className, hasStatusIndicator, padding, statusType, typeLabels, variant, ...props }: PanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/_dist/components/panels/PanelList/PanelList.d.ts

@@ -21,8 +21,12 @@ export interface PanelListProps extends ComponentPropsWithoutRef<'ul'> {
      * Whether to have an outside border. There will always be a border between rows.
      */
     hasBorder?: boolean;
+    /**
+     * Panel list size variants for block padding only.
+     */
+    paddingSize?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
 }
 /**
  * PanelList UI component
  */
-export declare const PanelList: ({ background, children, className, hasBorder, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PanelList: ({ background, children, className, hasBorder, paddingSize, ...props }: PanelListProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { StatusType } from '../../../libs/types/custom-types';
 import './progress-bar.css';
 interface ProgressBarBreakpoint {
-    colorType: 'neutral' | 'info' | 'success' | 'warning' | 'critical';
+    colorType: Exclude<StatusType, 'discovery'> | 'neutral';
     percentage: number;
 }
 interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {

package/_dist/components/steppers/VerticalStepper/VerticalStep.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { Button } from '@components/buttons/Button/Button';
+import { Button } from '../../buttons/Button/Button';
 import './vertical-stepper.css';
 /**
  * Prop types for VerticalStep

package/_dist/components/tiles/Tile/Tile.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
 import './../tiles-common.css';
 import './tile.css';
 export type TileDisplayType = 'border' | 'clean' | 'clean-static';

package/_dist/components/tiles/TileGrid/TileGrid.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '@libs/types/custom-types';
-import { TileDisplayType, TileProps } from '@components/tiles/Tile/Tile';
+import { HeadingLevelCommon } from '../../../libs/types/custom-types';
+import { TileDisplayType, TileProps } from '../../tiles/Tile/Tile';
 import './../tiles-common.css';
 /**
  * Prop types for TileGrid

package/_dist/css/component-css/pds-code-block.css

@@ -1 +1 @@
-.pds-code-block{--code-block-padding:1.25rem;--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;background-color:var(--code-block-background);border-radius:.375rem;display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;line-height:var(--pds-code-block-line-height);position:relative}div.pds-code-block__code,pre.pds-code-block__code{border-radius:.375rem;flex-grow:1;margin:0;overflow:auto;padding:1.25rem 1.563rem}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:1px solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:1.563rem}.pds-code-block__line{column-gap:.64rem;display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:1rem;text-align:right}.pds-code-block__copy{padding:.8rem .64rem}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:600}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}
+.pds-code-block{--code-block-padding:1.25rem;--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:.9rem;font-weight:400;line-height:var(--pds-code-block-line-height);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:.375rem}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:1.25rem 1.563rem}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:1px solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:1.563rem}.pds-code-block__line{column-gap:.64rem;display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:1rem;text-align:right}.pds-code-block__copy{padding:.8rem .64rem}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:600}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}

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

@@ -1,2 +1,2 @@
 .pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-neutral-200);border-radius:3px;color:var(--pds-color--neutral-500);display:inline-flex;font-size:.75rem;font-weight:400;gap:.41rem;justify-content:center;line-height:120%;padding:.25rem .512rem;text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-neutral-300)}.pds-combobox-multi__selected-item:focus-visible{outline:none}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{border-radius:.1875rem;color:var(--pds-color-fg-default-secondary);cursor:pointer;display:flex;height:16px;justify-content:center;width:14px}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-fg-default)}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;column-gap:.512rem;display:flex;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-multi__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:outline .2s ease-in-out 0s}.pds-combobox-multi__counter{display:inline-block;height:24px;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{width:8px}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{background:var(--pds-color-neutral-200);border-radius:3px;box-shadow:-3px 0 0 0 var(--pds-color-neutral-000);height:24px}.pds-combobox-multi__counter-item{align-items:center;color:var(--pds-color--neutral-500);display:flex;font-size:.75rem;font-weight:400;justify-content:center;width:20.5px}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;flex-grow:1;height:1.563rem;justify-content:flex-end;margin-inline-start:auto}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:transform .2s ease-in-out 0s}.pds-combobox-multi__trigger[aria-expanded=true]
-	.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:.64rem 1rem}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:6px;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}
+	.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:transform .2s ease-in-out 0s}.pds-combobox-multi__dropdown{background-color:var(--pds-color-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:column;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:.512rem;display:flex;gap:.64rem;padding:.64rem 1rem;position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-fg-default-secondary)}.pds-combobox-multi__dropdown-item{padding:.64rem 1rem}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:6px;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-icon{color:var(--pds-color-status-success-foreground)}.pds-combobox-multi__loading,.pds-combobox-multi__no-results{color:var(--pds-color-fg-default);font-size:1rem;padding:1rem}

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-bg-default);border:1px solid var(--pds-color-border-input);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-fg-default);color:var(--pds-color-fg-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-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-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-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);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-fg-default);font-size:1rem;padding:1rem}
+.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:1px solid var(--pds-color-border-input);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-fg-default);color:var(--pds-color-fg-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-fg-default-secondary)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:.1875rem;color:var(--pds-color-fg-default);display:flex;height:1.563rem}.pds-combobox__trigger:focus-visible{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-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-dropdown-background);border-radius:.1875rem;box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;margin-block-start:.512rem;max-height:18rem;overflow-x:hidden;overflow-y:auto;position:absolute;width:100%}.pds-combobox__dropdown:focus-visible{outline:none}.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-fg-default);font-size:1rem;padding:1rem}

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

@@ -2,4 +2,4 @@
 		--pds-color-dashboard-nav-item-foreground-default
 	);--dashboard-nav-outline-color:var(--pds-color-interactive-focus);font-family:Poppins,sans-serif}.pds-dashboard-nav,.pds-dashboard-nav a{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a{text-decoration:none}.pds-dashboard-nav a:focus{box-shadow:none;outline:none}.pds-dashboard-nav a:hover{color:var(--dashboard-nav-foreground-color)}.pds-dashboard-nav a:focus-visible,.pds-dashboard-nav button:focus-visible{border-radius:.375rem;outline:1px solid var(--dashboard-nav-outline-color);outline-offset:-1px}.pds-dashboard-nav .pds-icon{pointer-events:none}.pds-dashboard-nav__logo{box-sizing:content-box;margin-block-end:1.563rem;margin-block-start:.125rem;padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) + .1875rem)}.pds-dashboard-nav__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:.64rem}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:1rem}.pds-dashboard-nav__item{list-style-type:none;margin-bottom:0}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--active .pds-dashboard-nav__item-wrapper{--dashboard-nav-foreground-color:var(
 			--pds-color-dashboard-nav-item-foreground-active
-		);--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.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-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);cursor:pointer;font-size:1rem;line-height:120%;margin:0;padding:.64rem .8rem}.pds-dashboard-nav__item--second-level-flyout:hover{background-color:var(--pds-color-dropdown-item-background-hover);border-radius:.375rem}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}
+		);--dashboard-nav-outline-color:var(--pds-color-brand-primary-default);background-color:var(--pds-color-dashboard-nav-item-background-active)}.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-nav__item--top-level .pds-dashboard-nav__item-wrapper{align-items:center;border-radius:.375rem;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:space-between;width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper:hover{background-color:var(--pds-color-dashboard-nav-item-background-hover);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:.375rem;box-sizing:border-box;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-inner,.pds-dashboard-nav__link-icon{align-items:center;display:flex}.pds-dashboard-nav__link-icon{flex-grow:0;flex-shrink:0;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:center;margin-inline-end:var(--dashboard-nav-space-after-icon);width:var(--dashboard-nav-icon-width)}.pds-dashboard-nav__link-icon .pds-icon--house,.pds-dashboard-nav__link-icon .pds-icon--robot{margin-block-start:-.125rem}.pds-dashboard-nav__menu--second-level{color:var(--pds-color-dashboard-nav-item-foreground-default);display:none;margin-block-start:.8rem;padding-inline-start:calc(var(--pds-spacing-dashboard-nav-item-padding) + var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon))}.pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:flex;row-gap:.64rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:.833rem}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-hover);font-weight:600}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:.375rem;color:var(--dashboard-nav-foreground-color);cursor:pointer;display:flex;height:var(--pds-spacing-dashboard-nav-item-height);justify-content:flex-end;padding-inline:var(--pds-spacing-dashboard-nav-item-padding)}.pds-dashboard-nav__toggle .pds-icon{padding-inline:.125rem;transform:rotate(0deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:all .2s ease-in-out 0s}.pds-dashboard-nav__link-label{opacity:1;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__logo svg{width:1.25rem}.pds-dashboard-nav--collapsed .pds-dashboard-nav__link-label{opacity:0;transition:opacity .1s ease-in-out}.pds-dashboard-nav--collapsed .pds-dashboard-nav__menu--second-level.pds-dashboard-nav__menu--expanded{display:none}.pds-dashboard-nav__item--top-level.pds-dashboard-nav__item--collapsed .pds-dashboard-nav__item-wrapper a{width:2.875rem}.pds-dashboard-nav__flyout{background-color:var(--pds-color-dropdown-background);border-radius:.375rem;box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:.64rem;width:max-content;z-index:300}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:Poppins,sans-serif;font-size:.833rem;font-weight:400;line-height:120%;padding:.64rem .8rem}.pds-dashboard-nav__menu--second-level-flyout{row-gap:0}.pds-dashboard-nav__item--second-level-flyout{background-color:var(--pds-color-dropdown-background);color:var(--pds-color-dropdown-foreground);font-size:1rem;line-height:120%;margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:.375rem;cursor:pointer;display:block;padding:.64rem .8rem}.pds-dashboard-nav__item--second-level-flyout a:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dashboard-nav__item--second-level-flyout.pds-dashboard-nav__item--active a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:600}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:1px;outline:1px solid var(--pds-color-interactive-focus);outline-offset:4px;transition:outline .2s ease-in-out 0s}.pds-dashboard-nav .pds-tooltip__container{padding:.25rem .512rem}.pds-dashboard-nav .pds-dropdown-menu .pds-dashboard-nav__item-inner{align-items:center;display:flex}.pds-dashboard-nav .pds-dropdown-menu__trigger{padding-inline:calc(var(--pds-spacing-dashboard-nav-item-padding) - .25rem)}.pds-dashboard-nav .pds-dropdown-menu__item a{padding-block:.41rem;padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:.25rem;padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}