@pantheon-systems/pds-toolkit-react 2.0.0-alpha.12 → 2.0.0-alpha.13

package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import './theme-switcher.css';
+type Theme = 'light' | 'dark' | 'system';
 /**
  * Prop types for ThemeSwitcher
  */
@@ -9,24 +10,29 @@ export interface ThemeSwitcherProps extends Omit<ComponentPropsWithoutRef<'div'>
      */
     className?: string;
     /**
-     * Callback triggered when the theme changes
+     * ID for the menu button. Must be unique if multiple ThemeSwitchers are rendered.
      */
-    onChange?: (theme: 'light' | 'dark' | 'system') => void;
-    /**
-     * The current theme
-     */
-    theme?: 'light' | 'dark' | 'system';
+    id?: string;
     /**
      * Translation strings for theme options
      */
-    translations?: {
+    labelStrings?: {
         dark: string;
         light: string;
         system: string;
         tooltip?: string;
     };
+    /**
+     * Callback triggered when the theme changes
+     */
+    onChange?: (theme: Theme) => void;
+    /**
+     * The current theme
+     */
+    theme?: Theme;
 }
 /**
  * ThemeSwitcher UI component
  */
-export declare const ThemeSwitcher: ({ className, onChange, theme, translations, ...props }: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeSwitcher: ({ className, id, labelStrings, onChange, theme, ...props }: ThemeSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/icons/Icon/generated-icon-data.d.ts

@@ -3,7 +3,7 @@
  *
  * Generated by: npm run generate:icon-data
  * Source: icon-registry.ts + Font Awesome packages + custom-icons.tsx
- * Generated: 2026-04-17T21:22:07.760Z
+ * Generated: 2026-04-23T17:57:23.894Z
  */
 import { customIcons } from './custom-icons';
 export { customIcons };
@@ -953,6 +953,13 @@ export declare const iconData: {
         readonly svgPathData: "M290.5 287.7L491.4 86.9 359 456.3 290.5 287.7zM457.4 53L256.6 253.8 88 185.3 457.4 53zM38.1 216.8l205.8 83.6 83.6 205.8c5.3 13.1 18.1 21.7 32.3 21.7 14.7 0 27.8-9.2 32.8-23.1L570.6 8c3.5-9.8 1-20.6-6.3-28s-18.2-9.8-28-6.3L39.4 151.7c-13.9 5-23.1 18.1-23.1 32.8 0 14.2 8.6 27 21.7 32.3z";
         readonly width: 576;
     };
+    readonly pause: {
+        readonly aliases: readonly ["stop", "hold"];
+        readonly categories: readonly ["actions", "media"];
+        readonly height: 512;
+        readonly svgPathData: "M48 80l0 352 64 0 0-352-64 0zM0 80C0 53.5 21.5 32 48 32l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48L0 80zm272 0l0 352 64 0 0-352-64 0zm-48 0c0-26.5 21.5-48 48-48l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-352z";
+        readonly width: 384;
+    };
     readonly pen: {
         readonly aliases: readonly ["edit", "write", "modify"];
         readonly categories: readonly ["actions"];
@@ -1423,7 +1430,7 @@ export declare const iconData: {
         readonly width: 576;
     };
 };
-export declare const iconList: readonly ["angleDown", "angleLeft", "angleRight", "anglesLeft", "anglesRight", "angleUp", "arrowDownToLine", "arrowLeft", "arrowRight", "arrowsRetweet", "asterisk", "banBug", "bars", "barsFilter", "bell", "billboard", "bitbucket", "bluesky", "bolt", "boltPantheon", "boltSolid", "book", "books", "bracketRight", "bracketsSquare", "brainCircuit", "broomWide", "building", "buildings", "bullhorn", "calendarDays", "caretDown", "caretLeft", "caretRight", "caretUp", "ccAmex", "ccApplePay", "ccDiscover", "ccGeneric", "ccMC", "ccPaypal", "ccVisa", "chartLine", "chartNetwork", "chartSimple", "check", "circle", "circleCheck", "circleExclamation", "circleInfo", "circleMinus", "circleNotch", "circlePlus", "circleQuestion", "circleUser", "circleXmark", "cloud", "cloudArrowDown", "cloudArrowUp", "cloudPlus", "code", "codeBranch", "codeMerge", "command", "comment", "copy", "desktop", "diamondExclamation", "diamonds4", "discourse", "display", "dollarSign", "download", "drupal", "ellipsis", "ellipsisVertical", "emptySet", "envelope", "envelopeOpen", "exclamation", "expand", "expandFromCenter", "externalLink", "eye", "eyeSlash", "facebook", "file", "fileCheck", "fileContract", "fileCSV", "fileDiff", "fileExport", "fileImport", "fileLines", "filePDF", "fileZip", "folder", "folderTree", "gear", "gem", "github", "gitlab", "globe", "graduationCap", "grid", "gripDots", "gripDotsVertical", "heart", "heartSolid", "house", "idCard", "image", "inputText", "instagram", "keySkeleton", "laptop", "laptopCode", "leaf", "lifeRing", "linkedin", "linkSimple", "linkSimpleSlash", "listCheck", "locationCrosshairs", "lock", "lockOpen", "magnifyingGlass", "medal", "memo", "messages", "minus", "moon", "nextJs", "paperclip", "paperPlane", "pen", "penField", "phone", "play", "plus", "question", "quotesLeft", "quotesRight", "rectangleList", "reply", "robot", "rocketLaunch", "rotate", "rotateClock", "rotateLeft", "rotateRight", "rss", "save", "server", "shareNodes", "shield", "shieldQuartered", "shovel", "siren", "sirenOn", "sitemap", "slack", "slashForward", "slidersSimple", "snowflake", "sparkles", "squareCheck", "squareCode", "squareMinus", "squarePen", "squareQuestion", "squareTerminal", "star", "starSolid", "sun", "sunBright", "table", "tableRows", "terminal", "text", "threads", "thumbsDown", "thumbsUp", "trash", "triangleExclamation", "twitter", "upload", "user", "userAstronaut", "userGear", "userPlus", "users", "video", "wavePulse", "windowRestore", "wordpress", "wreathLaurel", "wrench", "xmark", "xmarkLarge", "xTwitter", "youtube"];
+export declare const iconList: readonly ["angleDown", "angleLeft", "angleRight", "anglesLeft", "anglesRight", "angleUp", "arrowDownToLine", "arrowLeft", "arrowRight", "arrowsRetweet", "asterisk", "banBug", "bars", "barsFilter", "bell", "billboard", "bitbucket", "bluesky", "bolt", "boltPantheon", "boltSolid", "book", "books", "bracketRight", "bracketsSquare", "brainCircuit", "broomWide", "building", "buildings", "bullhorn", "calendarDays", "caretDown", "caretLeft", "caretRight", "caretUp", "ccAmex", "ccApplePay", "ccDiscover", "ccGeneric", "ccMC", "ccPaypal", "ccVisa", "chartLine", "chartNetwork", "chartSimple", "check", "circle", "circleCheck", "circleExclamation", "circleInfo", "circleMinus", "circleNotch", "circlePlus", "circleQuestion", "circleUser", "circleXmark", "cloud", "cloudArrowDown", "cloudArrowUp", "cloudPlus", "code", "codeBranch", "codeMerge", "command", "comment", "copy", "desktop", "diamondExclamation", "diamonds4", "discourse", "display", "dollarSign", "download", "drupal", "ellipsis", "ellipsisVertical", "emptySet", "envelope", "envelopeOpen", "exclamation", "expand", "expandFromCenter", "externalLink", "eye", "eyeSlash", "facebook", "file", "fileCheck", "fileContract", "fileCSV", "fileDiff", "fileExport", "fileImport", "fileLines", "filePDF", "fileZip", "folder", "folderTree", "gear", "gem", "github", "gitlab", "globe", "graduationCap", "grid", "gripDots", "gripDotsVertical", "heart", "heartSolid", "house", "idCard", "image", "inputText", "instagram", "keySkeleton", "laptop", "laptopCode", "leaf", "lifeRing", "linkedin", "linkSimple", "linkSimpleSlash", "listCheck", "locationCrosshairs", "lock", "lockOpen", "magnifyingGlass", "medal", "memo", "messages", "minus", "moon", "nextJs", "paperclip", "paperPlane", "pause", "pen", "penField", "phone", "play", "plus", "question", "quotesLeft", "quotesRight", "rectangleList", "reply", "robot", "rocketLaunch", "rotate", "rotateClock", "rotateLeft", "rotateRight", "rss", "save", "server", "shareNodes", "shield", "shieldQuartered", "shovel", "siren", "sirenOn", "sitemap", "slack", "slashForward", "slidersSimple", "snowflake", "sparkles", "squareCheck", "squareCode", "squareMinus", "squarePen", "squareQuestion", "squareTerminal", "star", "starSolid", "sun", "sunBright", "table", "tableRows", "terminal", "text", "threads", "thumbsDown", "thumbsUp", "trash", "triangleExclamation", "twitter", "upload", "user", "userAstronaut", "userGear", "userPlus", "users", "video", "wavePulse", "windowRestore", "wordpress", "wreathLaurel", "wrench", "xmark", "xmarkLarge", "xTwitter", "youtube"];
 export type PDSIconName = (typeof iconList)[number];
 export declare const categoryList: readonly ["actions", "arrows", "brands", "communication", "custom", "data", "development", "documents", "financial", "media", "navigation", "objects", "security", "status", "users"];
 export type IconCategory = (typeof categoryList)[number];

package/dist/components/inputs/Datepicker/Datepicker.d.ts

@@ -5,6 +5,7 @@ import 'react-day-picker/dist/style.css';
 import './datepicker.css';
 type PresetType = 'today' | 'current-week' | 'current-month' | 'last-week' | 'last-month';
 export interface CustomPresetConfig {
+    active?: boolean;
     custom?: () => DateRange;
     days?: number;
     label: string;
@@ -56,10 +57,23 @@ export interface DatepickerProps extends DatepickerHTMLProps {
      * Locale from date-fns for internationalization.
      */
     locale?: Locale;
+    /**
+     * Maximum selectable date.
+     */
+    maxDate?: Date;
+    /**
+     * Minimum selectable date.
+     */
+    minDate?: Date;
     /**
      * onChange handler
      */
     onChange?: (value: DateRange | Date | undefined) => void;
+    /**
+     * Callback fired once on mount when an active preset is applied.
+     * Only fires if no initial value is provided and a preset has active: true.
+     */
+    onInitialize?: (value: DateRange | Date | undefined) => void;
     /**
      * Placeholder text for the trigger button.
      */
@@ -92,5 +106,5 @@ export interface DatepickerProps extends DatepickerHTMLProps {
 /**
  * Datepicker UI component.
  */
-export declare const Datepicker: ({ className, disabled, hasDateRange, id, inputWidth, label, locale, onChange, placeholder, presets, required, showLabel, tooltipText, translationStrings, value, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Datepicker: ({ className, disabled, hasDateRange, id, inputWidth, label, locale, maxDate, minDate, onChange, onInitialize, placeholder, presets, required, showLabel, tooltipText, translationStrings, value, ...props }: DatepickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/Toast.d.ts

@@ -18,6 +18,12 @@ declare const defaultTypeLabels: {
  * Prop types for Toast
  */
 interface ToastProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Duration in milliseconds before the toast auto-dismisses. When set, shows
+     * a progress bar and pause button. Populated automatically by useToast —
+     * consumers do not need to set this.
+     */
+    autoCloseDuration?: number;
     /**
      * Toast message content.
      */
@@ -30,6 +36,11 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
      * ID of individual toast.
      */
     id?: string;
+    /**
+     * React-Toastify toast ID, used to control the pause/resume timer.
+     * Populated automatically by useToast — consumers do not need to set this.
+     */
+    toastId?: string | number;
     /**
      * Type of toast to show.
      */
@@ -42,5 +53,5 @@ interface ToastProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toast UI component
  */
-export declare const Toast: ({ children, className, id, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toast: ({ autoCloseDuration, children, className, id, toastId, type, typeLabels, }: ToastProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/Toaster.d.ts

@@ -1,18 +1,27 @@
-import { ComponentPropsWithoutRef } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 import 'react-toastify/dist/ReactToastify.css';
 import './toaster.css';
+export declare const MIN_AUTO_CLOSE_DURATION = 30000;
+type PauseResumeLabels = {
+    pause: string;
+    resume: string;
+};
+export interface ToasterContextValue {
+    labelStrings: PauseResumeLabels;
+}
+export declare const ToasterContext: React.Context<ToasterContextValue>;
 /**
- * Prop types for Toast
+ * Prop types for Toaster
  */
 interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Duration in milliseconds before the toast will auto-close. Set to `false` to disable auto-close (default).
-     */
-    autoCloseDuration?: number | false;
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Label strings for the pause and resume buttons. Provide translation strings if needed.
+     */
+    labelStrings?: PauseResumeLabels;
     /**
      * Maximum number of toasts that can be displayed at once.
      */
@@ -25,5 +34,5 @@ interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Toaster UI component
  */
-export declare const Toaster: ({ autoCloseDuration, className, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toaster: ({ className, labelStrings, limit, position, }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/notifications/Toaster/useToast.d.ts

@@ -1,5 +1,7 @@
 import { ReactElement } from 'react';
 import { cssTransition, toast as toastApi, ToastOptions } from 'react-toastify';
+import { MIN_AUTO_CLOSE_DURATION } from './Toaster';
+export { MIN_AUTO_CLOSE_DURATION };
 export declare enum ToastType {
     Critical = "critical",
     Info = "info",

package/dist/components/panels/ExpansionPanel/ExpansionPanel.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel.css';
 /**
  * Prop types for ExpansionPanel
  */
-interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel.
      */
@@ -33,4 +33,3 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
  * ExpansionPanel UI component
  */
 export declare const ExpansionPanel: ({ children, className, id, isOpen, showBorder, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/panels/ExpansionPanelGroup/ExpansionPanelGroup.d.ts

@@ -3,7 +3,7 @@ import './expansion-panel-group.css';
 /**
  * Prop types for ExpansionPanelGroup
  */
-interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
+export interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * The content of the expansion panel group. This should be a series of ExpansionPanel components.
      */
@@ -21,4 +21,3 @@ interface ExpansionPanelGroupProps extends ComponentPropsWithoutRef<'div'> {
  * ExpansionPanelGroup UI component
  */
 export declare const ExpansionPanelGroup: ({ children, className, displayType, ...props }: ExpansionPanelGroupProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,11 +1,11 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { StatusType } from '../../../libs/types/custom-types';
 import './progress-bar.css';
-interface ProgressBarBreakpoint {
+export interface ProgressBarBreakpoint {
     colorType: Exclude<StatusType, 'discovery'> | 'neutral';
     percentage: number;
 }
-interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
+export interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Additional class names
      */
@@ -45,10 +45,9 @@ interface ProgressBarProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Size of the progress bar.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
 }
 /**
  * ProgressBar UI component
  */
 export declare const ProgressBar: ({ className, colorBreakpoints, id, label, message, messagePosition, percentage, showLabel, showPercentage, size, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/progress-indicators/ProgressRing/ProgressRing.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './progress-ring.css';
-interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
+export interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Additional class names
      */
@@ -32,10 +32,9 @@ interface ProgressRingProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Size of the progress ring.
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 's' | 'm' | 'l';
 }
 /**
  * ProgressRing UI component
  */
 export declare const ProgressRing: ({ className, id, innerLabel, label, percentage, showLabel, showPercentage, size, ...props }: ProgressRingProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/css/component-css/pds-dropdown.css

@@ -1,2 +1,2 @@
-.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);flex-direction:column;margin:0;min-width:10rem;overflow-y:auto;padding:0;z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{display:flex;list-style:none;outline:none}.pds-dropdown__item{align-items:center;border-radius:0;color:var(--pds-color-dropdown-foreground);cursor:pointer;gap:var(--pds-spacing-xs);justify-content:space-between;padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item:first-child{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-dropdown__item:last-child{border-radius:0 0 var(--pds-border-radius-container) var(--pds-border-radius-container)}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);list-style:none;padding:var(--pds-spacing-m) var(--pds-spacing-s) var(--pds-spacing-4xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);list-style:none}.pds-dropdown__filter{list-style:none;padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{color:var(--pds-color-fg-default-secondary);left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
+.pds-dropdown{position:relative}.pds-dropdown--inline{display:inline-block}.pds-dropdown__trigger{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-container);color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;gap:var(--pds-spacing-3xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs);transition:background-color .15s ease}.pds-dropdown__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-dropdown__trigger:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown__trigger[aria-expanded=true] .pds-dropdown__trigger-icon{transform:rotate(180deg)}.pds-dropdown__panel{background-color:var(--pds-color-dropdown-background);box-shadow:var(--pds-elevation-overlay);flex-direction:column;margin:0;min-width:10rem;overflow-y:auto;padding:var(--pds-spacing-3xs);z-index:var(--pds-z-index-dropdown)}.pds-dropdown__item,.pds-dropdown__panel{border-radius:var(--pds-border-radius-container);display:flex;list-style:none;outline:none}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;gap:var(--pds-spacing-xs);justify-content:space-between;margin-block-end:var(--pds-spacing-3xs);padding-block:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-s)}.pds-dropdown__item:last-child{margin-block-end:0}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-dropdown__item--focused,.pds-dropdown__item:hover{background-color:var(--pds-color-dropdown-item-background-hover)}.pds-dropdown__item:active{background-color:var(--pds-color-dropdown-item-background-active)}.pds-dropdown__selected-icon{align-self:center;color:var(--pds-color-status-success-foreground);display:flex;flex-shrink:0;height:.875em;width:.875em}.pds-dropdown__item--critical{color:var(--pds-color-status-critical-foreground)}.pds-dropdown__item--critical.pds-dropdown__item--focused,.pds-dropdown__item--critical:hover{background-color:var(--pds-color-status-critical-background)}.pds-dropdown__item--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pds-dropdown__item-content{align-items:center;display:flex;gap:var(--pds-spacing-xs)}.pds-dropdown__item-icon{display:flex;flex-shrink:0}.pds-dropdown__item-label{display:flex;flex-direction:column}.pds-dropdown__item-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-dropdown__item-trailing{display:flex;flex-shrink:0}.pds-dropdown__heading{color:var(--pds-color-dropdown-heading);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-s);list-style:none;padding:var(--pds-spacing-m) var(--pds-spacing-s) var(--pds-spacing-4xs)}.pds-dropdown__panel>.pds-dropdown__heading:first-child,.pds-dropdown__panel>:first-child>.pds-dropdown__heading:first-child{padding-block-start:var(--pds-spacing-4xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);list-style:none;margin-block-end:var(--pds-spacing-3xs);margin-block-start:0;margin-inline:calc(var(--pds-spacing-3xs)*-1)}.pds-dropdown__filter{list-style:none;padding:0}.pds-dropdown__filter-wrapper{align-items:center;display:flex;position:relative}.pds-dropdown__filter-icon{color:var(--pds-color-fg-default-secondary);left:var(--pds-spacing-s);pointer-events:none;position:absolute}.pds-dropdown__filter-wrapper:has(.pds-dropdown__filter-icon)
 	.pds-dropdown__filter-input{padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-xl))}.pds-dropdown__filter-input{background-color:transparent;border:none;border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-separator);border-radius:0;box-sizing:border-box;color:var(--pds-color-fg-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-xs) var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-xs)}.pds-dropdown__filter-input:focus-visible{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:-3px}.pds-dropdown__no-results{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);padding-block:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}

package/dist/css/component-css/pds-expansion-panel.css

@@ -1 +1 @@
-.pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}
+.pds-expansion-panel details{border:var(--pds-border-width-default) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-container);line-height:normal}.pds-expansion-panel details>summary::-webkit-details-marker{display:none}.pds-expansion-panel details>summary{align-items:center;border-radius:var(--pds-border-radius-container);color:var(--pds-color-fg-default);cursor:pointer;display:flex;flex-wrap:nowrap;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-l);justify-content:space-between;padding:var(--pds-spacing-s) var(--pds-spacing-m);transition:var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:hover{background-color:var(--pds-color-expansion-panel-hover);transition:background-color var(--pds-animation-transition-button)}.pds-expansion-panel details>summary:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-expansion-panel details>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel .pds-expansion-panel__icon.rotated{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-expansion-panel details[open]>summary{background-color:var(--pds-color-expansion-panel-open);border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0}.pds-expansion-panel details[open]>summary .pds-expansion-panel__icon{color:var(--pds-color-fg-default)}.pds-expansion-panel .pds-expansion-panel__content{padding:var(--pds-spacing-s) var(--pds-spacing-m)}.pds-expansion-panel.pds-expansion-panel--no-border details{border:none}