@pantheon-systems/pds-toolkit-react 1.0.0-dev.247 → 1.0.0-dev.249

package/_dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './pagination.css';
 /**
  * Prop types for Pagination
@@ -17,7 +17,7 @@ export interface PaginationProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      *  Heading level. Defaults to `h2`.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Heading text for the pagination component. Will only be accessible to screen readers.
      */

package/_dist/components/TableOfContents/TableOfContents.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './table-of-contents.css';
 /**
  * Prop types for TableOfContents
@@ -20,7 +20,7 @@ interface TableOfContentsProps extends ComponentPropsWithoutRef<'nav'> {
     /**
      * Heading level for TOC heading.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Text for the TOC heading.
      */

package/_dist/components/VideoEmbed/VideoEmbed.d.ts

@@ -0,0 +1,23 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import './video-embed.css';
+/**
+ * Prop types for VideoEmbed
+ */
+export interface VideoEmbedProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Video hosting platform.
+     */
+    platform?: 'youtube' | 'vimeo';
+    /**
+     * Video ID to embed.
+     */
+    videoId: string;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * VideoEmbed UI component
+ */
+export declare const VideoEmbed: ({ platform, videoId, className, ...props }: VideoEmbedProps) => React.JSX.Element;

package/_dist/components/cards/CardHeading/CardHeading.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './card-heading.css';
 /**
  * Prop types for CardHeading
@@ -16,7 +16,7 @@ export interface CardHeadingProps {
     /**
      *  Heading level or `span`.
      */
-    level?: HeadingLevel;
+    level?: HeadingLevelCommon;
     /**
      * Heading text.
      */

package/_dist/components/cards/LinksCard/LinksCard.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './links-card.css';
 /**
  * Prop types for LinksCard
@@ -8,7 +8,7 @@ interface LinksCardProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Heading level
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Link Card heading
      */

package/_dist/components/cards/SiteCard/SiteCard.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import { SiteStatus } from '@libs/types/custom-types';
 import './site-card.css';
 /**
@@ -13,7 +13,7 @@ export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Heading level of the card title.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Image URL for the site.
      */

package/_dist/components/{CompactEmptyState → empty-states/CompactEmptyState}/CompactEmptyState.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import { PDSIcon } from '@components/icons/Icon/Icon';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './compact-empty-state.css';
 /**
  * Prop types for CompactEmptyState
@@ -13,7 +13,7 @@ export interface CompactEmptyStateProps extends ComponentPropsWithoutRef<'div'>
     /**
      *  Heading level.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Icon to display above the heading.
      */

package/_dist/components/empty-states/HorizontalEmptyState/HorizontalEmptyState.d.ts

@@ -0,0 +1,57 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { VideoEmbedProps } from '@components/VideoEmbed/VideoEmbed';
+import { HeadingLevel } from '@libs/types/custom-types';
+import './horizontal-empty-state.css';
+/**
+ * Prop types for HorizontalEmptyState
+ */
+export interface HorizontalEmptyStateProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * A call-to-action region.
+     * This should be a Button, ButtonLink, or two items wrapped in a `pds-button-group` div.
+     */
+    ctaRegion?: ReactNode;
+    /**
+     * Pantheon collage image to display next to the main content.
+     * Should be a link to an image file, either from Brandfolder or local.
+     * See full documentation for details.
+     *
+     * If a video is provided, this will be ignored.
+     */
+    image?: string;
+    /**
+     * Will this be rendered within a panel?
+     * If true, the image and heading will be scaled down to fit within the panel.
+     */
+    isWithinPanel?: boolean;
+    /**
+     * heading to explain the empty state.
+     */
+    heading: string;
+    /**
+     *  Heading level.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Message to display below the heading.
+     */
+    message?: string | ReactNode;
+    /**
+     * A video to display next to the main content.
+     *
+     * This is an object with the following properties:
+     * - `platform`: The video hosting platform, either 'youtube' or 'vimeo'.
+     * - `videoId`: The ID of the video to embed.
+     *
+     * If a video is provided, the image will be ignored.
+     */
+    video?: VideoEmbedProps;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * HorizontalEmptyState UI component
+ */
+export declare const HorizontalEmptyState: ({ ctaRegion, image, isWithinPanel, heading, headingLevel, message, video, className, ...props }: HorizontalEmptyStateProps) => React.JSX.Element;

package/_dist/components/empty-states/VerticalEmptyState/VerticalEmptyState.d.ts

@@ -0,0 +1,39 @@
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { HeadingLevel } from '@libs/types/custom-types';
+import './vertical-empty-state.css';
+/**
+ * Prop types for VerticalEmptyState
+ */
+export interface VerticalEmptyStateProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * A call-to-action region.
+     * This should be a Button, ButtonLink, or two items wrapped in a `pds-button-group` div.
+     */
+    ctaRegion?: ReactNode;
+    /**
+     * PDS illustration image to display above the heading.
+     * Should be a link to an SVG file, either from Brandfolder or local.
+     * See full documentation for details.
+     */
+    image?: string;
+    /**
+     * heading to explain the empty state.
+     */
+    heading: string;
+    /**
+     *  Heading level.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Message to display below the heading.
+     */
+    message?: string | ReactNode;
+    /**
+     * Additional class names
+     */
+    className?: string;
+}
+/**
+ * VerticalEmptyState UI component
+ */
+export declare const VerticalEmptyState: ({ ctaRegion, image, heading, headingLevel, message, className, ...props }: VerticalEmptyStateProps) => React.JSX.Element;

package/_dist/components/footer/FooterHeading/FooterHeading.d.ts

@@ -1,11 +1,11 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import './footer-heading.css';
-import type { HeadingLevel } from '@libs/types/custom-types';
+import type { HeadingLevelCommon } from '@libs/types/custom-types';
 interface FooterHeadingProps {
     /**
      *  Heading level
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Heading text
      */
@@ -18,5 +18,5 @@ interface FooterHeadingProps {
 /**
  * Footer Heading UI component
  */
-export declare const FooterHeading: ({ headingLevel, headingText, className, ...props }: FooterHeadingProps & ComponentPropsWithoutRef<HeadingLevel>) => React.JSX.Element;
+export declare const FooterHeading: ({ headingLevel, headingText, className, ...props }: FooterHeadingProps & ComponentPropsWithoutRef<HeadingLevelCommon>) => React.JSX.Element;
 export {};

package/_dist/components/footer/FooterLinks/FooterLinks.d.ts

@@ -1,11 +1,11 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
 import './footer-links.css';
-import type { HeadingLevel } from '@libs/types/custom-types';
+import type { HeadingLevelCommon } from '@libs/types/custom-types';
 interface FooterLinksProps extends ComponentPropsWithoutRef<'div'> {
     /**
      *  Heading level
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Heading text
      */

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

@@ -1,5 +1,42 @@
 import React, { ComponentPropsWithoutRef, ReactElement, ReactNode } from 'react';
 import './workspace-selector.css';
+declare const tierLabels: {
+    silver: string;
+    gold: string;
+    platinum: string;
+    diamond: string;
+};
+export type PlanTiers = keyof typeof tierLabels;
+export type WorkspaceSelectorItem = {
+    /**
+     * Name of the workspace.
+     */
+    displayName?: string;
+    /**
+     * Image src for the workspace.
+     */
+    imageSrc?: string;
+    /**
+     * Is this the currently selected workspace?
+     */
+    isActive?: boolean;
+    /**
+     * This user does not have access to this workspace.
+     */
+    isUnprivileged?: boolean;
+    /**
+     * Account plan tier.
+     */
+    planTier?: PlanTiers;
+    /**
+     * Id of the workspace.
+     */
+    workspaceId?: string;
+    /**
+     * Link to the workspace. A link element via the router of your choice.
+     */
+    workspaceLink?: ReactElement;
+};
 /**
  * Prop types for WorkspaceSelector
  */
@@ -39,36 +76,7 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
     /**
      * List of all workspaces for a user.
      */
-    workspaceList?: {
-        /**
-         * Name of the workspace.
-         */
-        displayName?: string;
-        /**
-         * Image src for the workspace.
-         */
-        imageSrc?: string;
-        /**
-         * Is this the currently selected workspace?
-         */
-        isActive?: boolean;
-        /**
-         * This user does not have access to this workspace.
-         */
-        isUnprivileged?: boolean;
-        /**
-         * Account plan tier.
-         */
-        planTier?: 'silver' | 'gold' | 'platinum' | 'diamond';
-        /**
-         * Id of the workspace.
-         */
-        workspaceId?: string;
-        /**
-         * Link to the workspace. A link element via the router of your choice.
-         */
-        workspaceLink?: ReactElement;
-    }[];
+    workspaceList?: WorkspaceSelectorItem[];
     /**
      * Additional class names.
      */
@@ -78,3 +86,4 @@ export interface WorkspaceSelectorProps extends ComponentPropsWithoutRef<'span'>
  * WorkspaceSelector UI component
  */
 export declare const WorkspaceSelector: ({ ariaLabel, createWorkspaceLink, filterPlaceholder, filterLabel, menuHeading, minFilterItems, noResultsText, withinNavbar, workspaceList, className, ...props }: WorkspaceSelectorProps) => React.JSX.Element;
+export {};

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

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './../tiles-common.css';
 import './tile.css';
 export type TileDisplayType = 'border' | 'clean' | 'clean-static';
@@ -14,7 +14,7 @@ export interface TileProps extends ComponentPropsWithoutRef<'div'> {
     /**
      *  Heading level or `span`.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Heading text.
      */

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

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import { TileDisplayType, TileProps } from '@components/tiles/Tile/Tile';
-import { HeadingLevel } from '@libs/types/custom-types';
+import { HeadingLevelCommon } from '@libs/types/custom-types';
 import './../tiles-common.css';
 /**
  * Prop types for TileGrid
@@ -13,7 +13,7 @@ export interface TileGridProps extends ComponentPropsWithoutRef<'div'> {
     /**
      *  Heading level or `span`. All tiles in the grid will use this heading level.
      */
-    headingLevel?: HeadingLevel;
+    headingLevel?: HeadingLevelCommon;
     /**
      * Array of Tiles.
      */

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

@@ -6,7 +6,7 @@ a.pds-button,button.pds-button{--button-color-background:var(--pds-color-button-
 		--pds-color-button-secondary-background-active
 	);--button-color-border:var(--pds-color-button-secondary-border-active);--button-color-foreground:var(
 		--pds-color-button-secondary-foreground-active
-	)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
+	)}a.pds-button.pds-button--subtle,button.pds-button.pds-button--subtle{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-default);font-weight:400;letter-spacing:0;padding:.64rem .25rem}a.pds-button.pds-button--subtle .pds-button__loading-indicator,button.pds-button.pds-button--subtle .pds-button__loading-indicator{--spinner-color-1:var(--pds-color-button-secondary-foreground-default);--spinner-color-2:#5f41e5;--spinner-color-3:#e5dbff}a.pds-button.pds-button--subtle:hover,button.pds-button.pds-button--subtle:hover:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-hover)}a.pds-button.pds-button--subtle:active,button.pds-button.pds-button--subtle:active:enabled{--button-color-background:var(--pds-color-button-subtle-background-default);--button-color-border:var(--pds-color-button-subtle-border-default);--button-color-foreground:var(--pds-color-button-subtle-foreground-active)}.pds-background--dark a.pds-button.pds-button--brand,.pds-background--dark button.pds-button.pds-button--brand,a.pds-button.pds-button--brand,button.pds-button.pds-button--brand{--button-color-background:var(--pds-color-button-brand-background-default);--button-color-border:var(--pds-color-button-brand-border-default);--button-color-foreground:var(--pds-color-button-brand-foreground-default)}.pds-background--dark a.pds-button.pds-button--brand .pds-button__loading-indicator,.pds-background--dark button.pds-button.pds-button--brand .pds-button__loading-indicator,a.pds-button.pds-button--brand .pds-button__loading-indicator,button.pds-button.pds-button--brand .pds-button__loading-indicator{--spinner-color-1:#23232d;--spinner-color-2:#726009;--spinner-color-3:#d9b500}.pds-background--dark a.pds-button.pds-button--brand:hover,.pds-background--dark button.pds-button.pds-button--brand:hover:enabled,a.pds-button.pds-button--brand:hover,button.pds-button.pds-button--brand:hover:enabled{--button-color-background:var(--pds-color-button-brand-background-hover);--button-color-border:var(--pds-color-button-brand-border-hover);--button-color-foreground:var(--pds-color-button-brand-foreground-hover)}.pds-background--dark a.pds-button.pds-button--brand:active,.pds-background--dark button.pds-button.pds-button--brand:active:enabled,a.pds-button.pds-button--brand:active,button.pds-button.pds-button--brand:active:enabled{--button-color-background:var(--pds-color-button-brand-background-active);--button-color-border:var(--pds-color-button-brand-border-active);--button-color-foreground:var(--pds-color-button-brand-foreground-active)}a.pds-button.pds-button--brand-secondary,button.pds-button.pds-button--brand-secondary{--button-color-background:var(
 		--pds-color-button-brand-secondary-background-default
 	);--button-color-border:var(--pds-color-button-brand-secondary-border-default);--button-color-foreground:var(
 		--pds-color-button-brand-secondary-foreground-default

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

@@ -1 +1 @@
-.pds-checkbox{--checkbox-font-size:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;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:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox:focus-within .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.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:1rem;--checkbox-input-size:1rem;--checkbox-input-gap:0.512rem;--checkbox-box-shift:0.09375rem;line-height:1.2}.pds-checkbox--sm{--checkbox-font-size:0.833rem;--checkbox-input-size:0.9rem;--checkbox-box-shift:0.025rem}.pds-checkbox__input-wrapper{display:flex}.pds-checkbox input[type=checkbox]{appearance:none}.pds-checkbox__label{align-items:start;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:400}.pds-checkbox__label-text--s{font-size:.833rem}.pds-checkbox__box{align-items:center;background-color:var(--pds-color-input-background);border:2px solid var(--pds-color-border-input);border-radius:.1875rem;box-sizing:border-box;display:flex;height:var(--checkbox-input-size);padding:.0625rem;position:relative;top:var(--checkbox-box-shift);width:var(--checkbox-input-size)}.pds-checkbox__box,.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox__box--checked,.pds-checkbox__box--indeterminate{background-color:var(--pds-color-interactive-focus);border-color:var(--pds-color-interactive-focus)}.pds-checkbox__icon{color:var(--pds-color-input-checkbox-checked-foreground);transition:var(--pds-animation-transition-default-duration) var(--pds-animation-transition-default-timing-function) var(--pds-animation-transition-default-delay)}.pds-checkbox:hover .pds-checkbox__box{cursor:pointer}.pds-checkbox input[type=checkbox]:focus-visible~label .pds-checkbox__box{outline:1px solid var(--pds-color-interactive-focus);outline-offset:.0625rem}.pds-checkbox.pds-is-disabled .pds-checkbox__label{cursor:not-allowed;opacity:50%}.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-compact-empty-state.css

@@ -1 +1 @@
-.pds-compact-empty-state{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block:4.678rem;row-gap:1.563rem;text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-foreground-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:.25rem}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:1rem;margin-block-end:0}
+.pds-compact-empty-state{display:flex;flex-direction:column;font-family:Poppins,sans-serif;padding-block:4.678rem;row-gap:1.563rem;text-align:center;width:100%}.pds-compact-empty-state__icon{color:var(--pds-color-foreground-default-secondary)}.pds-compact-empty-state__heading{display:block;margin-block-end:.25rem}.pds-compact-empty-state__message{color:var(--pds-color-text-default-secondary);font-size:1rem;margin-block-end:0;margin-inline:auto;max-width:600px;text-wrap:pretty}

package/_dist/css/component-css/pds-horizontal-empty-state.css

@@ -0,0 +1 @@
+.pds-horizontal-empty-state{align-items:center;color:var(--pds-color-text-default);display:flex;font-family:Poppins,sans-serif;gap:1.953rem;max-width:1200px;width:100%}.pds-horizontal-empty-state__content{display:flex;flex-direction:column;row-gap:1.563rem;width:60%}.pds-horizontal-empty-state__heading{margin-block-end:0}.pds-horizontal-empty-state__media{width:40%}.pds-horizontal-empty-state__image{height:auto;width:100%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__content{width:72%}.pds-horizontal-empty-state--panel .pds-horizontal-empty-state__media{width:28%}.pds-horizontal-empty-state--video{align-items:stretch}.pds-horizontal-empty-state--video .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--video .pds-horizontal-empty-state__media{width:50%}.pds-horizontal-empty-state--isMobile{flex-direction:column}.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__content,.pds-horizontal-empty-state--isMobile .pds-horizontal-empty-state__media{width:100%}