@pantheon-systems/pds-toolkit-react 2.0.0-alpha.17 → 2.0.0-alpha.18

package/dist/components/Tag/Tag.d.ts

@@ -1,7 +1,8 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './tag.css';
-export declare const tagColors: string[];
+export declare const tagColors: readonly ["apollo", "iris", "hypnos", "gaia", "aether", "success", "warning", "critical", "info", "discovery", "amber", "orange", "lime", "teal", "sky", "indigo", "rose", "slate", "sand", "mint", "silver", "stone"];
 type TagColor = (typeof tagColors)[number];
+export type TagSize = 'xs' | 's' | 'm';
 interface TagProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Additional class names
@@ -23,6 +24,10 @@ interface TagProps extends ComponentPropsWithoutRef<'div'> {
      * Label for the remove button. Tag text will be appended to this label.
      */
     removeLabel?: string;
+    /**
+     * Size of the tag.
+     */
+    size?: TagSize;
     /**
      * Tag color. Will use random color if not selected.
      */
@@ -35,5 +40,5 @@ interface TagProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * Tag UI component
  */
-export declare const Tag: ({ className, isRemovable, linkContent, onRemove, removeLabel, tagColor, tagLabel, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tag: ({ className, isRemovable, linkContent, onRemove, removeLabel, size, tagColor, tagLabel, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/charts/BarChart/BarChart.d.ts

@@ -18,4 +18,4 @@ export interface BarChartProps extends BaseChartProps, Omit<ComponentPropsWithou
  * Renders a responsive bar chart with support for stacked or grouped layouts,
  * multiple series, tooltips, and an accessible data table.
  */
-export declare const BarChart: ({ accessibleDescription, barRadius, chartHeight, chartWidth, className, colorPalette, data, emptyStateHeading, emptyStateMessage, isLoading, isThumbnail, layout, legendTableHeader, legendVariant, loadingLabel, onTimePeriodChange, selectedTimePeriod, series, showAccessibleTable, showAxisLines, showGrid, showLegend, showTooltip, timePeriodOptions, variant, xAxisLabel, yAxisFormatter, yAxisLabel, ...props }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BarChart: ({ barRadius, chartHeight, chartWidth, className, colorPalette, data, isLoading, isThumbnail, labelStrings, layout, legendVariant, onTimePeriodChange, selectedTimePeriod, series, showAccessibleTable, showAxisLines, showGrid, showLegend, showTooltip, timePeriodOptions, tooltipContent, variant, xAxisLabel, xAxisTickInterval, yAxisDomain, yAxisFormatter, yAxisLabel, yAxisTickInterval, ...props }: BarChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/charts/LineChart/LineChart.d.ts

@@ -19,4 +19,4 @@ export interface LineChartProps extends BaseChartProps, Omit<ComponentPropsWitho
  * Renders a responsive line chart with support for multiple series,
  * reference lines, annotations, tooltips, and an accessible data table.
  */
-export declare const LineChart: ({ accessibleDescription, annotations, chartHeight, chartWidth, className, colorPalette, data, emptyStateHeading, emptyStateMessage, isLoading, isThumbnail, legendTableHeader, legendVariant, lineStyle, loadingLabel, onTimePeriodChange, referenceLines, selectedTimePeriod, series, showAccessibleTable, showAxisLines, showDataPoints, showGrid, showLegend, showTooltip, timePeriodOptions, xAxisLabel, yAxisFormatter, yAxisLabel, ...props }: LineChartProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineChart: ({ annotations, chartHeight, chartWidth, className, colorPalette, data, isLoading, isThumbnail, labelStrings, legendVariant, lineStyle, onTimePeriodChange, referenceLines, selectedTimePeriod, series, showAccessibleTable, showAxisLines, showDataPoints, showGrid, showLegend, showTooltip, timePeriodOptions, tooltipContent, xAxisLabel, xAxisTickInterval, yAxisDomain, yAxisFormatter, yAxisLabel, yAxisTickInterval, ...props }: LineChartProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/charts/shared/ChartSkeleton.d.ts

@@ -0,0 +1,7 @@
+import type { LegendVariant } from './types';
+export interface ChartSkeletonProps {
+    height: number;
+    legendVariant?: LegendVariant;
+    showLegend?: boolean;
+}
+export declare const ChartSkeleton: ({ height, legendVariant, showLegend, }: ChartSkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/charts/shared/chart-colors.d.ts

@@ -1,5 +1,17 @@
 import { RefObject } from 'react';
 import type { ColorPalette } from './types';
+/**
+ * Strips fill-only steps from palettes that have them, returning only standalone-safe colors.
+ * Bar and line charts should always use this before rendering series colors.
+ */
+export declare const toStandaloneColors: (palette: ColorPalette, colors: string[]) => string[];
+/**
+ * Normalizes a paletteIndex for palettes that have fill-only steps.
+ * Clamps fill-only step numbers (e.g. 1–3 on sequential-iris/gray) to the first safe step,
+ * then adjusts for the slice offset so the number still maps correctly into the sliced array.
+ * Non-restricted palettes pass through unchanged.
+ */
+export declare const clampPaletteIndex: (palette: ColorPalette, paletteIndex: number | undefined) => number | undefined;
 /**
  * Get color for a series by index, cycling through palette if needed.
  * Priority: customColor (hex) > paletteIndex (theme-aware) > auto-assigned.

package/dist/components/charts/shared/types.d.ts

@@ -1,3 +1,4 @@
+import type { ReactNode } from 'react';
 export interface ChartDataPoint {
     /** One or more numeric series values, keyed by series name */
     [key: string]: number | string;
@@ -43,11 +44,39 @@ export interface TimePeriodOption {
     /** Value identifier */
     value: string;
 }
-export type ColorPalette = 'alert' | 'brand' | 'categorical' | 'diverging' | 'sequential';
+export type ColorPalette = 'categorical' | 'diverging' | 'sequential-gray' | 'sequential-iris' | 'sequential-multi' | 'single' | 'status';
 export type LegendVariant = 'inline' | 'table';
+export interface TooltipEntry {
+    /** Series bar/line color */
+    color: string;
+    /** Series data key */
+    dataKey: string;
+    /** Series display name */
+    name: string;
+    /** Data value */
+    value: number;
+}
+export interface TooltipPayload {
+    /** All series entries for this x-axis position */
+    entries: TooltipEntry[];
+    /** X-axis label */
+    label: string;
+}
+export type YAxisDomainItem = number | string | ((dataMax: number) => number);
+export type YAxisDomain = [YAxisDomainItem, YAxisDomainItem];
+export interface ChartLabelStrings {
+    /** Accessible description for the hidden data table. */
+    accessibleTableDescription?: string;
+    /** Heading for the empty state. */
+    emptyStateHeading?: string;
+    /** Message body for the empty state. */
+    emptyStateMessage?: string;
+    /** Table header for the totals column when legendVariant is 'table'. */
+    legendTableHeader?: string;
+    /** Loading label for screen readers. */
+    loadingLabel?: string;
+}
 export interface BaseChartProps {
-    /** Accessible description for screen readers */
-    accessibleDescription?: string;
     /** Height of the chart area in pixels. Does not include the legend, header, or accessible table. */
     chartHeight?: number;
     /** Maximum width of the chart component in pixels. The chart is responsive and will shrink within this constraint. */
@@ -56,42 +85,44 @@ export interface BaseChartProps {
     colorPalette?: ColorPalette;
     /** Chart data points */
     data: ChartDataPoint[];
-    /** Show empty state when data is empty */
-    emptyStateHeading?: string;
-    /** Empty state message */
-    emptyStateMessage?: string;
     /** Show loading state */
     isLoading?: boolean;
     /** Thumbnail mode — hides grid, axes, legend, tooltips, and reduces chart height. Individual show* props can override. */
     isThumbnail?: boolean;
-    /** Table header for the totals column when legendVariant is 'table' */
-    legendTableHeader?: string;
+    /** Translatable UI strings. Provide overrides for i18n. */
+    labelStrings?: ChartLabelStrings;
     /** Legend display style (default: 'inline') */
     legendVariant?: LegendVariant;
-    /** Loading label for screen readers */
-    loadingLabel?: string;
     /** Callback when time period changes */
     onTimePeriodChange?: (value: string) => void;
     /** Currently selected time period */
     selectedTimePeriod?: string;
     /** Series definitions */
     series: SeriesConfig[];
-    /** Show accessible data table (visually hidden, default: true) */
+    /** Show accessible data table (visually hidden). Defaults to true regardless of isThumbnail. */
     showAccessibleTable?: boolean;
-    /** Show axis baseline lines (default: true) */
+    /** Show axis baseline lines. Defaults to true; false when isThumbnail is set. */
     showAxisLines?: boolean;
-    /** Show grid lines (default: true) */
+    /** Show grid lines. Defaults to true; false when isThumbnail is set. */
     showGrid?: boolean;
-    /** Show legend (default: true) */
+    /** Show legend. Defaults to true; false when isThumbnail is set. */
     showLegend?: boolean;
-    /** Show tooltip on hover (default: true) */
+    /** Show tooltip on hover. Defaults to true; false when isThumbnail is set. */
     showTooltip?: boolean;
     /** Time period options for built-in selector */
     timePeriodOptions?: TimePeriodOption[];
+    /** Custom tooltip renderer. Receives normalized payload and replaces the built-in tooltip. */
+    tooltipContent?: (payload: TooltipPayload) => ReactNode;
     /** X-axis label */
     xAxisLabel?: string;
+    /** How often to show x-axis ticks. A number n shows every nth tick (e.g. 1 = every other). Defaults to auto. */
+    xAxisTickInterval?: number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd';
+    /** Override the Y-axis scale bounds. Accepts a tuple of [min, max] where each can be a number, 'auto', 'dataMin', 'dataMax', or a function receiving the data max. */
+    yAxisDomain?: YAxisDomain;
     /** Custom Y-axis tick formatter */
     yAxisFormatter?: (value: number) => string;
     /** Y-axis label */
     yAxisLabel?: string;
+    /** How often to show y-axis ticks. A number n shows every nth tick (e.g. 1 = every other). Defaults to auto. */
+    yAxisTickInterval?: number | 'preserveStart' | 'preserveEnd' | 'preserveStartEnd';
 }

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

@@ -40,18 +40,10 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
      * Message or description used to help clarify the usage of the input.
      */
     message?: string | ReactNode;
-    /**
-     * Status text for when switch is off.
-     */
-    offLabel?: string;
     /**
      * onChange event handler. Controlled inputs should use this to manage the input value. Uncontrolled inputs will manage their own state, but may still use this to access the event object.
      */
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    /**
-     * Status text for when switch is on.
-     */
-    onLabel?: string;
     /**
      * Is this field required?
      */
@@ -60,14 +52,6 @@ export interface SwitchProps extends ComponentPropsWithoutRef<'div'> {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
-    /**
-     * Show toggle status label next to switch. If false, icons will render and the text will still be available to screen readers.
-     */
-    showStatusLabel?: boolean;
-    /**
-     * Determines the placement of the toggle status label. Default set to `right`.
-     */
-    statusLabelPlacement?: 'right' | 'left';
     /**
      * Determines switch placement, default set to `right`.
      */

package/dist/css/component-css/pds-avatar-tile-list.css

@@ -1 +1 @@
-.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:var(--pds-spacing-m)}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold)}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-start:var(--pds-spacing-2xs)}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);margin-block-start:var(--pds-spacing-4xs)}.pds-tile-list__item:focus-visible{outline-width:2px}
+.pds-avatar-tile-list a{cursor:pointer;text-decoration:none}.pds-tile-list__image{margin-block-end:var(--pds-spacing-m)}.pds-tile-list__image--avatar img{border-radius:50%;height:auto;width:11rem}.pds-tile-list__name{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-xl);font-weight:var(--pds-typography-fw-bold)}.pds-tile-list__title{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-start:var(--pds-spacing-2xs)}.pds-tile-list__org{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);margin-block-start:var(--pds-spacing-4xs)}.pds-tile-list__item:focus-visible{outline-width:var(--pds-border-width-outline)}

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

@@ -1 +1 @@
-.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:3.25rem;--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (max-width:767px){.pds-banner-group{--banner-height:4rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--discovery,.pds-banner-group--discovery{--banner-background:var(--pds-color-banner-discovery-background);--banner-foreground:var(--pds-color-banner-discovery-foreground)}.pds-banner--neutral,.pds-banner-group--neutral{--banner-background:var(--pds-color-banner-neutral-background);--banner-foreground:var(--pds-color-banner-neutral-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--banner-height);padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__content{flex:1;justify-content:center}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.15);border-radius:var(--pds-border-radius-default);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;flex-shrink:0;font-size:var(--pds-typography-size-xs);margin-inline-start:auto;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.15)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner-group--multiple .pds-banner__dismiss-button{margin-inline-end:var(--pds-spacing-3xs)}.pds-banner__navigation{align-items:center;display:flex;height:var(--banner-height);justify-content:space-between;width:100%}button.pds-banner__nav-button{border-color:transparent;color:var(--banner-foreground);height:var(--nav-button-size);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2);border-color:transparent;color:var(--banner-foreground)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.pds-banner-group[data-context=marketing]{--banner-height:3.75rem}@media (max-width:767px){.pds-banner-group[data-context=marketing]{--banner-height:4.5rem}}.pds-banner-group[data-context=marketing] .pds-banner{font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__content{gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__dismiss-button{font-size:var(--pds-typography-size-s);margin-inline-end:var(--pds-spacing-xs)}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}
+.pds-banner-group{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-foreground);--banner-height:3.25rem;--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (max-width:767px){.pds-banner-group{--banner-height:4rem}}.pds-banner--critical,.pds-banner-group--critical{--banner-background:var(--pds-color-banner-critical-background);--banner-foreground:var(--pds-color-banner-critical-foreground)}.pds-banner--discovery,.pds-banner-group--discovery{--banner-background:var(--pds-color-banner-discovery-background);--banner-foreground:var(--pds-color-banner-discovery-foreground)}.pds-banner--neutral,.pds-banner-group--neutral{--banner-background:var(--pds-color-banner-neutral-background);--banner-foreground:var(--pds-color-banner-neutral-foreground)}.pds-banner--warning,.pds-banner-group--warning{--banner-background:var(--pds-color-banner-warning-background);--banner-foreground:var(--pds-color-banner-warning-foreground)}.pds-banner{background:var(--banner-background);color:var(--banner-foreground);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--banner-height);padding-inline:var(--pds-spacing-2xl);position:absolute;width:100%}.pds-banner,.pds-banner__content{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-banner__content{flex:1;justify-content:center}.pds-banner__icon{flex-grow:0;flex-shrink:0}.pds-banner__message p{all:unset}.pds-banner__message a{color:var(--banner-foreground);padding:var(--pds-spacing-4xs);text-decoration:underline}.pds-banner__message a:hover{background-color:hsla(0,0%,100%,.15);border-radius:var(--pds-border-radius-default);color:var(--banner-foreground);text-decoration:none;transition:var(--pds-animation-transition-button)}.pds-banner__message a:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner__dismiss-button{all:unset;border-radius:var(--pds-border-radius-default);cursor:pointer;flex-shrink:0;font-size:var(--pds-typography-size-xs);margin-inline-start:auto;padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.15)}.pds-banner__dismiss-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group--multiple .pds-banner{padding-inline:var(--pds-spacing-3xl)}.pds-banner-group--multiple .pds-banner__dismiss-button{margin-inline-end:var(--pds-spacing-3xs)}.pds-banner__navigation{align-items:center;display:flex;height:var(--banner-height);justify-content:space-between;width:100%}button.pds-banner__nav-button{border-color:transparent;color:var(--banner-foreground);height:var(--nav-button-size);margin-inline:var(--pds-spacing-xs);min-width:unset;padding:0;transition:var(--pds-animation-transition-button);width:var(--nav-button-size);z-index:calc(var(--pds-z-index-notifications) + 10)}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2);border-color:transparent;color:var(--banner-foreground)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--banner-foreground);outline-offset:0}.pds-banner-group[data-context=marketing]{--banner-height:3.75rem}@media (max-width:767px){.pds-banner-group[data-context=marketing]{--banner-height:4.5rem}}.pds-banner-group[data-context=marketing] .pds-banner{font-size:var(--pds-typography-size-m);gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__content{gap:var(--pds-spacing-m)}.pds-banner-group[data-context=marketing] .pds-banner__dismiss-button{font-size:var(--pds-typography-size-s);margin-inline-end:var(--pds-spacing-xs)}.pds-banner--dismissing,.pds-banner--fading{animation:hideBannerAnimation .2s ease-in;animation-fill-mode:forwards}@keyframes hideBannerAnimation{to{opacity:0}0%{opacity:1}}

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

@@ -1 +1 @@
-.pds-breadcrumb{color:var(--pds-color-fg-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-fg-default-secondary)}
+.pds-breadcrumb{color:var(--pds-color-fg-default-secondary);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-breadcrumb a{color:var(--pds-color-interactive-link-default);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-breadcrumb a:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-breadcrumb a:active{color:var(--pds-color-interactive-link-active);outline:none}.pds-breadcrumb a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none;transition:var(--pds-animation-transition-focus)}.pds-breadcrumb__crumbs{display:flex;flex-wrap:wrap;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-xs)}.pds-breadcrumb__crumb{align-items:center;display:flex}.pds-breadcrumb__crumb:not(:last-child):after{color:var(--pds-color-border-separator);content:"/";font-size:var(--pds-typography-size-xs);margin-inline:var(--pds-spacing-2xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-fg-default-secondary)}

package/dist/css/component-css/pds-button-nav.css

@@ -1 +1 @@
-.pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}
+.pds-button-nav{--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-inner-height:calc(var(--button-nav-total-height) - var(--button-nav-padding)*2);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-button-background-inactive);gap:var(--button-nav-gap-inline);height:var(--button-nav-total-height);list-style:none;margin:0;padding:var(--button-nav-padding)}.pds-button-nav__item,.pds-button-nav__menu{border-radius:var(--pds-border-radius-button);display:flex}.pds-button-nav__item{height:var(--button-nav-inner-height);transition:var(--pds-animation-transition-button)}.pds-button-nav__item a{align-items:center;color:var(--pds-color-segmented-button-foreground-inactive);column-gap:var(--pds-spacing-3xs);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-nav-text-size);font-weight:var(--pds-typography-fw-medium);line-height:1;padding-inline:var(--button-nav-option-padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item:hover a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav__item a:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-button-nav__item--active{background-color:var(--pds-color-segmented-button-background-active)}.pds-button-nav__item--active a{color:var(--pds-color-segmented-button-foreground-active)}.pds-button-nav--s{--button-nav-total-height:var(--pds-spacing-button-height-s);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-3xs);--button-nav-option-padding-inline:var(--pds-spacing-s);--button-nav-text-size:var(--pds-typography-size-s)}.pds-button-nav--m{--button-nav-total-height:var(--pds-spacing-button-height-m);--button-nav-padding:var(--pds-spacing-4xs);--button-nav-gap-inline:var(--pds-spacing-2xs);--button-nav-option-padding-inline:var(--pds-spacing-m);--button-nav-text-size:var(--pds-typography-size-m)}

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

@@ -1,6 +1,6 @@
 .pds-button{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);--button-gap-inline:var(--pds-spacing-button-gap-inline-s);--button-background-color:var(--pds-color-button-primary-background-default);--button-background-color-hover:var(
 		--pds-color-button-primary-background-hover
-	);--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled,a.pds-button:active,a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
+	);--button-foreground-color:var(--pds-color-button-primary-foreground);--button-border-color:var(--pds-color-button-primary-background-default);--button-border-color-hover:var(--pds-color-button-primary-background-hover);align-items:center;background-color:var(--button-background-color);border-color:var(--button-border-color);border-radius:var(--pds-border-radius-button);border-style:solid;border-width:var(--pds-border-width-default);color:var(--button-foreground-color);cursor:pointer;display:inline-flex;font-family:var(--pds-typography-ff-default);font-size:var(--button-font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--button-gap-inline);height:var(--button-height);justify-content:center;line-height:1;max-height:var(--button-height);padding-block:0;padding-inline:var(--button-padding-inline);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button:disabled{cursor:not-allowed;opacity:40%}.pds-button:active:enabled,.pds-button:hover:enabled,a.pds-button:active,a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--button-foreground-color);text-decoration:none}.pds-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px;transition:var(--pds-animation-transition-focus)}.pds-button__icon{flex-shrink:0}.pds-button--full-width{width:100%}.pds-button--xs{--button-font-size:var(--pds-typography-size-xs);--button-height:var(--pds-spacing-button-height-xs);--button-padding-inline:var(--pds-spacing-button-padding-inline-xs);--button-gap-inline:var(--pds-spacing-button-gap-inline-xs)}.pds-button--s{--button-font-size:var(--pds-typography-size-s);--button-height:var(--pds-spacing-button-height-s);--button-padding-inline:var(--pds-spacing-button-padding-inline-s);-button-gap-inline:var(--pds-spacing-button-gap-inline-s)}.pds-button--m{--button-font-size:var(--pds-typography-size-m);--button-height:var(--pds-spacing-button-height-m);--button-padding-inline:var(--pds-spacing-button-padding-inline-m);--button-gap-inline:var(--pds-spacing-button-gap-inline-m)}.pds-button--l{--button-font-size:var(--pds-typography-size-l);--button-height:var(--pds-spacing-button-height-l);--button-padding-inline:var(--pds-spacing-button-padding-inline-l);--button-gap-inline:var(--pds-spacing-button-gap-inline-l)}.pds-button--xl{--button-font-size:var(--pds-typography-size-xl);--button-height:var(--pds-spacing-button-height-xl);--button-padding-inline:var(--pds-spacing-button-padding-inline-xl);--button-gap-inline:var(--pds-spacing-button-gap-inline-xl)}.pds-button--secondary{--button-background-color:var(
 		--pds-color-button-secondary-background-default
 	);--button-background-color-hover:var(
 		--pds-color-button-secondary-background-hover

package/dist/css/component-css/pds-chart-wrapper.css

@@ -1 +1 @@
-.pds-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-chart--empty,.pds-chart--loading{align-items:center;display:flex;justify-content:center}.recharts-default-tooltip{background-color:var(--pds-color-bg-default)!important;border:var(--pds-border-width-default) solid var(--pds-color-border-default)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;font-family:var(--pds-typography-ff-default)!important;font-size:var(--pds-typography-size-xs)!important;padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)!important}.recharts-tooltip-label{color:var(--pds-color-fg-default)!important;font-weight:var(--pds-typography-fw-semibold)!important;margin:0!important}.recharts-tooltip-item-list li:last-child{padding-block-end:0!important}.recharts-tooltip-item-list{padding:0!important}.recharts-tooltip-item{align-items:center;color:var(--pds-color-fg-default)!important;display:flex;font-size:var(--pds-typography-size-xs)!important;gap:var(--pds-spacing-3xs);margin:0!important;padding:var(--pds-spacing-5xs) 0!important}.recharts-tooltip-item__color{border-radius:2px;display:inline-block;flex-shrink:0;height:8px;width:8px}.pds-bar-chart [aria-hidden=true]:focus,.pds-line-chart [aria-hidden=true]:focus,.recharts-surface:focus,.recharts-wrapper :focus,.recharts-wrapper:focus{outline:none}
+.pds-chart{font-family:var(--pds-typography-ff-default);position:relative;width:100%}.pds-chart__header{align-items:center;display:flex;justify-content:flex-end;margin-block-end:var(--pds-spacing-m)}.pds-chart--loading{display:block}.pds-chart__skeleton{display:flex;flex-direction:column;gap:var(--pds-spacing-m);height:100%;width:100%}.pds-chart__skeleton-area{flex-shrink:0}.pds-chart__skeleton-legend{align-items:center;display:flex;gap:var(--pds-spacing-s)}.pds-chart__skeleton-legend--inline{justify-content:center}.pds-chart__skeleton-legend--table{width:100%}.pds-chart--empty{align-items:center;display:flex;justify-content:center}.recharts-default-tooltip{background-color:var(--pds-color-bg-default)!important;border:var(--pds-border-width-default) solid var(--pds-color-border-default)!important;border-radius:var(--pds-border-radius-container)!important;box-shadow:var(--pds-elevation-overlay)!important;font-family:var(--pds-typography-ff-default)!important;font-size:var(--pds-typography-size-xs)!important;padding:var(--pds-spacing-4xs) var(--pds-spacing-xs)!important}.recharts-tooltip-label{color:var(--pds-color-fg-default)!important;font-weight:var(--pds-typography-fw-semibold)!important;margin:0!important}.recharts-tooltip-item-list li{padding-block:0!important}.recharts-tooltip-item-list{padding:0!important}.recharts-tooltip-item{align-items:center;color:var(--pds-color-fg-default)!important;display:flex;font-size:var(--pds-typography-size-xs)!important;gap:var(--pds-spacing-3xs);margin:0!important;padding:var(--pds-spacing-6xs) 0!important}.recharts-tooltip-item__color{border-radius:2px;display:inline-block;flex-shrink:0;height:8px;width:8px}.pds-bar-chart [aria-hidden=true]:focus,.pds-line-chart [aria-hidden=true]:focus,.recharts-surface:focus,.recharts-wrapper :focus,.recharts-wrapper:focus{outline:none}

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

@@ -1 +1 @@
-.pds-checkbox{--checkbox-font-size:var(--pds-typography-size-input-label);--checkbox-input-size:1rem;--checkbox-input-gap:var(--pds-spacing-2xs);line-height:1.2}.pds-checkbox--m{--checkbox-font-size:var(--pds-typography-size-s);--checkbox-input-size:1.25rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:center;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:var(--pds-typography-fw-regular)}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:var(--pds-border-width-default) solid var(--pds-color-fg-default);border-radius:var(--pds-border-radius-input);display:flex;height:var(--checkbox-input-size);padding:.0625rem;transition:var(--pds-animation-transition-default);width:var(--checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-bg-reverse);border-color:var(--pds-color-bg-reverse);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-fg-reverse);height:100%;transition:var(--pds-animation-transition-default);width:100%}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:40%}.pds-checkbox.pds-has-error .pds-checkbox__box{border-color:var(--pds-color-status-critical-foreground)}.pds-checkbox.pds-has-error .pds-checkbox__label-text{color:var(--pds-color-status-critical-foreground)}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}
+.pds-checkbox{--checkbox-font-size:var(--pds-typography-size-input-label);--checkbox-input-size:1rem;--checkbox-input-gap:var(--pds-spacing-2xs);line-height:1.2}.pds-checkbox--m{--checkbox-font-size:var(--pds-typography-size-s);--checkbox-input-size:1.25rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:center;column-gap:var(--checkbox-input-gap);display:grid;grid-template-columns:var(--checkbox-input-size) auto;margin-block-end:0}.pds-checkbox__label-text{color:var(--pds-color-fg-default);font-size:var(--checkbox-font-size);font-weight:var(--pds-typography-fw-regular)}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:var(--pds-border-width-default) solid var(--pds-color-fg-default);border-radius:var(--pds-border-radius-input);display:flex;height:var(--checkbox-input-size);padding:.0625rem;transition:var(--pds-animation-transition-default);width:var(--checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-bg-reverse);border-color:var(--pds-color-bg-reverse);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-fg-reverse);height:100%;transition:var(--pds-animation-transition-default);width:100%}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:40%}.pds-checkbox.pds-has-error .pds-checkbox__box{border-color:var(--pds-color-status-critical-foreground)}.pds-checkbox.pds-has-error .pds-checkbox__label-text{color:var(--pds-color-status-critical-foreground)}.pds-checkbox .pds-input-label__required{margin-inline-start:.125rem}div.pds-checkbox-group .pds-checkbox--indent-1{margin-inline-start:calc(var(--checkbox-input-size)*2 - var(--checkbox-input-gap))}div.pds-checkbox-group .pds-checkbox--indent-2{margin-inline-start:calc(var(--checkbox-input-size)*4 - var(--checkbox-input-gap)*2)}

package/dist/css/component-css/pds-close-button.css

@@ -1 +1 @@
-.pds-close-button{--button-size:var(--pds-spacing-l);align-items:center;background-color:var(--pds-color-close-button-background-default);border:none;border-radius:.25rem;color:var(--pds-color-close-button-foreground);cursor:pointer;display:flex;height:var(--button-size);justify-content:center;padding:0;width:var(--button-size)}.pds-close-button .pds-icon{height:var(--pds-typography-size-s)}.pds-close-button:hover{background-color:var(--pds-color-close-button-background-hover)}.pds-close-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-close-button__icon{flex-shrink:0}.pds-close-button--m{--button-size:var(--pds-spacing-l)}.pds-close-button--l{--button-size:var(--pds-spacing-xl)}.pds-close-button--xl{--button-size:var(--pds-spacing-2xl)}
+.pds-close-button{--button-size:var(--pds-spacing-l);align-items:center;background-color:var(--pds-color-close-button-background-default);border:none;border-radius:.25rem;color:var(--pds-color-close-button-foreground);cursor:pointer;display:flex;height:var(--button-size);justify-content:center;padding:0;width:var(--button-size)}.pds-close-button .pds-icon{height:var(--pds-typography-size-s)}.pds-close-button:hover{background-color:var(--pds-color-close-button-background-hover)}.pds-close-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-close-button__icon{flex-shrink:0}.pds-close-button--m{--button-size:var(--pds-spacing-l)}.pds-close-button--l{--button-size:var(--pds-spacing-xl)}.pds-close-button--xl{--button-size:var(--pds-spacing-2xl)}

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:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-combobox--m .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-combobox--l .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-l);padding-inline:var(--pds-spacing-s)}.pds-combobox--l .pds-combobox__input,.pds-combobox--l .pds-dropdown__item{font-size:var(--pds-typography-size-m)}.pds-combobox--l .pds-dropdown__item{padding-block:var(--pds-spacing-s)}.pds-combobox--l .pds-input-label{font-size:var(--pds-typography-size-s);margin-block-end:var(--pds-spacing-xs)}.pds-combobox--l .pds-input-message{font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-xs)}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-combobox__trigger:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger-icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-combobox--l .pds-combobox__trigger-icon.pds-icon--m,.pds-combobox--m .pds-combobox__trigger-icon.pds-icon--m{height:1rem;width:1rem}.pds-combobox__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pds-combobox__loading{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}
+.pds-combobox{position:relative}.pds-combobox__input-wrapper{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);display:flex;gap:var(--pds-spacing-xs);height:var(--pds-spacing-input-height-s);padding-inline:var(--pds-spacing-xs);position:relative;transition:var(--pds-animation-transition-input);width:100%}.pds-combobox__input-wrapper:focus-within{border-color:var(--pds-color-interactive-focus);outline:none;transition:var(--pds-animation-transition-focus)}.pds-combobox--m .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-m);padding-inline:var(--pds-spacing-s)}.pds-combobox--l .pds-combobox__input-wrapper{gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-l);padding-inline:var(--pds-spacing-s)}.pds-combobox--l .pds-combobox__input,.pds-combobox--l .pds-dropdown__item{font-size:var(--pds-typography-size-m)}.pds-combobox--l .pds-dropdown__item{padding-block:var(--pds-spacing-s)}.pds-combobox--l .pds-input-label{font-size:var(--pds-typography-size-s);margin-block-end:var(--pds-spacing-xs)}.pds-combobox--l .pds-input-message{font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-xs)}.pds-combobox__input{background-color:transparent;border:none;caret-color:var(--pds-color-fg-default);color:var(--pds-color-fg-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-combobox__input:focus{outline:none}.pds-combobox__input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox__trigger:hover{background-color:var(--pds-color-interactive-background-hover)}.pds-combobox__trigger:focus-visible{background-color:var(--pds-color-interactive-background-hover);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox__trigger-icon{color:var(--pds-color-fg-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger[aria-expanded=true] .pds-combobox__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox__trigger-icon.pds-icon--m{height:.8125rem;width:.8125rem}.pds-combobox--l .pds-combobox__trigger-icon.pds-icon--m,.pds-combobox--m .pds-combobox__trigger-icon.pds-icon--m{height:1rem;width:1rem}.pds-combobox__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:18rem;overflow-x:hidden}.pds-combobox__dropdown:focus-visible{outline:none}.pds-combobox__options{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.pds-combobox__loading{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}

package/dist/css/component-css/pds-cta-link.css

@@ -1 +1 @@
-.pds-cta-link{--cta-link-size:var(--pds-typography-size-m);--cta-link-color:var(--pds-color-interactive-link-default);--cta-link-gap:var(--pds-spacing-3xs);align-items:center;display:inline-flex;gap:var(--cta-link-gap);padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--m{--cta-link-gap:var(--pds-spacing-2xs);--cta-link-size:var(--pds-typography-size-l)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}
+.pds-cta-link{--cta-link-size:var(--pds-typography-size-m);--cta-link-color:var(--pds-color-interactive-link-default);--cta-link-gap:var(--pds-spacing-3xs);align-items:center;display:inline-flex;gap:var(--cta-link-gap);padding:.25rem 0}.pds-cta-link a,.pds-cta-link button{color:var(--cta-link-color);font-family:var(--pds-typography-ff-default);font-size:var(--cta-link-size);font-weight:var(--pds-typography-fw-bold);letter-spacing:var(--pds-typography-ls-s);line-height:var(--pds-typography-lh-s);text-decoration:none;transition:var(--pds-animation-transition-link)}.pds-cta-link a:focus-visible,.pds-cta-link button:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.25rem;text-decoration:none}.pds-cta-link button{background:none;border:none;cursor:pointer;padding:0}.pds-cta-link .pds-cta-link__icon{color:var(--cta-link-color);transition:var(--pds-animation-transition-link)}.pds-cta-link:hover{--cta-link-color:var(--pds-color-interactive-link-hover)}.pds-cta-link:active{--cta-link-color:var(--pds-color-interactive-link-active);outline:none;text-decoration:none}.pds-cta-link--m{--cta-link-gap:var(--pds-spacing-2xs);--cta-link-size:var(--pds-typography-size-l)}.pds-link-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m)}

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:var(--pds-typography-ff-default)}.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:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) 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:var(--pds-spacing-xl);margin-block-start:var(--pds-spacing-4xs);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:var(--pds-spacing-s)}.pds-dashboard-nav__menu.pds-dashboard-nav__menu--top-level{row-gap:var(--pds-spacing-m)}.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:var(--pds-border-radius-container);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:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);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:var(--pds-spacing-s);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:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.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:var(--pds-typography-fw-semibold)}.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:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);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:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.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:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.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:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.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:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.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:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);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:var(--pds-border-radius-container);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:var(--pds-animation-transition-button)}.pds-dashboard-nav__item--top-level .pds-dashboard-nav__item-wrapper a{border-radius:var(--pds-border-radius-container);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:var(--pds-spacing-s);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:var(--pds-spacing-s)}.pds-dashboard-nav__item.pds-dashboard-nav__item--second-level{font-size:var(--pds-typography-size-s)}.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:var(--pds-typography-fw-semibold)}.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:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav__toggle{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-container);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:var(--pds-animation-transition-rotation)}.pds-dashboard-nav__toggle--expanded .pds-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.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:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);max-width:30rem;padding:var(--pds-spacing-s);width:max-content;z-index:var(--pds-z-index-dropdown)}.pds-dashboard-nav__flyout-heading{color:var(--pds-color-dropdown-heading);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);padding:var(--pds-spacing-s) var(--pds-spacing-s)}.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:var(--pds-typography-size-m);line-height:var(--pds-typography-lh-s);margin:0}.pds-dashboard-nav__item--second-level-flyout a{border-radius:var(--pds-border-radius-container);cursor:pointer;display:block;padding:var(--pds-spacing-s) var(--pds-spacing-s)}.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:var(--pds-typography-fw-semibold)}.pds-dashboard-nav__item--second-level-flyout a:focus-visible{border-radius:var(--pds-border-radius-container);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-dashboard-nav .pds-tooltip__container{padding:var(--pds-spacing-3xs) var(--pds-spacing-xs)}.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:var(--pds-spacing-2xs);padding-inline:var(--pds-spacing-dashboard-nav-item-padding);width:100%}.pds-dashboard-nav .pds-dropdown-menu__item--second-level{padding-block:var(--pds-spacing-3xs);padding-inline-start:calc(var(--dashboard-nav-icon-width) + var(--dashboard-nav-space-after-icon) + .0625rem)}

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

@@ -1,2 +1,2 @@
-.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
+.pds-dropdown-menu{position:relative}.pds-dropdown-menu__heading{font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s)}.pds-dropdown-menu__heading a{color:var(--pds-color-fg-default);text-decoration:none}.pds-dropdown-menu__heading a:hover{color:var(--pds-color-interactive-link-hover)}.pds-dropdown-menu__trigger{align-items:center;background-color:var(--pds-color-bg-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-fg-default);cursor:pointer;display:flex;height:var(--pds-spacing-input-height-m);justify-content:space-between;padding:0 var(--pds-spacing-s);text-align:left;width:100%}.pds-dropdown-menu__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-dropdown-menu__trigger-icon{color:var(--pds-color-fg-default-secondary);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__trigger[aria-expanded=true]
 	.pds-dropdown-menu__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-dropdown-menu__dropdown{margin-block-start:var(--pds-spacing-xs);max-height:30rem;overflow-y:auto;width:100%}.pds-dropdown-menu__dropdown .pds-dropdown__item>a{color:inherit;flex:1;text-decoration:none}.pds-dropdown-menu__item--second-level>a{padding-inline-start:var(--pds-spacing-2xl)}.pds-dropdown-menu__item--third-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__item--fourth-level>a{padding-inline-start:calc(var(--pds-spacing-2xl) + var(--pds-spacing-xl) + var(--pds-spacing-xl))}.pds-dropdown-menu__active-label{display:flex}.pds-dropdown-menu__active-icon{margin-inline:var(--pds-spacing-m)}

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);box-shadow:var(--pds-elevation-overlay);flex-direction:column;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);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;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;gap:var(--pds-spacing-2xs);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.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-2xs)}.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-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);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-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}
+.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-outline) 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;gap:var(--pds-spacing-4xs);margin:0;min-width:10rem;overflow-y:auto;padding-inline:var(--pds-spacing-2xs);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;padding-block:var(--pds-spacing-2xs)}.pds-dropdown__item{align-items:center;color:var(--pds-color-dropdown-foreground);cursor:pointer;gap:var(--pds-spacing-2xs);justify-content:space-between;min-height:var(--pds-spacing-2xl);padding-inline:var(--pds-spacing-xs)}.pds-dropdown__item:focus-visible:not(:hover){outline:var(--pds-border-width-outline) 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-2xs)}.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-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);list-style:none;padding:var(--pds-spacing-xs) var(--pds-spacing-xs) var(--pds-spacing-3xs)}.pds-dropdown__separator{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);list-style:none;margin-block-end:2px;margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block:2px}.pds-dropdown__filter{list-style:none;margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);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-outline) 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-end:var(--pds-spacing-s);padding-block-start:var(--pds-spacing-xs);padding-inline:var(--pds-spacing-s)}

package/dist/css/component-css/pds-icon-button.css

@@ -4,7 +4,7 @@
 		--pds-color-icon-button-standard-background-hover
 	);--icon-button-border:var(--pds-color-icon-button-standard-border-default);--icon-button-border-hover:var(
 		--pds-color-icon-button-standard-border-hover
-	);--icon-button-foreground:var(--pds-color-icon-button-standard-foreground);background-color:var(--icon-button-background);border:var(--pds-border-width-default) solid transparent;border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:var(--icon-button-padding);text-decoration:none;transition:var(--pds-animation-transition-button);width:var(--icon-button-size)}.pds-icon-button,.pds-icon-button__content{align-items:center;display:flex;justify-content:center}.pds-icon-button__content{align-content:stretch;height:100%}.pds-icon-button:disabled .pds-icon-button__content{cursor:not-allowed;opacity:45%}.pds-icon-button:hover:enabled,a.pds-icon-button:hover{background-color:var(--icon-button-background-hover);color:var(--icon-button-foreground);text-decoration:none}.pds-icon-button--has-border{border-color:var(--icon-button-border)}.pds-icon-button--has-border:hover:enabled,a.pds-icon-button--has-border:hover{border-color:var(--icon-button-border-hover)}.pds-icon-button:focus-visible{outline:var(--pds-border-width-default) solid var(--pds-color-interactive-focus)}.pds-icon-button--reverse{--icon-button-background:var(
+	);--icon-button-foreground:var(--pds-color-icon-button-standard-foreground);background-color:var(--icon-button-background);border:var(--pds-border-width-default) solid transparent;border-radius:var(--pds-border-radius-input);box-sizing:border-box;color:var(--icon-button-foreground);cursor:pointer;height:var(--icon-button-size);padding:var(--icon-button-padding);text-decoration:none;transition:var(--pds-animation-transition-button);width:var(--icon-button-size)}.pds-icon-button,.pds-icon-button__content{align-items:center;display:flex;justify-content:center}.pds-icon-button__content{align-content:stretch;height:100%}.pds-icon-button:disabled .pds-icon-button__content{cursor:not-allowed;opacity:45%}.pds-icon-button:hover:enabled,a.pds-icon-button:hover{background-color:var(--icon-button-background-hover);color:var(--icon-button-foreground);text-decoration:none}.pds-icon-button--has-border{border-color:var(--icon-button-border)}.pds-icon-button--has-border:hover:enabled,a.pds-icon-button--has-border:hover{border-color:var(--icon-button-border-hover)}.pds-icon-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-icon-button--reverse{--icon-button-background:var(
 		--pds-color-icon-button-reverse-background-default
 	);--icon-button-background-hover:var(
 		--pds-color-icon-button-reverse-background-hover