@pantheon-systems/pds-toolkit-react 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/components/icons/Icon/icon-registry.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Icon Registry - Source of truth for PDS icon mappings.
+ *
+ * Maps PDS camelCase icon names to their source:
+ * - FA icons: reference a Font Awesome package + export name
+ * - Custom icons: hand-authored SVG data in custom-icons.tsx
+ *
+ * To add an FA icon:
+ *   1. Add entry here with source: 'fa', style, and faImportName
+ *   2. Run: npm run generate:icon-data
+ *   3. Commit both this file and generated-icon-data.ts
+ *
+ * To add a custom icon:
+ *   1. Add SVG data to custom-icons.tsx
+ *   2. Add entry here with source: 'custom'
+ *   3. Run: npm run generate:icon-data
+ *   4. Commit all three files
+ */
+export type FAStyle = 'regular' | 'solid' | 'brands';
+export type IconCategory = 'actions' | 'arrows' | 'brands' | 'communication' | 'custom' | 'data' | 'development' | 'documents' | 'financial' | 'media' | 'navigation' | 'objects' | 'security' | 'status' | 'users';
+export interface FAIconEntry {
+    aliases?: string[];
+    categories: IconCategory[];
+    faImportName: string;
+    source: 'fa';
+    style: FAStyle;
+}
+export interface CustomIconEntry {
+    aliases?: string[];
+    categories: IconCategory[];
+    source: 'custom';
+}
+export type IconRegistryEntry = CustomIconEntry | FAIconEntry;
+export declare const iconRegistry: Record<string, IconRegistryEntry>;

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

@@ -74,9 +74,9 @@ export interface CheckboxProps extends ComponentPropsWithoutRef<'div'> {
      */
     showLabel?: boolean;
     /**
-     * Size of the label and checkbox. Defaults to 'M'.
+     * Size of the checkbox and label.
      */
-    size?: 'S' | 'M';
+    size?: 's' | 'm';
     /**
      * Validation message for the input field based on the validation status.
      */

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

@@ -1,19 +1,38 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './combobox-multiselect.css';
 type LabelStrings = {
+    aiBadgeLabel?: string;
+    aiPanelButton?: string;
+    aiPanelClose?: string;
+    aiPanelRefresh?: string;
     inputInstructions?: string;
     triggerButton?: string;
 };
-interface OptionProps {
+/**
+ * Public option interface - what users provide to the component
+ */
+export interface OptionProps {
+    badge?: 'ai';
     id: string;
-    isAlreadySelected?: boolean;
     label: string;
 }
+interface AuxiliaryPanel {
+    content?: ReactNode;
+    disableRefresh?: boolean;
+    isFetching?: boolean;
+    items?: OptionProps[];
+    onClose?: () => void;
+    onRefresh?: () => void;
+}
 type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
 /**
  * Prop types for ComboboxMultiselect
  */
 export interface ComboboxMultiselectProps extends DivProps {
+    /**
+     * Optional auxiliary panel configuration (e.g., for AI suggestions)
+     */
+    auxiliaryPanel?: AuxiliaryPanel;
     /**
      * Additional class names
      */
@@ -70,14 +89,17 @@ export interface ComboboxMultiselectProps extends DivProps {
      * Is this field required?
      */
     required?: boolean;
+    /**
+     * Display all selected tags in a wrapping row instead of stacking with only the top one visible
+     */
+    showAllTags?: boolean;
     /**
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
 }
-export declare const getFilteredOptions: (options: OptionProps[], selectedItems: OptionProps[], inputValue: string) => OptionProps[];
 /**
  * ComboboxMultiselect UI component
  */
-export declare const ComboboxMultiselect: ({ className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboboxMultiselect: ({ auxiliaryPanel, className, disabled, id, initialSelectedItems, inputWidth, isLoading, label, labelStrings, loadingText, noResultsText, onChange, options, placeholder, required, showAllTags, showLabel, ...props }: ComboboxMultiselectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -44,6 +44,10 @@ interface SelectOptionGroupProps {
  * Prop types for Select
  */
 export interface SelectProps {
+    /**
+     * Automatically resize the select to fit the longest option label. Defaults to false (width: 100%).
+     */
+    autoWidth?: boolean;
     /**
      * Additional class names
      */
@@ -128,5 +132,5 @@ export declare const SelectOptionGroup: ({ children, label, }: SelectOptionGroup
 /**
  * Select UI component
  */
-export declare const Select: ({ className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: ({ autoWidth, className, defaultValue, disabled, icon, id, inputWidth, label, labelStrings, message, onBlur, onFocus, onOptionSelect, options, required, showLabel, tooltipText, validationMessage, validationStatus, value, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inputs/Select/select-sample-data.d.ts

@@ -4,4 +4,5 @@ export declare const userRoleOptions: SelectOptionType[];
 export declare const validationExampleOptions: SelectOptionType[];
 export declare const sampleSelectOptionsWithGroups: SelectOptionsType;
 export declare const ssoProviderOptions: SelectOptionType[];
+export declare const autoWidthOptions: SelectOptionType[];
 export declare const sampleSelectOptions: SelectOptionType[];

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

@@ -0,0 +1,100 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ValidationStatus } from '../../../libs/types/input-types';
+import './tags-input.css';
+type LabelStrings = {
+    inputInstructions: string;
+    tagAriaLabel: string;
+    tagAriaLabelSimple: string;
+    tagRemove: string;
+    tagsListLabel: string;
+};
+/**
+ * Tag type
+ */
+export type TagType = {
+    id: string;
+    value: string;
+};
+type DivProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange'>;
+/**
+ * Prop types for TagsInput
+ */
+export interface TagsInputProps extends DivProps {
+    /**
+     * Optional placeholder text to display when the input field is empty and there are existing tags.
+     */
+    addMorePlaceholder?: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
+    /**
+     * Is the field disabled?
+     */
+    disabled?: boolean;
+    /**
+     * Input ID.
+     */
+    id: string;
+    /**
+     * Minimum height in pixels for the tags input wrapper box (not including label or message). Defaults to 80px.
+     */
+    inputMinHeight?: number;
+    /**
+     * Max-width of the input field. Accepts a number in pixels. Leave blank for width: 100%.
+     */
+    inputWidth?: number;
+    /**
+     * Should tags be sortable via drag-and-drop and keyboard shortcuts? Defaults to false.
+     */
+    isSortable?: boolean;
+    /**
+     * Input label.
+     */
+    label: string;
+    /**
+     * Input message. Used to provide supplemental text. Will be displayed below the input field.
+     */
+    message?: string | ReactNode;
+    /**
+     * onChange event handler. Called when tags change.
+     */
+    onChange: (tags: TagType[]) => void;
+    /**
+     * Optional placeholder text to display when the input field is empty and there are no tags yet.
+     */
+    placeholder?: string;
+    /**
+     * Is this field required?
+     */
+    required?: boolean;
+    /**
+     * Should the label be visible? If false, it will render for screen readers only.
+     */
+    showLabel?: boolean;
+    /**
+     * Tags array. The component is controlled and requires managing state externally.
+     */
+    tags: TagType[];
+    /**
+     * Optional tooltip text to display additional information.
+     */
+    tooltipText?: string | null;
+    /**
+     * Translation strings for various labels or other visually-hidden text.
+     */
+    translationStrings?: LabelStrings;
+    /**
+     * Validation message for the input field based on the validation status.
+     */
+    validationMessage?: string;
+    /**
+     * Validation status of the input field.
+     */
+    validationStatus?: ValidationStatus;
+}
+/**
+ * TagsInput UI component
+ */
+export declare const TagsInput: React.ForwardRefExoticComponent<TagsInputProps & React.RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -107,6 +107,10 @@ export interface TextInputProps extends ComponentPropsWithoutRef<'div'> {
      * Show Toggle visibility control for input. Valid for type `password` only.
      */
     showVisibilityToggle?: boolean;
+    /**
+     * Input size.
+     */
+    size?: 's' | 'm' | 'l';
     /**
      * Optional tooltip text to display additional information.
      */

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

@@ -79,6 +79,10 @@ export interface TextareaProps {
      * Should the label be visible? If false, it will render for screen readers only.
      */
     showLabel?: boolean;
+    /**
+     * Input size.
+     */
+    size?: 's' | 'm' | 'l';
     /**
      * Additional props for the `<textarea>` element.
      */

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

@@ -63,9 +63,9 @@ export declare const InputMessage: ({ className, forInputGroup, hasValidationMes
     validationMessageHasDecorators?: boolean;
     validationStatus?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-type DecoratorVariants = 'search' | 'error' | 'success' | 'filter';
-export declare const InputDecorator: ({ variant }: {
-    variant: DecoratorVariants;
+export type PrefixVariants = 'search' | 'error' | 'success' | 'filter';
+export declare const InputPrefix: ({ variant }: {
+    variant: PrefixVariants;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const SearchShortcut: ({ inputId, shortcutLabel, }: {
     inputId: string;

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

@@ -1,12 +1,11 @@
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
+import { BadgeColor } from '../../badges/Badge/Badge';
 import './workspace-selector.css';
-declare const tierLabels: {
-    silver: string;
-    gold: string;
-    platinum: string;
-    diamond: string;
-};
-export type PlanTiers = keyof typeof tierLabels;
+declare const tierConfig: Record<string, {
+    color: BadgeColor;
+    label: string;
+}>;
+export type PlanTiers = keyof typeof tierConfig;
 export type WorkspaceSelectorItem = {
     /**
      * Name of the workspace.

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

@@ -1,14 +1,34 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
+import { DataContext, StatusType } from '../../../libs/types/custom-types';
+import { PDSIcon } from '../../icons/Icon/Icon';
 import './banner.css';
-type BannerType = Exclude<StatusType, 'success' | 'discovery'>;
-type Banner = {
+type BannerVariant = Exclude<StatusType, 'success'> | 'neutral';
+export interface BannerItemType {
+    /**
+     * Icon to display. Required for neutral type, ignored for other types.
+     */
+    iconName?: PDSIcon;
+    /**
+     * Unique identifier for the banner.
+     */
     id: string;
+    /**
+     * Whether the banner can be dismissed by the user.
+     */
     isDismissible?: boolean;
+    /**
+     * The message content of the banner.
+     */
     message: string | ReactNode;
+    /**
+     * Callback function called when the banner is dismissed.
+     */
     onDismiss?: () => void;
-    type?: BannerType;
-};
+    /**
+     * The type of banner, which determines icon and color.
+     */
+    type?: BannerVariant;
+}
 /**
  * Prop types for Banner
  */
@@ -16,11 +36,15 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Array of banner objects
      */
-    banners: Banner[];
+    banners: BannerItemType[];
     /**
      * Additional class names
      */
     className?: string;
+    /**
+     * Data context for sizing. Marketing context increases all sizes by one step.
+     */
+    dataContext?: DataContext;
     /**
      * Label for the dismiss button
      */
@@ -36,14 +60,10 @@ export interface BannerProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Type labels
      */
-    typeLabels?: {
-        critical: string;
-        info: string;
-        warning: string;
-    };
+    typeLabels?: Record<BannerVariant, string>;
 }
 /**
  * Banner UI component
  */
-export declare const Banner: ({ banners, className, dismissLabel, labelNext, labelPrevious, typeLabels, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Banner: ({ banners, className, dataContext, dismissLabel, labelNext, labelPrevious, typeLabels, ...props }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode } from 'react';
-import { StatusType } from '../../../libs/types/custom-types';
+import { DataContext, StatusType } from '../../../libs/types/custom-types';
 import { Button } from '../../buttons/Button/Button';
 import './section-message.css';
 export type SectionMessageType = StatusType;
@@ -14,6 +14,10 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
      * Can include any Button props except for size and variant.
      */
     ctaButton?: ComponentPropsWithoutRef<typeof Button>;
+    /**
+     * Data context for sizing. Marketing context increases all sizes by one step.
+     */
+    dataContext?: DataContext;
     /**
      * Label for dismiss button. Provide a translation string if needed.
      */
@@ -50,5 +54,5 @@ export interface SectionMessageProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * SectionMessage UI component
  */
-export declare const SectionMessage: ({ className, ctaButton, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SectionMessage: ({ className, ctaButton, dataContext, dismissLabel, id, isDismissible, message, onDismiss, title, type, typeLabels, ...props }: SectionMessageProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './toaster.css';
 declare const iconTypes: {
     readonly info: "circleInfo";
-    readonly success: "check";
+    readonly success: "circleCheck";
     readonly warning: "triangleExclamation";
     readonly critical: "diamondExclamation";
 };

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

@@ -6,9 +6,9 @@ import './toaster.css';
  */
 interface ToasterProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Duration in milliseconds before the toast will auto-close.
+     * Duration in milliseconds before the toast will auto-close. Set to `false` to disable auto-close (default).
      */
-    autoCloseDuration?: number;
+    autoCloseDuration?: number | false;
     /**
      * Additional class names
      */

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

@@ -20,6 +20,10 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
      * Whether the expansion panel is open or not.
      */
     isOpen?: boolean;
+    /**
+     * Whether to show the border around the expansion panel.
+     */
+    showBorder?: boolean;
     /**
      * The summary label of the expansion panel.
      */
@@ -28,5 +32,5 @@ interface ExpansionPanelProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * ExpansionPanel UI component
  */
-export declare const ExpansionPanel: ({ children, className, id, isOpen, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpansionPanel: ({ children, className, id, isOpen, showBorder, summary, ...props }: ExpansionPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1 +1 @@
-.pds-avatar{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.125rem;align-items:center;border:var(--pds-border-width-default) solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-link-hover);outline-offset:2px}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default);height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:var(--pds-spacing-m);--avatar-icon-size:0.5625rem}.pds-avatar--sm{--avatar-size:var(--pds-spacing-xl);--avatar-icon-size:0.875rem}.pds-avatar--md{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.125rem}.pds-avatar--lg{--avatar-size:var(--pds-spacing-2xl);--avatar-icon-size:1.375rem}.pds-avatar--xl{--avatar-size:var(--pds-spacing-4xl);--avatar-icon-size:2.25rem}
+.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;border:var(--pds-border-width-default) solid transparent;border-radius:100%;display:inline-flex;justify-content:center}.pds-avatar__content{border-radius:100%;display:flex;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content--link:hover{cursor:pointer;opacity:.8}.pds-avatar__content--link:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}.pds-avatar--image{border-color:var(--pds-color-border-default);height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar--image .pds-avatar__image{border-radius:100%;height:100%;margin:auto;object-fit:cover;width:100%}.pds-avatar__user-icon{color:var(--pds-color-fg-reverse);height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--xs{--avatar-size:1rem;--avatar-icon-size:0.5625rem}.pds-avatar--m{--avatar-size:2rem;--avatar-icon-size:1.125rem}.pds-avatar--l{--avatar-size:2.5rem;--avatar-icon-size:1.375rem}

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

@@ -0,0 +1 @@
+.pds-badge{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground);align-items:center;background-color:var(--badge-bg);border-radius:var(--pds-border-radius-input);color:var(--badge-fg);display:inline-flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);height:var(--pds-spacing-button-height-s);line-height:normal;padding-inline:var(--pds-spacing-s);white-space:nowrap}.pds-badge--s{font-size:var(--pds-typography-size-xs);height:var(--pds-spacing-button-height-xs);padding-inline:var(--pds-spacing-xs)}.pds-badge--xs{font-size:.6875rem;height:var(--pds-spacing-l);padding-inline:var(--pds-spacing-3xs)}.pds-badge--aether{--badge-bg:var(--pds-color-badge-aether-background);--badge-fg:var(--pds-color-badge-aether-foreground)}.pds-badge--amber{--badge-bg:var(--pds-color-badge-amber-background);--badge-fg:var(--pds-color-badge-amber-foreground)}.pds-badge--apollo{--badge-bg:var(--pds-color-badge-apollo-background);--badge-fg:var(--pds-color-badge-apollo-foreground)}.pds-badge--critical{--badge-bg:var(--pds-color-badge-critical-background);--badge-fg:var(--pds-color-badge-critical-foreground)}.pds-badge--discovery{--badge-bg:var(--pds-color-badge-discovery-background);--badge-fg:var(--pds-color-badge-discovery-foreground)}.pds-badge--gaia{--badge-bg:var(--pds-color-badge-gaia-background);--badge-fg:var(--pds-color-badge-gaia-foreground)}.pds-badge--hypnos{--badge-bg:var(--pds-color-badge-hypnos-background);--badge-fg:var(--pds-color-badge-hypnos-foreground)}.pds-badge--indigo{--badge-bg:var(--pds-color-badge-indigo-background);--badge-fg:var(--pds-color-badge-indigo-foreground)}.pds-badge--info{--badge-bg:var(--pds-color-badge-info-background);--badge-fg:var(--pds-color-badge-info-foreground)}.pds-badge--iris{--badge-bg:var(--pds-color-badge-iris-background);--badge-fg:var(--pds-color-badge-iris-foreground)}.pds-badge--lime{--badge-bg:var(--pds-color-badge-lime-background);--badge-fg:var(--pds-color-badge-lime-foreground)}.pds-badge--mint{--badge-bg:var(--pds-color-badge-mint-background);--badge-fg:var(--pds-color-badge-mint-foreground)}.pds-badge--orange{--badge-bg:var(--pds-color-badge-orange-background);--badge-fg:var(--pds-color-badge-orange-foreground)}.pds-badge--rose{--badge-bg:var(--pds-color-badge-rose-background);--badge-fg:var(--pds-color-badge-rose-foreground)}.pds-badge--sand{--badge-bg:var(--pds-color-badge-sand-background);--badge-fg:var(--pds-color-badge-sand-foreground)}.pds-badge--silver{--badge-bg:var(--pds-color-badge-silver-background);--badge-fg:var(--pds-color-badge-silver-foreground)}.pds-badge--sky{--badge-bg:var(--pds-color-badge-sky-background);--badge-fg:var(--pds-color-badge-sky-foreground)}.pds-badge--slate{--badge-bg:var(--pds-color-badge-slate-background);--badge-fg:var(--pds-color-badge-slate-foreground)}.pds-badge--stone{--badge-bg:var(--pds-color-badge-stone-background);--badge-fg:var(--pds-color-badge-stone-foreground)}.pds-badge--success{--badge-bg:var(--pds-color-badge-success-background);--badge-fg:var(--pds-color-badge-success-foreground)}.pds-badge--teal{--badge-bg:var(--pds-color-badge-teal-background);--badge-fg:var(--pds-color-badge-teal-foreground)}.pds-badge--warning{--badge-bg:var(--pds-color-badge-warning-background);--badge-fg:var(--pds-color-badge-warning-foreground)}.pds-badge--aether-secondary{--badge-bg:var(--pds-color-badge-aether-secondary-background);--badge-fg:var(--pds-color-badge-aether-secondary-foreground)}.pds-badge--amber-secondary{--badge-bg:var(--pds-color-badge-amber-secondary-background);--badge-fg:var(--pds-color-badge-amber-secondary-foreground)}.pds-badge--apollo-secondary{--badge-bg:var(--pds-color-badge-apollo-secondary-background);--badge-fg:var(--pds-color-badge-apollo-secondary-foreground)}.pds-badge--critical-secondary{--badge-bg:var(--pds-color-badge-critical-secondary-background);--badge-fg:var(--pds-color-badge-critical-secondary-foreground)}.pds-badge--discovery-secondary{--badge-bg:var(--pds-color-badge-discovery-secondary-background);--badge-fg:var(--pds-color-badge-discovery-secondary-foreground)}.pds-badge--gaia-secondary{--badge-bg:var(--pds-color-badge-gaia-secondary-background);--badge-fg:var(--pds-color-badge-gaia-secondary-foreground)}.pds-badge--hypnos-secondary{--badge-bg:var(--pds-color-badge-hypnos-secondary-background);--badge-fg:var(--pds-color-badge-hypnos-secondary-foreground)}.pds-badge--indigo-secondary{--badge-bg:var(--pds-color-badge-indigo-secondary-background);--badge-fg:var(--pds-color-badge-indigo-secondary-foreground)}.pds-badge--info-secondary{--badge-bg:var(--pds-color-badge-info-secondary-background);--badge-fg:var(--pds-color-badge-info-secondary-foreground)}.pds-badge--iris-secondary{--badge-bg:var(--pds-color-badge-iris-secondary-background);--badge-fg:var(--pds-color-badge-iris-secondary-foreground)}.pds-badge--lime-secondary{--badge-bg:var(--pds-color-badge-lime-secondary-background);--badge-fg:var(--pds-color-badge-lime-secondary-foreground)}.pds-badge--mint-secondary{--badge-bg:var(--pds-color-badge-mint-secondary-background);--badge-fg:var(--pds-color-badge-mint-secondary-foreground)}.pds-badge--orange-secondary{--badge-bg:var(--pds-color-badge-orange-secondary-background);--badge-fg:var(--pds-color-badge-orange-secondary-foreground)}.pds-badge--rose-secondary{--badge-bg:var(--pds-color-badge-rose-secondary-background);--badge-fg:var(--pds-color-badge-rose-secondary-foreground)}.pds-badge--sand-secondary{--badge-bg:var(--pds-color-badge-sand-secondary-background);--badge-fg:var(--pds-color-badge-sand-secondary-foreground)}.pds-badge--silver-secondary{--badge-bg:var(--pds-color-badge-silver-secondary-background);--badge-fg:var(--pds-color-badge-silver-secondary-foreground)}.pds-badge--sky-secondary{--badge-bg:var(--pds-color-badge-sky-secondary-background);--badge-fg:var(--pds-color-badge-sky-secondary-foreground)}.pds-badge--slate-secondary{--badge-bg:var(--pds-color-badge-slate-secondary-background);--badge-fg:var(--pds-color-badge-slate-secondary-foreground)}.pds-badge--stone-secondary{--badge-bg:var(--pds-color-badge-stone-secondary-background);--badge-fg:var(--pds-color-badge-stone-secondary-foreground)}.pds-badge--success-secondary{--badge-bg:var(--pds-color-badge-success-secondary-background);--badge-fg:var(--pds-color-badge-success-secondary-foreground)}.pds-badge--teal-secondary{--badge-bg:var(--pds-color-badge-teal-secondary-background);--badge-fg:var(--pds-color-badge-teal-secondary-foreground)}.pds-badge--warning-secondary{--badge-bg:var(--pds-color-badge-warning-secondary-background);--badge-fg:var(--pds-color-badge-warning-secondary-foreground)}.pds-badge--feature{background:var(--pds-gradient-badge-feature);color:var(--pds-color-badge-feature-foreground)}

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:var(--pds-spacing-5xl);--nav-button-size:var(--pds-spacing-2xl);min-height:var(--banner-height);position:relative}@media (min-width:768px){.pds-banner-group{--banner-height:var(--pds-spacing-4xl)}}.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--info,.pds-banner-group--info{--banner-background:var(--pds-color-banner-info-background);--banner-foreground:var(--pds-color-banner-info-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);height:var(--banner-height);justify-content:space-between;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__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%,.2);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;padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);transition:var(--pds-animation-transition-button)}.pds-banner__dismiss-button:hover{background-color:hsla(0,0%,100%,.2)}.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__navigation{display:flex;justify-content:space-between;width:100%}button.pds-banner__nav-button{color:var(--banner-foreground);height:var(--nav-button-size);margin-block:calc(var(--pds-spacing-l) + .125rem);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)}@media (min-width:768px){button.pds-banner__nav-button{margin-block:calc(var(--pds-spacing-m) - .0625rem)}}button.pds-banner__nav-button:hover:enabled{background-color:hsla(0,0%,100%,.2)}button.pds-banner__nav-button:focus-visible{outline:var(--pds-border-width-default) solid var(--banner-foreground);outline-offset:0}.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-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}}

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

@@ -1 +1 @@
-.pds-breadcrumb{color:var(--pds-color-text-default-secondary);font-family:var(--pds-typography-ff-sans);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-xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}
+.pds-breadcrumb{color:var(--pds-color-text-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-xs)}.pds-breadcrumb__crumb--current a{color:var(--pds-color-text-default-secondary)}

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

@@ -1 +1 @@
-.pds-button-link{display:inline-block}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--accent:active,.pds-button-link a.pds-button.pds-button--accent:hover{color:var(--pds-color-button-accent-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}
+.pds-button-link{display:inline-block}.pds-button-link a.pds-button{text-decoration:none}.pds-button-link a.pds-button:active,.pds-button-link a.pds-button:hover{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover);color:var(--pds-color-button-primary-foreground);text-decoration:none}.pds-button-link a.pds-button.pds-button--secondary:active,.pds-button-link a.pds-button.pds-button--secondary:hover{color:var(--pds-color-button-secondary-foreground)}.pds-button-link a.pds-button.pds-button--subtle:active,.pds-button-link a.pds-button.pds-button--subtle:hover{color:var(--pds-color-button-subtle-foreground)}.pds-button-link a.pds-button.pds-button--critical:active,.pds-button-link a.pds-button.pds-button--critical:hover{color:var(--pds-color-button-critical-foreground)}.pds-button-link a.pds-button.pds-button--critical-secondary:active,.pds-button-link a.pds-button.pds-button--critical-secondary:hover{color:var(--pds-color-button-critical-secondary-foreground)}.pds-button-link a.pds-button.pds-button--brand:active,.pds-button-link a.pds-button.pds-button--brand:hover{color:var(--pds-color-button-brand-foreground)}.pds-button-link a.pds-button.pds-button--accent:active,.pds-button-link a.pds-button.pds-button--accent:hover{color:var(--pds-color-button-accent-foreground)}.pds-button-link a.pds-button.pds-button--reverse:active,.pds-button-link a.pds-button.pds-button--reverse:hover{color:var(--pds-color-button-reverse-foreground)}.pds-button-link a.pds-button.pds-button--reverse-secondary:active,.pds-button-link a.pds-button.pds-button--reverse-secondary:hover{color:var(--pds-color-button-reverse-secondary-foreground)}.pds-button-link.pds-button--full-width a{width:100%}.pds-button-group .pds-button-link a{text-align:center;width:100%}

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-sans);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-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)}

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-sans);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{--button-background-color:var(--button-background-color-hover);--button-border-color:var(--button-border-color-hover)}.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-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(
 		--pds-color-button-secondary-background-default
 	);--button-background-color-hover:var(
 		--pds-color-button-secondary-background-hover
@@ -28,6 +28,12 @@
 		--pds-color-button-accent-background-hover
 	);--button-foreground-color:var(--pds-color-button-accent-foreground);--button-border-color:var(--pds-color-button-accent-background-default);--button-border-color-hover:var(--pds-color-button-accent-background-hover)}.pds-button--accent .pds-button__working-indicator{--spinner-color-1:var(--button-foreground-color);--spinner-color-2:color-mix(in oklch,var(--button-foreground-color) 50%,transparent);--spinner-color-3:transparent}.pds-button--reverse{--button-background-color:var(--pds-color-button-reverse-background-default);--button-background-color-hover:var(
 		--pds-color-button-reverse-background-hover
-	);--button-foreground-color:var(--pds-color-button-reverse-foreground);--button-border-color:var(--pds-color-button-reverse-background-default);--button-border-color-hover:var(--pds-color-button-reverse-background-hover)}.pds-button--navbar{--button-background-color:var(--pds-color-button-navbar-background-default);--button-background-color-hover:var(
+	);--button-foreground-color:var(--pds-color-button-reverse-foreground);--button-border-color:var(--pds-color-button-reverse-background-default);--button-border-color-hover:var(--pds-color-button-reverse-background-hover)}.pds-button--reverse-secondary{--button-background-color:var(
+		--pds-color-button-reverse-secondary-background-default
+	);--button-background-color-hover:var(
+		--pds-color-button-reverse-secondary-background-hover
+	);--button-foreground-color:var(
+		--pds-color-button-reverse-secondary-foreground
+	);--button-border-color:var(--pds-color-button-reverse-secondary-border);--button-border-color-hover:var(--pds-color-button-reverse-secondary-border)}.pds-button--navbar{--button-background-color:var(--pds-color-button-navbar-background-default);--button-background-color-hover:var(
 		--pds-color-button-navbar-background-hover
-	);--button-foreground-color:var(--pds-color-button-navbar-foreground);--button-border-color:var(--pds-color-button-navbar-background-default);--button-border-color-hover:var(--pds-color-button-navbar-background-hover)}.pds-button--navbar:active:enabled,.pds-button--navbar:hover:enabled{color:var(--pds-color-fg-default-secondary)}.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--inline:hover:enabled{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-m);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-l)}}
+	);--button-foreground-color:var(--pds-color-button-navbar-foreground);--button-border-color:var(--pds-color-button-navbar-background-default);--button-border-color-hover:var(--pds-color-button-navbar-background-hover)}.pds-button--navbar:active:enabled,.pds-button--navbar:hover:enabled,a.pds-button--navbar:active,a.pds-button--navbar:hover{color:var(--pds-color-fg-default-secondary)}.pds-button--inline{background-color:transparent;border:none;border-radius:0;color:var(--pds-color-interactive-link-default);height:unset;justify-content:unset;letter-spacing:0;max-height:unset;padding-inline:0;padding:0;transition:var(--pds-animation-transition-button)}.pds-button--inline:hover:enabled,a.pds-button--inline:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-button--loading{cursor:not-allowed}.pds-button--loading:active,.pds-button--loading:hover:enabled{--button-background-color:var(--pulse-regular-base-color);--button-border-color:var(--pulse-regular-base-color)}.pds-button--loading.pds-pulse{background-color:var(--pulse-regular-base-color);border-color:var(--pulse-regular-base-color);color:transparent}.pds-button--loading .pds-button__icon,.pds-button--loading .pds-button__working-indicator{opacity:0}.pds-button-group{display:flex;flex-direction:column;row-gap:var(--pds-spacing-m);width:100%}@media (min-width:768px){.pds-button-group{column-gap:var(--pds-spacing-m);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-l)}}

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

@@ -1 +1 @@
-.pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:var(--pds-border-width-default) solid var(--callout--color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-sans);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-m)}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}
+.pds-callout{--callout--color:var(--pds-color-fg-default-secondary);border:var(--pds-border-width-default) solid var(--callout--color);border-radius:var(--pds-border-radius-container);font-family:var(--pds-typography-ff-default);padding:var(--pds-spacing-m);position:relative}.pds-callout,.pds-callout__inner{display:flex;gap:var(--pds-spacing-m)}.pds-callout__inner{width:100%}.pds-callout__icon{color:var(--callout--color)}.pds-callout__text{width:100%}.pds-callout__main-content>:last-child{margin-block-end:0}.pds-callout__title{font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);margin-block-end:var(--pds-spacing-m)}.pds-callout--info{--callout--color:var(--pds-color-status-info-foreground)}.pds-callout--earlyAccess,.pds-callout--success{--callout--color:var(--pds-color-status-success-foreground)}.pds-callout--warning{--callout--color:var(--pds-color-status-warning-foreground)}.pds-callout--critical{--callout--color:var(--pds-color-status-critical-foreground)}.pds-callout--discovery{--callout--color:var(--pds-color-status-discovery-foreground)}.pds-callout--code{--callout--color:var(--pds-color-brand-accent-default)}

package/dist/css/component-css/pds-card-select-group.css

@@ -1 +1 @@
-.pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-sans);margin-inline:0;padding:0;padding-block-start:var(--pds-spacing-3xs)}.pds-card-select-group__legend{display:block;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-s);display:inline-flex;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-3xs)}
+.pds-card-select-group{border:none;color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default);margin-inline:0;padding:0;padding-block-start:var(--pds-spacing-3xs)}.pds-card-select-group__legend{display:block;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-s);text-align:left}.pds-card-select-group__legend--center{text-align:center}.pds-card-select-group__option input[type=radio]{appearance:none}.pds-card-select-group__option-label{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-s);display:inline-flex;font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-semibold);height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select-group__option-label--selected,.pds-card-select-group__option-label:hover{background-color:var(--pds-color-interactive-background-hover);cursor:pointer}.pds-card-select-group__option-icon{color:var(--pds-color-border-input)}.pds-card-select-group__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select-group__option-description{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);margin-block-start:var(--pds-spacing-3xs)}

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

@@ -1 +1 @@
-.pds-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:flex;flex-direction:column;min-height:8rem}.pds-card__image{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;width:100%}.pds-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-card--mint-gradient{background:var(--pds-color-gradient-card-mint)}.pds-card--sundown-gradient{background:var(--pds-color-gradient-avatar-sundown)}.pds-card--yellow-gradient{background:var(--pds-color-gradient-card-yellow)}.pds-card--transparent{background-color:transparent}.pds-card--pad-narrow .pds-card__main{padding:var(--pds-spacing-m)}.pds-card--pad-wide .pds-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}
+.pds-card{background-color:var(--pds-color-bg-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:flex;flex-direction:column;min-height:8rem}.pds-card__image{border-radius:var(--pds-border-radius-container) var(--pds-border-radius-container) 0 0;display:block;overflow:hidden}.pds-card__image img{display:block;width:100%}.pds-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-card--transparent{background-color:transparent}.pds-card--pad-narrow .pds-card__main{padding:var(--pds-spacing-m)}.pds-card--pad-wide .pds-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}