@pantheon-systems/pds-toolkit-react 2.0.0-alpha.36 → 2.0.0-alpha.38

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

@@ -18,12 +18,8 @@ export interface ButtonNavProps extends ComponentPropsWithRef<'nav'> {
      * Menu items to render.
      */
     menuItems?: ButtonNavItem[];
-    /**
-     * Size of the Buttons.
-     */
-    size?: 's' | 'm';
 }
 /**
  * ButtonNav UI component
  */
-export declare const ButtonNav: ({ ariaLabel, className, menuItems, size, ...props }: ButtonNavProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonNav: ({ ariaLabel, className, menuItems, ...props }: ButtonNavProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,13 +1,12 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { ContainerWidth } from '../../../libs/types/custom-types';
-import { PantheonLogoDisplayType } from '../../PantheonLogo/PantheonLogo';
 import './navbar.css';
 /**
  * Prop types for Navbar
  */
 export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
     /**
-     * Navbar content.
+     * Navbar content. Use the `logo`, `items-left`, `items-center`, and `items-right` slots.
      */
     children?: ReactNode;
     /**
@@ -27,25 +26,14 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
      */
     hideBorder?: boolean;
     /**
-     * Hide the logo on desktop. The logo is always shown in the mobile bar.
+     * Overrides the horizontal (inline) padding of the desktop navbar bar.
+     * Accepts any CSS length (e.g. '1rem', '26px', or a token such as
+     * 'var(--pds-spacing-m)'). Applied symmetrically. Defaults to the
+     * Container's standard gutter. Useful for aligning navbar content with an
+     * adjacent app shell (e.g. the AppLayout sidebar) when placed in a `header`
+     * slot.
      */
-    hideLogo?: boolean;
-    /**
-     * How should the Pantheon logo be displayed.
-     */
-    logoDisplayType?: PantheonLogoDisplayType;
-    /**
-     * Where should the logo link to? A fully-formed link element.
-     */
-    logoLinkContent?: ReactNode;
-    /**
-     * Logo image source. If provided, the Pantheon logo will not be rendered.
-     */
-    logoSrc?: string;
-    /**
-     * Accepts a fully-formed link or a string (if a static site name is desired). Only necessary if logoDisplayType is `sub-brand`.
-     */
-    logoSubBrand?: ReactNode | string;
+    inlinePadding?: string;
     /**
      * Translation strings for accessibility.
      */
@@ -57,4 +45,4 @@ export interface NavbarProps extends ComponentPropsWithoutRef<'header'> {
 /**
  * Navbar UI component
  */
-export declare const Navbar: ({ children, className, colorType, containerWidth, hideBorder, hideLogo, logoDisplayType, logoLinkContent, logoSrc, logoSubBrand, translationStrings, ...props }: NavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Navbar: ({ children, className, colorType, containerWidth, hideBorder, inlinePadding, translationStrings, ...props }: NavbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,6 @@ export interface TabMenuItemProps extends NavigationItem {
      */
     promoteActiveChildLink?: boolean;
 }
-export type TabMenuSize = 's' | 'm';
 /**
  * Prop types for TabMenu.
  */
@@ -36,13 +35,9 @@ export interface TabMenuProps extends ComponentPropsWithoutRef<'nav'> {
      * Menu items to render.
      */
     menuItems?: TabMenuItemProps[];
-    /**
-     * Size of the tab menu items.
-     */
-    size?: TabMenuSize;
 }
 /**
  * TabMenu UI component.
  */
-export declare const TabMenu: ({ ariaLabel, className, menuItems, size, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabMenu: ({ ariaLabel, className, menuItems, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,12 +1,6 @@
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
-import { BadgeColor } from '../../badges/Badge/Badge';
 import '@components/Dropdown/dropdown.css';
 import './workspace-selector.css';
-declare const tierConfig: Record<string, {
-    color: BadgeColor;
-    label: string;
-}>;
-export type PlanTiers = keyof typeof tierConfig;
 export type WorkspaceSelectorItem = {
     /**
      * Name of the workspace.
@@ -33,10 +27,6 @@ export type WorkspaceSelectorItem = {
      * Only used when isRestricted is true.
      */
     onRestrictedSelection?: () => void;
-    /**
-     * Account plan tier.
-     */
-    planTier?: PlanTiers;
     /**
      * Visually-hidden label to indicate restricted access.
      * @default 'Restricted'
@@ -96,4 +86,3 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
  * WorkspaceSelector UI component
  */
 export declare const WorkspaceSelector: ({ ariaLabel, className, createWorkspaceLink, filterLabel, filterPlaceholder, menuHeading, minFilterItems, noResultsText, workspaceList, ...props }: WorkspaceSelectorProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GridGapOptions } from '../../../libs/types/layout-types';
+import { PaddingScale } from '../../../libs/types/layout-types';
 import './panel.css';
 export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
@@ -13,11 +13,11 @@ export interface PanelProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Padding for the panel.
      */
-    padding?: GridGapOptions;
+    padding?: PaddingScale;
     /**
      * Which variant of panel to render
      */
-    variant?: 'default' | 'sunken' | 'raised' | 'overlay' | 'critical';
+    variant?: 'default' | 'sunken' | 'raised' | 'overlay' | 'critical' | 'info' | 'warning' | 'success' | 'discovery';
 }
 /**
  * Panel UI component

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

@@ -1 +1 @@
-.pds-action-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.pds-action-card:hover{box-shadow:var(--pds-elevation-overlay)}.pds-action-card__primary{background:transparent;border:none;border-radius:inherit;font:inherit;inset:0;padding:0;position:absolute;z-index:0}.pds-action-card__primary:focus-visible{outline:none}.pds-action-card__primary:focus-visible:after{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}.pds-action-card__inner{display:flex;flex-direction:column;flex-grow:1;pointer-events:none;position:relative;z-index:1}.pds-action-card__inner [role=button],.pds-action-card__inner [tabindex],.pds-action-card__inner a,.pds-action-card__inner button,.pds-action-card__inner input,.pds-action-card__inner select,.pds-action-card__inner textarea{pointer-events:auto}.pds-action-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-action-card__image img{display:block;width:100%}.pds-action-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-action-card__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-action-card--transparent{background-color:transparent}.pds-action-card--image-inset .pds-action-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-action-card--pad-narrow .pds-action-card__main{padding:var(--pds-spacing-m)}.pds-action-card--pad-narrow .pds-action-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-action-card--pad-wide .pds-action-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-action-card--pad-wide .pds-action-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}
+.pds-action-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;flex-direction:column;height:100%;position:relative}.pds-action-card:hover{box-shadow:var(--pds-elevation-overlay)}.pds-action-card__primary{background:transparent;border:none;border-radius:inherit;font:inherit;inset:0;padding:0;position:absolute;z-index:0}.pds-action-card__primary:focus-visible{outline:none}.pds-action-card__primary:focus-visible:after{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}.pds-action-card__inner{display:flex;flex-direction:column;flex-grow:1;pointer-events:none;position:relative;z-index:1}.pds-action-card__inner [role=button],.pds-action-card__inner [tabindex],.pds-action-card__inner a,.pds-action-card__inner button,.pds-action-card__inner input,.pds-action-card__inner select,.pds-action-card__inner textarea{pointer-events:auto}.pds-action-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 0 0;display:block;overflow:hidden}.pds-action-card__image img{display:block;width:100%}.pds-action-card__main{flex-grow:1;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}.pds-action-card__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-action-card--transparent{background-color:transparent}.pds-action-card--image-inset .pds-action-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-action-card--pad-condensed .pds-action-card__main{padding:var(--pds-spacing-m)}.pds-action-card--pad-condensed .pds-action-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-action-card--pad-spacious .pds-action-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-action-card--pad-spacious .pds-action-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}

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

@@ -1 +1 @@
-.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.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 .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.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}
+.pds-avatar{--avatar-size:1.5rem;--avatar-icon-size:0.875rem;align-items:center;display:inline-flex;justify-content:center;vertical-align:top}.pds-avatar,.pds-avatar__content{border-radius:100%;height:var(--avatar-size);width:var(--avatar-size)}.pds-avatar__content{display:flex}.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 .pds-avatar__image{border-radius:100%;height:100%;object-fit:cover;width:100%}.pds-avatar__user-icon{color:#fff;height:var(--avatar-icon-size);scale:.92;width:var(--avatar-icon-size)}.pds-avatar--square,.pds-avatar--square .pds-avatar__content,.pds-avatar--square .pds-avatar__image{border-radius:var(--pds-border-radius-default)}.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-button-nav.css

@@ -1 +1 @@
-.pds-button-nav{--bg:var(--pds-color-button-secondary-background-default);--border:var(--pds-color-button-secondary-border);--text:var(--pds-color-button-secondary-foreground-default);--separator:var(--pds-color-split-button-secondary-separator);--selected-bg:var(--pds-color-interactive-background-current);--selected-text:var(--pds-color-interactive-background-current-foreground);--hover-bg:var(--pds-color-button-secondary-background-hover);--hover-text:var(--pds-color-button-secondary-foreground-hover);--height:var(--pds-spacing-button-height-s);--padding-inline:var(--pds-spacing-button-padding-inline-s);--font-size:var(--pds-typography-size-s);display:inline-block}.pds-button-nav__menu{align-items:stretch;display:flex;height:var(--height);list-style:none;margin:0;padding:0}.pds-button-nav__item{background-color:var(--bg);border-block:1px solid var(--border);display:flex;flex-shrink:0;transition:var(--pds-animation-transition-button)}.pds-button-nav__item:first-child{border-end-start-radius:var(--pds-border-radius-button);border-inline-start:1px solid var(--border);border-start-start-radius:var(--pds-border-radius-button)}.pds-button-nav__item:first-child a{padding-inline-start:calc(var(--padding-inline) + 4px)}.pds-button-nav__item:first-child:has(.pds-icon) a{padding-inline-start:var(--padding-inline)}.pds-button-nav__item:last-child{border-end-end-radius:var(--pds-border-radius-button);border-inline-end:1px solid var(--border);border-start-end-radius:var(--pds-border-radius-button)}.pds-button-nav__item:last-child a{padding-inline-end:calc(var(--padding-inline) + 4px)}.pds-button-nav__item:not(:last-child){border-inline-end:1px solid var(--separator)}.pds-button-nav__item a{align-items:center;color:var(--text);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--font-size);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-button-gap-inline-s);line-height:0;padding-inline:var(--padding-inline);text-decoration:none;white-space:nowrap}.pds-button-nav__item:hover:not(.pds-button-nav__item--active){background-color:var(--hover-bg)}.pds-button-nav__item:hover:not(.pds-button-nav__item--active) a{color:var(--hover-text)}.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);outline-offset:2px}.pds-button-nav__item--active{background-color:var(--selected-bg);border-block-color:var(--selected-bg)}.pds-button-nav__item--active:first-child{border-inline-start-color:var(--selected-bg)}.pds-button-nav__item--active:last-child{border-inline-end-color:var(--selected-bg)}.pds-button-nav__item--active a{color:var(--selected-text)}.pds-button-nav__item--active .pds-tally{box-shadow:0 0 0 1px hsla(0,0%,100%,.75)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}.pds-button-nav--s{--height:var(--pds-spacing-button-height-s);--padding-inline:var(--pds-spacing-button-padding-inline-s);--font-size:var(--pds-typography-size-s)}.pds-button-nav--m{--height:var(--pds-spacing-button-height-m);--padding-inline:var(--pds-spacing-button-padding-inline-m);--font-size:var(--pds-typography-size-m)}
+.pds-button-nav{display:inline-block}.pds-button-nav__menu{align-items:center;background-color:var(--pds-color-segmented-control-track-background);border:1px solid var(--pds-color-border-default-secondary);border-radius:var(--pds-border-radius-button);display:inline-flex;gap:var(--pds-spacing-5xs);list-style:none;margin:0;padding:3px}.pds-button-nav__item{display:flex;flex-shrink:0}.pds-button-nav__item a{align-items:center;block-size:var(--pds-spacing-button-height-s);border-radius:var(--pds-border-radius-button);color:var(--pds-color-foreground-default);display:flex;font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-medium);gap:var(--pds-spacing-2xs);justify-content:center;line-height:0;padding-inline:var(--pds-spacing-m);text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-button-nav__item:not(.pds-button-nav__item--active):hover a{color:var(--pds-color-interactive-foreground-hover)}.pds-button-nav__item a:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:-1px}.pds-button-nav__item--active a{background-color:var(--pds-color-segmented-control-selected-background)}.pds-button-nav__mobile{display:none}[data-pds-mobile] .pds-button-nav__mobile{display:block}[data-pds-mobile] .pds-button-nav__menu{display:none}

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

@@ -68,4 +68,4 @@
 		--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);--button-border-color-active:var(
 		--pds-color-button-reverse-secondary-border
-	)}.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--inline:active:enabled,a.pds-button--inline:active{box-shadow:none;color:var(--pds-color-interactive-link-active)}.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__tally,.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)}}
+	)}.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--inline:active:enabled,a.pds-button--inline:active{box-shadow:none;color:var(--pds-color-interactive-link-active)}.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__tally,.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-s);flex-direction:row;width:unset}.pds-button-group--lg{column-gap:var(--pds-spacing-m)}}

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

@@ -1 +1 @@
-.pds-callout{--callout--color:var(--pds-color-foreground-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-status-neutral-indicator)}
+.pds-callout{--callout--border-color:var(--callout--color);--callout--color:var(--pds-color-foreground-default-secondary);border:var(--pds-border-width-default) solid var(--callout--border-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__heading{display:block;font-family:var(--pds-typography-ff-compact);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-bold);letter-spacing:normal;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-m);margin-block-start:0}.pds-callout--info{--callout--border-color:var(--pds-color-status-info-border);--callout--color:var(--pds-color-status-info-fill)}.pds-callout--earlyAccess,.pds-callout--success{--callout--border-color:var(--pds-color-status-success-border);--callout--color:var(--pds-color-status-success-fill)}.pds-callout--warning{--callout--border-color:var(--pds-color-status-warning-border);--callout--color:var(--pds-color-status-warning-fill)}.pds-callout--critical{--callout--border-color:var(--pds-color-status-critical-border);--callout--color:var(--pds-color-status-critical-fill)}.pds-callout--discovery{--callout--border-color:var(--pds-color-status-discovery-border);--callout--color:var(--pds-color-status-discovery-fill)}.pds-callout--code{--callout--color:var(--pds-color-status-neutral-indicator)}

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

@@ -1 +1 @@
-.pds-card-select{--label-font-size:var(--pds-typography-size-m);--indicator-size:1.25rem;border:none;color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);margin-inline:0;padding:0}.pds-card-select--l{--label-font-size:var(--pds-typography-size-l);--indicator-size:1.375rem}.pds-card-select__legend{display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:0;text-align:left}.pds-card-select__legend--center{text-align:center}.pds-card-select__option input[type=radio]{appearance:none}.pds-card-select__option-label{align-items:center;background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-xs);display:grid;font-size:var(--label-font-size);font-weight:var(--pds-typography-fw-semibold);grid-template-columns:var(--indicator-size) 1fr;height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select__option-label-indicator .pds-icon{height:var(--indicator-size);width:var(--indicator-size)}.pds-card-select__option-label:hover{box-shadow:var(--pds-elevation-overlay);cursor:pointer}.pds-card-select__option-icon{color:var(--pds-color-border-input)}.pds-card-select__option-icon--selected{color:var(--pds-color-status-success-foreground)}.pds-card-select__option-children{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);grid-column:2;line-height:var(--pds-typography-lh-m);margin-block-start:0}
+.pds-card-select{--label-font-size:var(--pds-typography-size-m);--indicator-size:1.25rem;border:none;color:var(--pds-color-foreground-default);display:flex;flex-direction:column;font-family:var(--pds-typography-ff-default);margin-inline:0;padding:0}.pds-card-select--l{--label-font-size:var(--pds-typography-size-l);--indicator-size:1.375rem}.pds-card-select__legend{display:block;font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:0;text-align:left}.pds-card-select__legend--center{text-align:center}.pds-card-select__option input[type=radio]{appearance:none}.pds-card-select__option-label{align-items:center;background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);column-gap:var(--pds-spacing-xs);display:grid;font-size:var(--label-font-size);font-weight:var(--pds-typography-fw-semibold);grid-template-columns:var(--indicator-size) 1fr;height:100%;margin-block-end:0;padding:var(--pds-spacing-m);width:100%}.pds-card-select__option-label-indicator .pds-icon{height:var(--indicator-size);width:var(--indicator-size)}.pds-card-select__option-label:hover{box-shadow:var(--pds-elevation-overlay);cursor:pointer}.pds-card-select__option-icon{color:var(--pds-color-border-input)}.pds-card-select__option-icon--selected{color:var(--pds-color-status-success-fill)}.pds-card-select__option-children{color:var(--pds-color-foreground-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);grid-column:2;line-height:var(--pds-typography-lh-m);margin-block-start:0}

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-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;height:100%;min-height:8rem}.pds-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 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__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-card--transparent{background-color:transparent}.pds-card--image-inset .pds-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-card--pad-narrow .pds-card__main{padding:var(--pds-spacing-m)}.pds-card--pad-narrow .pds-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-card--pad-wide .pds-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-card--pad-wide .pds-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}
+.pds-card{background-color:var(--pds-color-card-background);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-foreground-default);display:flex;flex-direction:column;height:100%;min-height:8rem}.pds-card__image{border-radius:var(--pds-border-radius-card) var(--pds-border-radius-card) 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__footer{padding:0 var(--pds-spacing-xl) var(--pds-spacing-l)}.pds-card--transparent{background-color:transparent}.pds-card--image-inset .pds-card__image{border-radius:var(--pds-border-radius-card);margin:var(--pds-spacing-m) var(--pds-spacing-m) 0;overflow:hidden;width:auto}.pds-card--pad-condensed .pds-card__main{padding:var(--pds-spacing-m)}.pds-card--pad-condensed .pds-card__footer{padding:0 var(--pds-spacing-m) var(--pds-spacing-m)}.pds-card--pad-spacious .pds-card__main{padding:var(--pds-spacing-xl) var(--pds-spacing-2xl)}.pds-card--pad-spacious .pds-card__footer{padding:0 var(--pds-spacing-2xl) var(--pds-spacing-xl)}

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-foreground-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-foreground-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-input-selected-background);border-color:var(--pds-color-input-selected-background);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-input-selected-foreground);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)}
+.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-foreground-default);font-size:var(--checkbox-font-size);font-weight:var(--pds-typography-fw-regular)}.pds-checkbox__box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-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-input-selected-background);border-color:var(--pds-color-input-selected-background);transition:var(--pds-animation-transition-default)}.pds-checkbox__icon{color:var(--pds-color-input-selected-foreground);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:hover{background-color:var(--pds-color-close-button-background-hover)}.pds-close-button:active:enabled{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.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--m .pds-icon{height:var(--pds-spacing-s)}.pds-close-button--l{--button-size:var(--pds-spacing-xl)}.pds-close-button--l .pds-icon{height:var(--pds-spacing-m)}.pds-close-button--xl{--button-size:var(--pds-spacing-2xl)}.pds-close-button--xl .pds-icon{height:var(--pds-spacing-l)}
+.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:hover{background-color:var(--pds-color-close-button-background-hover)}.pds-close-button:active:enabled{background-color:var(--pds-color-button-secondary-background-active);box-shadow:var(--pds-elevation-button-secondary-active)}.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--s{--button-size:var(--pds-spacing-l)}.pds-close-button--s .pds-icon{height:var(--pds-spacing-s)}.pds-close-button--m{--button-size:var(--pds-spacing-xl)}.pds-close-button--m .pds-icon{height:var(--pds-spacing-m)}.pds-close-button--l{--button-size:var(--pds-spacing-2xl)}.pds-close-button--l .pds-icon{height:var(--pds-spacing-l)}

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

@@ -1 +1 @@
-.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-code-block);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-code-block-line-height);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background)}.pds-code-block--dark{--code-block-background:var(--pds-color-code-block-dark-background);--code-block-foreground:var(--pds-color-code-block-dark-foreground);--code-block-line-prefix:var(--pds-color-code-block-dark-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus)}.pds-code-block--light{--code-block-background:var(--pds-color-code-block-light-background);--code-block-foreground:var(--pds-color-code-block-light-foreground);--code-block-line-prefix:var(--pds-color-code-block-light-line-prefix);--code-block-focus-color:var(--pds-color-interactive-focus);font-weight:var(--pds-typography-fw-semibold)}.pds-code-block--light button.pds-clipboard-button{color:var(--pds-color-code-block-light-foreground)}.pds-code-block--light button.pds-clipboard-button:hover{background-color:var(--pds-color-code-block-light-highlight)}.pds-code-block--light button.pds-clipboard-button:active{background-color:#d0d2d5}
+.pds-code-block{--code-block-padding:var(--pds-spacing-l);--code-block-background:var(--pds-color-code-block-background);--code-block-foreground:var(--pds-color-code-block-foreground);--code-block-line-prefix:var(--pds-color-code-block-line-prefix);--code-block-focus-color:var(--pds-color-interactive-reverse-focus);--pulse-regular-base-color:#c3c5c9;--pulse-bold-base-color:#6a6e7a;display:flex;font-family:var(--pds-typography-font-code);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-l);position:relative}.pds-code-block,div.pds-code-block__code,pre.pds-code-block__code{background-color:var(--code-block-background);border-radius:var(--pds-border-radius-container)}div.pds-code-block__code,pre.pds-code-block__code{flex-grow:1;margin:0;overflow:auto;padding:var(--pds-spacing-l) var(--pds-spacing-xl)}div.pds-code-block__code:focus-visible,pre.pds-code-block__code:focus-visible{outline:var(--pds-border-width-default) solid var(--code-block-focus-color)}div.pds-code-block__code .pds-code-block__content,div.pds-code-block__code .pds-code-block__line-content,div.pds-code-block__code .token.plain,pre.pds-code-block__code .pds-code-block__content,pre.pds-code-block__code .pds-code-block__line-content,pre.pds-code-block__code .token.plain{color:var(--code-block-foreground)}div.pds-code-block__code{padding-block:var(--pds-spacing-xl)}.pds-code-block__line{column-gap:var(--pds-spacing-s);display:table-row}.pds-code-block__line-wrapped{overflow-x:hidden;text-wrap:wrap}.pds-code-block__number,.pds-code-block__prompt{color:var(--code-block-line-prefix);display:table-cell;padding-inline-end:var(--pds-spacing-m);text-align:right}.pds-code-block__copy{padding:var(--pds-spacing-s) var(--pds-spacing-s)}button.pds-clipboard-button{background-color:var(--code-block-background);color:var(--code-block-foreground)}[data-theme=dark] .pds-code-block button.pds-clipboard-button:hover{background-color:hsla(0,0%,100%,.12);color:var(--code-block-foreground)}

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

@@ -1,4 +1,3 @@
 .pds-combobox-multi{position:relative}.pds-combobox-multi:disabled .pds-combobox-multi__input-wrapper{border-color:var(--pds-color-border-disabled)}.pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:none}.pds-combobox-multi--show-all-tags .pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){height:auto;min-height:var(--pds-spacing-input-height-s);padding-block:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper{column-gap:var(--pds-spacing-3xs);display:flex;flex-wrap:wrap;row-gap:var(--pds-spacing-3xs)}.pds-combobox-multi--show-all-tags .pds-combobox-multi__items-wrapper .pds-combobox-multi__selected-item:not(:last-child){display:inline-flex}.pds-combobox-multi--m .pds-combobox-multi__input-wrapper{gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-m);padding-inline-end:var(--pds-spacing-s);padding-inline-start:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags.pds-combobox-multi--m
-	.pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){min-height:var(--pds-spacing-input-height-m)}.pds-combobox-multi--l .pds-combobox-multi__aux-panel-button,.pds-combobox-multi--m .pds-combobox-multi__aux-panel-button{height:1.5rem;width:1.5rem}.pds-combobox-multi--m .pds-combobox-multi__ai-button{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel{padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel-item{font-size:var(--pds-typography-size-xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove,.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove svg{height:.75rem;width:.75rem}.pds-combobox-multi--m .pds-combobox-multi__counter,.pds-combobox-multi--m .pds-combobox-multi__counter-item,.pds-combobox-multi--m .pds-combobox-multi__counter-layer{height:1.5rem}.pds-combobox-multi--l .pds-combobox-multi__input-wrapper{gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-l);padding-inline-end:var(--pds-spacing-s);padding-inline-start:var(--pds-spacing-2xs)}.pds-combobox-multi--show-all-tags.pds-combobox-multi--l
-	.pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){min-height:var(--pds-spacing-input-height-l)}.pds-combobox-multi--l .pds-combobox-multi__ai-button{padding:var(--pds-spacing-3xs)}.pds-combobox-multi--l .pds-combobox-multi__aux-panel{padding:var(--pds-spacing-m) var(--pds-spacing-s)}.pds-combobox-multi--l .pds-combobox-multi__aux-panel-item,.pds-combobox-multi--l .pds-combobox-multi__selected-item{font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--l .pds-combobox-multi__selected-item-remove,.pds-combobox-multi--l .pds-combobox-multi__selected-item-remove svg{height:.875rem;width:.875rem}.pds-combobox-multi--l .pds-combobox-multi__counter,.pds-combobox-multi--l .pds-combobox-multi__counter-item,.pds-combobox-multi--l .pds-combobox-multi__counter-layer{height:1.75rem}.pds-combobox-multi--l .pds-combobox-multi__counter-item{padding-inline:var(--pds-spacing-xs);width:auto}.pds-combobox-multi--l .pds-combobox-multi__dropdown-input{font-size:var(--pds-typography-size-m)}.pds-combobox-multi--l .pds-dropdown__item{font-size:var(--pds-typography-size-m);padding-block:var(--pds-spacing-s)}.pds-combobox-multi--l .pds-input-label{font-size:var(--pds-typography-size-s);margin-block-end:var(--pds-spacing-xs)}.pds-combobox-multi--l .pds-input-message{font-size:var(--pds-typography-size-s);margin-block-start:var(--pds-spacing-xs)}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-input-tag-background-default);border-radius:var(--pds-border-radius-input);color:var(--pds-color-input-tag-foreground-default);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-3xs);justify-content:center;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-3xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-input-tag-background-hover)}.pds-combobox-multi__selected-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:.75rem;justify-content:center;padding:0;width:.75rem}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-foreground-default)}.pds-combobox-multi__selected-item-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-s);overflow:hidden;padding-block:0;padding-inline-end:var(--pds-spacing-xs);padding-inline-start:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-input);width:100%}.pds-combobox-multi__input-wrapper:focus{outline:none}.pds-combobox-multi__input-wrapper:focus-visible,.pds-combobox-multi__input-wrapper[data-focus-method=keyboard]:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__input-wrapper:has(:focus-visible){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__counter{display:inline-block;height:1.25rem;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{background-color:var(--pds-color-input-tag-background-default);width:.375rem}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{border-radius:var(--pds-border-radius-input);box-shadow:-2px 0 0 0 var(--pds-color-surface-default);height:1.25rem}.pds-combobox-multi__counter-item{align-items:center;background:var(--pds-color-input-tag-background-default);color:var(--pds-color-input-tag-foreground-default);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:1.28125rem}.pds-combobox-multi__end-actions{align-items:center;align-self:center;display:flex;flex-shrink:0;gap:var(--pds-spacing-2xs);margin-inline-start:auto}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-foreground-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__trigger[aria-expanded=true]
+	.pds-combobox-multi__input-wrapper:has(.pds-combobox-multi__items-wrapper){min-height:var(--pds-spacing-input-height-m)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel-button{height:1.5rem;width:1.5rem}.pds-combobox-multi--m .pds-combobox-multi__ai-button{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel{padding:var(--pds-spacing-s) var(--pds-spacing-s)}.pds-combobox-multi--m .pds-combobox-multi__aux-panel-item{font-size:var(--pds-typography-size-xs);padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item{padding:var(--pds-spacing-3xs) var(--pds-spacing-2xs)}.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove,.pds-combobox-multi--m .pds-combobox-multi__selected-item-remove svg{height:.75rem;width:.75rem}.pds-combobox-multi--m .pds-combobox-multi__counter,.pds-combobox-multi--m .pds-combobox-multi__counter-item,.pds-combobox-multi--m .pds-combobox-multi__counter-layer{height:1.5rem}.pds-combobox-multi__selected-item{align-items:center;background:var(--pds-color-input-tag-background-default);border-radius:var(--pds-border-radius-input);color:var(--pds-color-input-tag-foreground-default);display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);gap:var(--pds-spacing-3xs);justify-content:center;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-3xs);text-wrap:nowrap}.pds-combobox-multi__selected-item:hover{background:var(--pds-color-input-tag-background-hover)}.pds-combobox-multi__selected-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0}.pds-combobox-multi__selected-item-text{margin-top:1px}.pds-combobox-multi__selected-item-remove{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default-secondary);cursor:pointer;display:flex;height:.75rem;justify-content:center;padding:0;width:.75rem}.pds-combobox-multi__selected-item-remove:hover{color:var(--pds-color-foreground-default)}.pds-combobox-multi__selected-item-remove:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-combobox-multi__selected-item--marked-for-deletion .pds-combobox-multi__selected-item-remove{outline:1px solid var(--pds-color-interactive-focus)}.pds-combobox-multi__input-wrapper{align-items:center;background-color:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--pds-spacing-3xs);height:var(--pds-spacing-input-height-s);overflow:hidden;padding-block:0;padding-inline-end:var(--pds-spacing-xs);padding-inline-start:var(--pds-spacing-3xs);transition:var(--pds-animation-transition-input);width:100%}.pds-combobox-multi__input-wrapper:focus{outline:none}.pds-combobox-multi__input-wrapper:focus-visible,.pds-combobox-multi__input-wrapper[data-focus-method=keyboard]:focus{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__input-wrapper:has(:focus-visible){outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-combobox-multi__counter{display:inline-block;height:1.25rem;position:relative}.pds-combobox-multi__counter-wrapper{display:flex;position:relative}.pds-combobox-multi__counter-layer{background-color:var(--pds-color-input-tag-background-default);width:.375rem}.pds-combobox-multi__counter-item,.pds-combobox-multi__counter-layer{border-radius:var(--pds-border-radius-input);box-shadow:-2px 0 0 0 var(--pds-color-surface-default);height:1.25rem}.pds-combobox-multi__counter-item{align-items:center;background:var(--pds-color-input-tag-background-default);color:var(--pds-color-input-tag-foreground-default);display:flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;width:1.28125rem}.pds-combobox-multi__end-actions{align-items:center;align-self:center;display:flex;flex-shrink:0;gap:var(--pds-spacing-2xs);margin-inline-start:auto}.pds-combobox-multi__trigger{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);display:flex;justify-content:center;padding:var(--pds-spacing-4xs)}.pds-combobox-multi__trigger:disabled{cursor:not-allowed}.pds-combobox-multi__trigger:focus-visible{outline:none}.pds-combobox-multi__trigger-icon{color:var(--pds-color-foreground-default-secondary);pointer-events:none;transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__trigger[aria-expanded=true]
 	.pds-combobox-multi__trigger-icon{transform:rotate(180deg);transition:var(--pds-animation-transition-rotation)}.pds-combobox-multi__dropdown{box-sizing:border-box;margin-block-start:var(--pds-spacing-2xs);max-height:18rem;overflow-x:hidden;width:100%}.pds-combobox-multi__dropdown:focus-visible{outline:none}.pds-combobox-multi__dropdown-list{flex:1;margin-block-start:0;overflow-y:auto;padding:0}.pds-combobox-multi__dropdown-input-wrapper{align-items:center;background-color:var(--pds-color-dropdown-background);border-bottom:1px solid var(--pds-color-border-default);column-gap:var(--pds-spacing-2xs);display:flex;gap:var(--pds-spacing-xs);margin-block-end:var(--pds-spacing-s);margin-block-start:calc(var(--pds-spacing-2xs)*-1);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding-block-end:calc(var(--pds-spacing-s)*1.1);padding-block-start:var(--pds-spacing-3xs);padding-inline:var(--pds-spacing-m);position:sticky;top:0;z-index:1}.pds-combobox-multi__dropdown-input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-default);flex-grow:1;font-size:var(--pds-typography-size-s);line-height:1;padding-inline:0;width:100%}.pds-combobox-multi__dropdown-input:focus{outline:none}.pds-combobox-multi__dropdown-input::placeholder{color:var(--pds-color-input-placeholder)}.pds-combobox-multi__dropdown-item{padding:var(--pds-spacing-xs) var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-label{align-items:center;display:flex;gap:.375rem;justify-content:space-between;line-height:normal;width:100%}.pds-combobox-multi__dropdown-item-text{align-items:center;display:flex;gap:var(--pds-spacing-m)}.pds-combobox-multi__dropdown-item-badge{align-items:center;background-color:var(--pds-color-category-ai-background);border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);display:inline-flex;font-size:var(--pds-typography-size-xs);gap:var(--pds-spacing-4xs);padding:var(--pds-spacing-4xs) var(--pds-spacing-2xs)}.pds-combobox-multi__loading{color:var(--pds-color-foreground-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}.pds-combobox-multi__ai-button{align-items:center;background-color:var(--pds-color-category-ai-background);border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-category-ai-foreground);cursor:pointer;display:flex;justify-content:center;padding:var(--pds-spacing-4xs);transition:opacity .2s ease}.pds-combobox-multi__ai-button:hover{opacity:.8}.pds-combobox-multi__ai-button:disabled{cursor:not-allowed;opacity:.5}.pds-combobox-multi__ai-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox-multi__ai-icon{color:var(--pds-color-category-ai-foreground);font-size:.875rem;pointer-events:none}[data-theme=dark] .pds-combobox-multi__aux-panel{background-color:oklch(.36 .004 264)}.pds-combobox-multi__aux-panel{align-items:center;background-color:var(--pds-color-surface-default-secondary);border:none;border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--pds-spacing-2xs);padding:var(--pds-spacing-xs) var(--pds-spacing-xs);position:absolute}.pds-combobox-multi__aux-panel-content{align-items:center;display:flex;flex:1;gap:var(--pds-spacing-xs)}.pds-combobox-multi__aux-panel-header{align-items:center;display:flex;gap:var(--pds-spacing-xs);margin-inline-start:auto}.pds-combobox-multi__aux-panel-icon{color:var(--pds-color-foreground-default-secondary);flex-shrink:0}.pds-combobox-multi__aux-panel-button{align-items:center;background-color:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;flex-shrink:0;height:1.25rem;justify-content:center;transition:background-color .2s ease;width:1.25rem}.pds-combobox-multi__aux-panel-button:hover{background-color:var(--pds-color-surface-default);color:var(--pds-color-foreground-default)}.pds-combobox-multi__aux-panel-button:disabled{cursor:not-allowed}.pds-combobox-multi__aux-panel-button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}[data-theme=dark] .pds-combobox-multi__aux-panel-button:hover{background-color:oklch(.3 .02 275);color:var(--pds-color-foreground-default)}.pds-combobox-multi__aux-panel-refresh-icon{height:.8125rem;width:.8125rem}.pds-combobox-multi__aux-panel-button-icon--rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pds-combobox-multi__aux-panel-items{display:flex;flex:1;flex-wrap:wrap;gap:var(--pds-spacing-3xs);padding-inline-start:var(--pds-spacing-4xs)}.pds-combobox-multi__aux-panel-item{align-items:center;background-color:var(--pds-color-surface-default);border:1px solid transparent;border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:var(--pds-typography-fw-regular);justify-content:center;line-height:1;padding:var(--pds-spacing-4xs) var(--pds-spacing-3xs);text-wrap:nowrap;transition:background-color .2s ease,border-color .2s ease}.pds-combobox-multi__aux-panel-item:hover{background-color:var(--pds-color-category-ai-background);border-color:var(--pds-color-category-ai-foreground)}.pds-combobox-multi__aux-panel-item:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-foreground)}[data-theme=dark] .pds-combobox-multi__aux-panel-item{background-color:oklch(.3 .02 275)}[data-theme=dark] .pds-combobox-multi__aux-panel-item:hover{background-color:oklch(.42 .06 275);border-color:var(--pds-color-category-ai-utility)}[data-theme=dark] .pds-combobox-multi__aux-panel-item--selected{border-color:var(--pds-color-category-ai-utility)}.pds-combobox-multi__aux-panel-content{padding:var(--pds-spacing-3xs) var(--pds-spacing-6xs)}

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-surface-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{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;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-foreground-default);color:var(--pds-color-foreground-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-foreground-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-foreground-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-surface-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{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;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__input{background-color:transparent;border:none;caret-color:var(--pds-color-foreground-default);color:var(--pds-color-foreground-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-foreground-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--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-foreground-default);font-size:var(--pds-typography-size-m);padding:var(--pds-spacing-m)}

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

@@ -1,3 +1,5 @@
 .pds-datepicker{color:var(--pds-color-foreground-default);font-family:var(--pds-typography-ff-default)}.pds-datepicker__input-wrapper{align-items:center;column-gap:var(--pds-spacing-s);display:flex;row-gap:var(--pds-spacing-xs);width:100%}.pds-datepicker__trigger{align-items:center;background:var(--pds-color-surface-default);border:var(--pds-border-width-default) solid var(--pds-color-border-input);border-radius:var(--pds-border-radius-input);color:var(--pds-color-foreground-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-s);height:var(--pds-spacing-input-height-s);justify-content:space-between;min-width:10rem;padding:var(--pds-spacing-s);width:100%}.pds-datepicker__trigger:disabled{cursor:not-allowed}.pds-datepicker__trigger--open,.pds-datepicker__trigger:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:0;transition:var(--pds-animation-transition-focus)}.pds-datepicker__trigger-text{align-items:center;display:flex;flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.pds-datepicker__trigger-text--placeholder{color:var(--pds-color-input-placeholder)}.pds-datepicker__trigger-icon{color:var(--pds-color-foreground-default);flex-shrink:0;margin-block-start:-1px}.pds-datepicker__separator{padding-inline:var(--pds-spacing-s)}.pds-datepicker__popover{background-color:var(--pds-color-surface-default);border-radius:var(--pds-border-radius-container);box-shadow:var(--pds-elevation-overlay);overflow:hidden;z-index:var(--pds-z-index-overlay)}.pds-datepicker__calendar{background-color:var(--pds-color-surface-default);padding:var(--pds-spacing-s) var(--pds-spacing-s) var(--pds-spacing-xs)}.pds-datepicker__actions{display:flex;justify-content:space-between;padding:0 var(--pds-spacing-m) var(--pds-spacing-m) var(--pds-spacing-m)}.pds-datepicker__actions-group{display:flex;gap:var(--pds-spacing-s)}.pds-datepicker{--day-size:2rem}.pds-datepicker .rdp-month_grid{width:auto}.pds-datepicker .rdp-month_grid tr{border-block-end:none}.pds-datepicker .rdp-month_grid td,.pds-datepicker .rdp-month_grid th{padding:0}.pds-datepicker .rdp-root{--rdp-accent-color:var(--pds-color-datepicker-accent-foreground);--rdp-range_middle-background-color:var(
-			--pds-color-datepicker-range-background
+			--pds-color-interactive-background-selected
+		);--rdp-range_middle-color:var(
+			--pds-color-interactive-background-selected-foreground
 		);--rdp-today-color:var(--pds-color-foreground-default);--rdp-day-height:var(--day-size);--rdp-day-width:calc(var(--day-size) + 4px);--rdp-day_button-height:var(--day-size);--rdp-day_button-width:var(--day-size)}.pds-datepicker .rdp-month_caption{margin-block-end:var(--pds-spacing-2xs)}.pds-datepicker .rdp-caption_label{color:var(--pds-color-foreground-default)}.pds-datepicker .rdp-caption_label,.pds-datepicker .rdp-weekday{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold)}.pds-datepicker .rdp-weekday{color:var(--pds-color-foreground-default-secondary);opacity:1}.pds-datepicker .rdp-week{border:var(--pds-spacing-3xs) solid var(--pds-color-surface-default)}.pds-datepicker .rdp-day_button{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular)}.pds-datepicker .rdp-day_button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-datepicker .rdp-selected:not(.rdp-range_middle) .rdp-day_button{background-color:var(--pds-color-datepicker-selected-background);border-radius:50%;color:var(--pds-color-datepicker-selected-foreground)}.pds-datepicker .rdp-today .rdp-day_button{border-radius:50%;box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-datepicker-accent-foreground)}.pds-datepicker .rdp-today.rdp-selected:not(.rdp-range_middle) .rdp-day_button{box-shadow:inset 0 0 0 var(--pds-border-width-default) var(--pds-color-datepicker-selected-foreground)}.pds-datepicker .rdp-button_next,.pds-datepicker .rdp-button_previous{color:var(--pds-color-foreground-default-secondary)}.pds-datepicker .rdp-button_next:hover,.pds-datepicker .rdp-button_previous:hover{color:var(--pds-color-button-secondary-foreground-hover)}.pds-datepicker .rdp-button_next:focus-visible,.pds-datepicker .rdp-button_previous:focus-visible{border-radius:var(--pds-border-radius-button);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}@media (max-width:767px){.pds-datepicker__input-wrapper{align-items:stretch;flex-direction:column}.pds-datepicker .rdp-root .rdp-months{flex-direction:column}}

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-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-dropdown__trigger-icon{color:var(--pds-color-foreground-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-s);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-foreground-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-foreground-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-foreground-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-foreground-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-foreground-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-s);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-foreground-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__checkbox-box{align-items:center;background-color:transparent;border:var(--pds-border-width-default) solid var(--pds-color-foreground-default);border-radius:var(--pds-border-radius-input);color:var(--pds-color-input-selected-foreground);display:flex;flex-shrink:0;height:1rem;justify-content:center;padding:.0625rem;transition:var(--pds-animation-transition-default);width:1rem}.pds-dropdown__checkbox-box--checked,.pds-dropdown__checkbox-box--indeterminate{background-color:var(--pds-color-input-selected-background);border-color:var(--pds-color-input-selected-background)}.pds-dropdown__checkbox-icon{height:100%;width:100%}.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-dropdown-separator);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{block-size:.875rem;color:var(--pds-color-foreground-default-secondary);inline-size:.875rem;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-input);border-radius:0;box-sizing:border-box;color:var(--pds-color-foreground-default);font-family:inherit;font-size:var(--pds-typography-size-s);padding:var(--pds-spacing-s);width:100%}.pds-dropdown__filter-input::placeholder{color:var(--pds-color-input-placeholder);font-size:var(--pds-typography-size-s)}.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-foreground-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__footer{background-color:var(--pds-color-dropdown-background);border-block-start:var(--pds-border-width-default) solid var(--pds-color-dropdown-separator);bottom:calc(var(--pds-spacing-2xs)*-1);list-style:none;margin-block-end:calc(var(--pds-spacing-2xs)*-1);margin-block-start:var(--pds-spacing-3xs);margin-inline:calc(var(--pds-spacing-2xs)*-1);padding:var(--pds-spacing-s);position:sticky}.pds-dropdown__footer a,.pds-dropdown__footer button{align-items:center;background:none;border:none;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font:inherit;gap:var(--pds-spacing-3xs);padding:0;text-decoration:none;width:100%}.pds-dropdown__footer a:hover,.pds-dropdown__footer button:hover{color:var(--pds-color-interactive-link-hover);text-decoration:underline}.pds-dropdown__footer a:focus-visible,.pds-dropdown__footer button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:2px}

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

@@ -0,0 +1 @@
+.pds-filter-button{--fb-bg:var(--pds-color-button-secondary-background-default);--fb-bg-hover:var(--pds-color-button-secondary-background-hover);--fb-border:var(--pds-color-button-secondary-border);--fb-clear-size:1.25rem;--fb-fg:var(--pds-color-button-secondary-foreground-default)}.pds-filter-button__panel{min-width:12rem;width:max-content}.pds-filter-button--has-search .pds-filter-button__panel{min-width:14rem}.pds-filter-button__trigger{background:var(--fb-bg);block-size:var(--pds-spacing-button-height-s);border:var(--pds-border-width-default) solid var(--fb-border);border-radius:var(--pds-border-radius-button);color:var(--fb-fg);font-family:var(--pds-typography-ff-default);font-size:var(--pds-typography-size-s);gap:var(--pds-spacing-3xs);padding-block:0;padding-inline-end:var(--pds-spacing-s);padding-inline-start:calc(var(--pds-spacing-s) + var(--pds-spacing-5xs));white-space:nowrap}.pds-filter-button__trigger:hover{background-color:var(--fb-bg-hover)}.pds-filter-button--multiple .pds-filter-button__trigger,.pds-filter-button--single .pds-filter-button__trigger{padding-inline-start:calc(var(--pds-spacing-s) + var(--fb-clear-size) + var(--pds-spacing-4xs))}.pds-filter-button__label{align-items:center;display:inline-flex;gap:var(--pds-spacing-3xs)}.pds-filter-button__divider{background-color:var(--pds-color-border-separator);block-size:.75rem;inline-size:var(--pds-border-width-default)}.pds-filter-button__clear{align-items:center;background:transparent;border:none;border-radius:var(--pds-border-radius-input);color:var(--fb-fg);cursor:pointer;display:inline-flex;inline-size:var(--fb-clear-size);inset-block-start:50%;inset-inline-start:var(--pds-spacing-s);justify-content:center;padding:var(--pds-spacing-5xs);position:absolute;transform:translateY(-50%)}.pds-filter-button__clear:hover{background-color:var(--fb-bg-hover)}.pds-filter-button__clear:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-filter-button__clear:disabled{cursor:not-allowed;opacity:.5}

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

@@ -1 +1 @@
-.pds-icon{--icon-detail-color:var(--pds-color-surface-default);display:inline-flex;flex-shrink:0;height:1.25rem;overflow:visible;vertical-align:middle;width:1.25rem}.pds-icon svg{height:100%;width:100%}.pds-icon--xs{height:.625rem;width:.625rem}.pds-icon--s{height:.75rem;width:.75rem}.pds-icon--m{height:1rem;width:1rem}.pds-icon--l{height:1.25rem;width:1.25rem}.pds-icon--xl{height:1.5rem;width:1.5rem}.pds-icon--2xl{height:2rem;width:2rem}.pds-icon--3xl{height:2.5rem;width:2.5rem}
+.pds-icon{--icon-detail-color:var(--pds-color-surface-default);display:inline-flex;flex-shrink:0;height:1.25rem;overflow:visible;vertical-align:middle;width:1.25rem}.pds-icon svg{height:100%;width:100%}.pds-icon--s{height:.75rem;width:.75rem}.pds-icon--m{height:1rem;width:1rem}.pds-icon--l{height:1.25rem;width:1.25rem}.pds-icon--xl{height:1.5rem;width:1.5rem}.pds-icon--2xl{height:2rem;width:2rem}.pds-icon--3xl{height:2.5rem;width:2.5rem}