@pantheon-systems/pds-toolkit-react 2.0.0-alpha.30 → 2.0.0-alpha.32

package/dist/index.source.d.ts

@@ -14,17 +14,13 @@ export * from './components/buttons/SplitButton/SplitButton';
 export * from './components/buttons/SSOButton/SSOButton';
 export * from './components/buttons/UtilityButton/UtilityButton';
 export * from './components/Callout/Callout';
+export * from './components/cards/ActionCard/ActionCard';
 export * from './components/cards/Card/Card';
-export * from './components/cards/CardHeading/CardHeading';
-export * from './components/cards/CardSelectGroup/CardSelectGroup';
-export * from './components/cards/EmptyStateCard/EmptyStateCard';
-export * from './components/cards/LinksCard/LinksCard';
-export * from './components/cards/NewSiteCard/NewSiteCard';
-export * from './components/cards/PaymentCard/PaymentCard';
-export * from './components/cards/PricingCard/PricingCard';
-export * from './components/cards/SiteCard/SiteCard';
+export * from './components/cards/CardSelect/CardSelect';
 export * from './components/charts/BarChart/BarChart';
 export * from './components/charts/LineChart/LineChart';
+export * from './components/charts/PieChart/PieChart';
+export * from './components/charts/ProportionBar/ProportionBar';
 export * from './components/charts/shared/types';
 export * from './components/CodeBlock/CodeBlock';
 export * from './components/ComparisonList/ComparisonList';
@@ -60,15 +56,14 @@ export * from './components/media/Picture/Picture';
 export * from './components/media/VideoEmbed/VideoEmbed';
 export * from './components/navigation/Breadcrumb/Breadcrumb';
 export * from './components/navigation/ButtonNav/ButtonNav';
-export * from './components/navigation/DashboardSearch/DashboardSearch';
 export * from './components/navigation/DropdownMenu/DropdownMenu';
 export * from './components/navigation/Navbar/Navbar';
 export * from './components/navigation/SideNav/SideNav';
-export * from './components/navigation/SideNavCompact/SideNavCompact';
 export * from './components/navigation/SideNavGlobal/SideNavGlobal';
 export * from './components/navigation/SideNavGlobal/SideNavGlobalItem';
 export * from './components/navigation/SiteMenu/SiteMenu';
 export * from './components/navigation/TabMenu/TabMenu';
+export * from './components/navigation/TreeNav/TreeNav';
 export * from './components/navigation/UserMenu/UserMenu';
 export * from './components/navigation/WorkspaceSelector/WorkspaceSelector';
 export * from './components/notifications/Banner/Banner';
@@ -94,8 +89,8 @@ export * from './components/PantheonLogo/PantheonLogo';
 export * from './components/Popover/Popover';
 export * from './components/progress-indicators/ProgressBar/ProgressBar';
 export * from './components/progress-indicators/ProgressRing/ProgressRing';
-export * from './components/SiteDashboardHeading/SiteDashboardHeading';
 export * from './components/SiteFooter/SiteFooter';
+export * from './components/SiteSearch/SiteSearch';
 export * from './components/SortableList/SortableList';
 export * from './components/SortableList/SortableListHeader';
 export * from './components/SortableList/SortableRow';

package/dist/libs/types/custom-types.d.ts

@@ -143,8 +143,6 @@ export declare const isSeparatorItemType: (item: MenuItem) => item is SeparatorI
 export declare const isHeadingItemType: (item: MenuItem) => item is HeadingItemType;
 export declare const isLinkItemType: (item: MenuItem) => item is LinkItemType;
 export declare const isNodeItemType: (item: MenuItem) => item is NodeItemType;
-export type SitePlanLevel = 'sandbox' | 'basic' | 'performance-small' | 'performance-medium' | 'performance-large' | 'performance-xl' | 'performance-2xl' | 'elite' | 'pro' | 'business' | 'flagship-performance';
-export declare const SitePlanLevelLabel: Record<SitePlanLevel, string>;
 export type SiteStatus = 'active' | 'frozen' | 'restricted';
 export type SiteType = 'drupal' | 'wordpress' | 'gatsby' | 'nextjs';
 export declare const SiteTypeLabel: Record<SiteType, string>;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.30",
+	"version": "2.0.0-alpha.32",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -54,7 +54,7 @@
 		"prebuild": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss && npm run generate:ux-writing-search-index && npm run generate:ux-writing-guide",
 		"build": "NODE_OPTIONS=--max-old-space-size=4096 NODE_ENV=production storybook build",
 		"build-storybook": "NODE_ENV=production storybook build",
-		"postbuild": "node scripts/copy-mcp-assets.js && node scripts/build-starter-template.js && node scripts/generate-html-docs.js && node scripts/verify-mcp-build.js",
+		"postbuild": "node scripts/generate-html-docs.js && node scripts/build-starter-template.js && node scripts/copy-mcp-assets.js && node scripts/verify-mcp-build.js",
 		"verify:mcp": "node scripts/verify-mcp-build.js",
 		"start": "node index.js",
 		"develop": "npm run storybook",

package/dist/components/SiteDashboardHeading/SiteDashboardHeading.d.ts

@@ -1,62 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { SitePlanLevel, SiteType } from '../../libs/types/custom-types';
-import './site-dashboard-heading.css';
-/**
- * Prop types for SiteDashboardHeading
- */
-export interface SiteDashboardHeadingProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Function to handle upgrade click.
-     */
-    handleUpgradeClick?: () => void;
-    /**
-     * Function to handle popover content.
-     */
-    popoverContent?: ReactNode;
-    /**
-     * Function to handle popover open state.
-     */
-    popoverIsOpen?: boolean;
-    /**
-     * Title for the popover.
-     */
-    popoverTitle?: string;
-    /**
-     * Function to set popover open state.
-     */
-    setPopoverIsOpen?: (isOpen: boolean) => void;
-    /**
-     * Name of the site.
-     */
-    siteName: string;
-    /**
-     * Site plan level.
-     */
-    sitePlanLevel?: SitePlanLevel | (string & {});
-    /**
-     * Site type.
-     */
-    siteType?: SiteType;
-    /**
-     * Additional props to pass to the trigger component. Accepts any HTML div attributes.
-     */
-    triggerProps?: ComponentPropsWithoutRef<'div'> & {
-        [key: `data-${string}`]: string | undefined;
-    };
-    /**
-     * Label for the upgrade button.
-     */
-    upgradeLabel: string;
-    /**
-     * Name of the workspace.
-     */
-    workspaceName?: string;
-}
-/**
- * SiteDashboardHeading UI component
- */
-export declare const SiteDashboardHeading: ({ className, handleUpgradeClick, popoverContent, popoverIsOpen, popoverTitle, setPopoverIsOpen, siteName, sitePlanLevel, siteType, triggerProps, upgradeLabel, workspaceName, ...props }: SiteDashboardHeadingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,31 +0,0 @@
-import { HeadingLevelCommon } from '../../../libs/types/custom-types';
-import './card-heading.css';
-/**
- * Prop types for CardHeading
- */
-export interface CardHeadingProps {
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Font size of the heading. Default is `XL`.
-     */
-    fontSize?: 'L' | 'XL';
-    /**
-     * Font weight of the heading. Default is `bold`.
-     */
-    fontWeight?: 'bold' | 'semibold';
-    /**
-     *  Heading level or `span`.
-     */
-    level?: HeadingLevelCommon;
-    /**
-     * Heading text.
-     */
-    text?: string;
-}
-/**
- * CardHeading UI component
- */
-export declare const CardHeading: ({ className, fontSize, fontWeight, level, text, ...props }: CardHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/EmptyStateCard/EmptyStateCard.d.ts

@@ -1,36 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '../../../libs/types/custom-types';
-import './empty-state-card.css';
-/**
- * Prop types for EmptyStateCard
- */
-export interface EmptyStateCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     *  Heading level or `span`.
-     */
-    headingLevel?: HeadingLevelCommon;
-    /**
-     * Heading text.
-     */
-    headingText: string;
-    /**
-     * Whether the link is external or not.
-     */
-    isLinkExternal?: boolean;
-    /**
-     * A link element using the router of your choice.
-     */
-    linkContent: ReactNode;
-    /**
-     * Summary paragraph.
-     */
-    summary: string;
-}
-/**
- * EmptyStateCard UI component
- */
-export declare const EmptyStateCard: ({ className, headingLevel, headingText, isLinkExternal, linkContent, summary, ...props }: EmptyStateCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,29 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon } from '../../../libs/types/custom-types';
-import './links-card.css';
-/**
- * Prop types for LinksCard
- */
-interface LinksCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Heading level
-     */
-    headingLevel?: HeadingLevelCommon;
-    /**
-     * Link Card heading
-     */
-    headingText: string;
-    /**
-     * Array of links
-     */
-    linkItems?: ReactNode[];
-}
-/**
- * Links Card UI component
- */
-export declare const LinksCard: ({ className, headingLevel, headingText, linkItems, ...props }: LinksCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/cards/LinksCard/links-card-sample-data.d.ts

@@ -1,2 +0,0 @@
-import { ReactNode } from 'react';
-export declare const fiveItems: ReactNode[];

package/dist/components/cards/NewSiteCard/NewSiteCard.d.ts

@@ -1,61 +0,0 @@
-import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { BadgeColor } from '../../badges/Badge/Badge';
-import './new-site-card.css';
-interface BadgeValueType {
-    color: BadgeColor;
-    label: string;
-}
-export declare const badgeTypes: {
-    [key: string]: BadgeValueType;
-};
-type ActualPlatformIconType = 'drupal' | 'drupal7' | 'front-end-sites' | 'gatsby' | 'gatsby-wp' | 'google' | 'import-custom' | 'microsoft' | 'next' | 'next-drupal' | 'next-wp' | 'splunk' | 'sumo-logic' | 'wordpress';
-type PantheonIconType = 'pantheon';
-type PlatformIconType = ActualPlatformIconType | PantheonIconType;
-type IconVariantType = 'bitbucket' | 'github' | 'gitlab';
-type IconType = IconVariantType | PlatformIconType;
-/**
- * Prop types for NewSiteCard
- */
-interface NewSiteCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Optional indicator badge type. Choose from only early-access at this time.
-     */
-    badge?: 'early-access';
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Icon. Accepts any platform type from PlatformIcon or github, gitlab, bitbucket from Icon.
-     */
-    icon?: IconType;
-    /**
-     * Text for screen readers when link opens in new window
-     */
-    newWindowString?: string;
-    /**
-     * The primary link for the selection card.
-     */
-    selectionLink: ReactElement;
-    /**
-     * Card subtitle
-     */
-    subtitle?: string;
-    /**
-     * Card summary
-     */
-    summary?: string;
-    /**
-     * Array of supplemental links. Maximum of 2.
-     */
-    supplementalLinks?: ReactElement[];
-    /**
-     * Card title
-     */
-    title: string;
-}
-/**
- * NewSiteCard UI component
- */
-export declare const NewSiteCard: ({ badge, className, icon, newWindowString, selectionLink, subtitle, summary, supplementalLinks, title, ...props }: NewSiteCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/cards/PaymentCard/PaymentCard.d.ts

@@ -1,47 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import './payment-card.css';
-/**
- * Prop types for PaymentCard
- */
-export interface PaymentCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * The name of the cardholder.
-     */
-    cardholderName?: string;
-    /**
-     * The last four digits of the card number.
-     */
-    cardNumber?: number;
-    /**
-     * The type of payment icon to display.
-     */
-    cardType?: 'visa' | 'mastercard' | 'amex' | 'discover';
-    /**
-     * A string for the lower left corner.
-     */
-    cardUsage?: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Function for when “view details” is clicked
-     */
-    detailsCallback?: () => void;
-    /**
-     * Translation string for “view details”
-     */
-    detailsLabel?: string;
-    /**
-     * Expiration date of the card in MM/YY format.
-     */
-    expDate?: string;
-    /**
-     * Function for when this card is selected
-     */
-    selectionCallback?: () => void;
-}
-/**
- * PaymentCard UI component
- */
-export declare const PaymentCard: ({ cardholderName, cardNumber, cardType, cardUsage, className, detailsCallback, detailsLabel, expDate, selectionCallback, ...props }: PaymentCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/PricingCard/PricingCard.d.ts

@@ -1,95 +0,0 @@
-import { ComponentPropsWithoutRef } from 'react';
-import { HeadingLevelCommon } from '../../../libs/types/custom-types';
-import { ListItems } from '../../ComparisonList/ComparisonList';
-import './pricing-card.css';
-interface PrimaryCallToAction {
-    buttonAction?: () => void;
-    disabled?: boolean;
-    label?: string;
-    linkTarget?: string;
-    linkUrl?: string;
-    type?: 'button' | 'link';
-    variant?: 'primary' | 'secondary';
-}
-interface SecondaryCallToAction {
-    buttonAction?: () => void;
-    label?: string;
-    linkTarget?: string;
-    linkUrl?: string;
-    type?: 'button' | 'link';
-}
-interface PlanPricingData {
-    customActionLabel?: string;
-    label?: string;
-    listItems?: ListItems[];
-    listLabel?: string;
-    price?: string;
-    priceDetails?: string;
-    pricePrefix?: string;
-    savingsBadgeLabel?: string;
-    savingsDetails?: string;
-}
-interface StatusBadgeLabels {
-    currentPlan?: string;
-    mostPopular?: string;
-}
-interface PricingCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * The primary call to action.
-     */
-    actionPrimary?: PrimaryCallToAction;
-    /**
-     * An optional secondary call to action.
-     */
-    actionSecondary?: SecondaryCallToAction;
-    /**
-     * Additional class names for the card item.
-     */
-    className?: string;
-    /**
-     * Additional class names for the card container.
-     */
-    containerClassName?: string;
-    /**
-     * Has comparison list. Will be rendered below the card if true.
-     * Add corresponding `comparisonListId` to each planPricingData object.
-     */
-    hasComparisonList?: boolean;
-    /**
-     * Heading level for the plan name.
-     */
-    headingLevel?: HeadingLevelCommon;
-    /**
-     * Optional function to handle the change event of the select input. Only valid when multiple tiers of planPricingData are present.
-     */
-    onTierChange?: (value: any) => void;
-    /**
-     * A brief description of the plan.
-     */
-    planDescription?: string;
-    /**
-     * The name of the plan.
-     */
-    planName?: string;
-    /**
-     * Plan pricing data. An array of objects.
-     */
-    planPricingData: PlanPricingData[];
-    /**
-     * Label for the plan size select dropdown. Available to screen readers only. Provide translation string if needed.
-     */
-    selectLabel?: string;
-    /**
-     * Status badge labels. Provide translation strings if needed.
-     */
-    statusBadgeLabels: StatusBadgeLabels;
-    /**
-     * Status badge type. Leave empty for no badge. Only one badge of each type should be used in a group of Pricing Cards.
-     */
-    statusBadgeType?: 'currentPlan' | 'mostPopular';
-}
-/**
- * PricingCard UI component
- */
-export declare const PricingCard: ({ actionPrimary, actionSecondary, className, hasComparisonList, headingLevel, onTierChange, planDescription, planName, planPricingData, selectLabel, statusBadgeLabels, statusBadgeType, ...props }: PricingCardProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,50 +0,0 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { HeadingLevelCommon, SiteStatus } from '../../../libs/types/custom-types';
-import './site-card.css';
-/**
- * Prop types for SiteCard
- */
-export interface SiteCardProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Translatable text for the "Go to" link.
-     */
-    gotoText?: string;
-    /**
-     * Heading level of the card title.
-     */
-    headingLevel?: HeadingLevelCommon;
-    /**
-     * Callback for when the card is clicked.
-     * Should only be used for special handling of restricted sites.
-     * Will override the default link behavior if provided.
-     */
-    onClick?: () => void;
-    /**
-     * Image URL for the site.
-     */
-    siteImage?: string;
-    /**
-     * Link to the site dashboard.
-     */
-    siteLink: ReactNode;
-    /**
-     * Name of the site.
-     */
-    siteName?: string;
-    /**
-     * Plan of the site.
-     */
-    sitePlan?: string;
-    /**
-     * Status of the site.
-     */
-    siteStatus?: SiteStatus;
-}
-/**
- * SiteCard UI component
- */
-export declare const SiteCard: ({ className, gotoText, headingLevel, onClick, siteImage, siteLink, siteName, sitePlan, siteStatus, ...props }: SiteCardProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,53 +0,0 @@
-import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { NavigationItem } from '../../../libs/types/navigation-types';
-import './side-nav-compact.css';
-export type SideNavCompactItem = NavigationItem & {
-    /**
-     * A boolean indicating whether the item is a submenu.
-     */
-    path?: string;
-};
-/**
- * Prop types for SideNavCompact
- */
-export interface SideNavCompactProps extends ComponentPropsWithoutRef<'nav'> {
-    /**
-     * Aria label for the navigation.
-     */
-    ariaLabel: string;
-    /**
-     * Additional class names
-     */
-    className?: string;
-    /**
-     * Whether the menu should be rendered as a mobile menu when the viewport is at or below the mobileMenuMaxWidth.
-     */
-    hasMobileMenu?: boolean;
-    /**
-     * Heading text. If a link is passed, it will be rendered as a link.
-     */
-    headingText?: string | ReactElement;
-    /**
-     * Labels for translatable strings.
-     */
-    labels?: {
-        submenu: string;
-        toggle: string;
-    };
-    /**
-     * Menu items to render.
-     */
-    menuItems: SideNavCompactItem[];
-    /**
-     *  Mobile menu will be enabled when viewport is at or below this number in pixels.
-     */
-    mobileMenuMaxWidth?: number;
-    /**
-     * Text to display in the mobile menu trigger button when no active link is found.
-     */
-    mobileMenuSelectTextFallback?: string;
-}
-/**
- * SideNavCompact UI component
- */
-export declare const SideNavCompact: ({ ariaLabel, className, hasMobileMenu, headingText, labels, menuItems, mobileMenuMaxWidth, mobileMenuSelectTextFallback, ...props }: SideNavCompactProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-.pds-card-heading{color:var(--pds-color-fg-default);display:block;margin-block-end:var(--pds-spacing-m)}

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

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

package/dist/css/component-css/pds-dashboard-search.css

@@ -1 +0,0 @@
-.pds-dashboard-search{--dashboard-search-height:var(--pds-spacing-input-height-s);height:var(--dashboard-search-height);width:220px}@media (min-width:1280px){.pds-dashboard-search{width:340px}}@media (min-width:1440px){.pds-dashboard-search{width:380px}}.pds-dashboard-search__combobox{width:100%}.pds-dashboard-search__inner{height:100%}[data-pds-mobile] .pds-dashboard-search{border-block-end:var(--pds-border-width-default) solid var(--pds-color-border-default);height:auto;left:50%;margin-inline-start:-50vw;min-height:var(--pds-spacing-4xl);position:relative;width:100vw}[data-pds-mobile] .pds-dashboard-search__inner{padding-block:var(--pds-spacing-s)}[data-pds-mobile] .pds-dashboard-search__combobox{margin-inline:auto;width:calc(100% - var(--pds-spacing-l)*2)}

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

@@ -1 +0,0 @@
-.pds-empty-state-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-fg-default);display:flex;flex-direction:column;justify-content:space-between;padding:var(--pds-spacing-xl)}.pds-empty-state-card__cta{display:inline-block;margin-block-start:var(--pds-spacing-xs)}

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

@@ -1 +0,0 @@
-.pds-links-card__heading{border-bottom:1px solid var(--pds-color-border-default);padding-block-end:var(--pds-spacing-m)}.pds-links-card__list{display:flex;flex-direction:column;font-weight:var(--pds-typography-fw-regular);list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-m)}.pds-cta-links-card__item a{text-decoration:none}.pds-cta-links-card__item a:hover{text-decoration:underline}

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

@@ -1 +0,0 @@
-.pds-new-site-card{position:relative}.pds-new-site-card .pds-card{height:100%}.pds-new-site-card:hover{text-decoration:none}.pds-new-site-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}a.pds-new-site-card__selection-link,a.pds-new-site-card__selection-link:hover{text-decoration:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible{outline:none}.pds-new-site-card .pds-new-site-card__selection-link:focus-visible:before{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-card);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}.pds-new-site-card__main{display:flex;flex-direction:column;height:100%;justify-content:space-between}.pds-new-site-card__header{align-items:center;column-gap:var(--pds-spacing-s);display:flex;line-height:var(--pds-typography-lh-s);margin-block-end:var(--pds-spacing-s)}.pds-new-site-card__icon{color:var(--pds-color-fg-default)}.pds-new-site-card__icon .pds-pantheon-logo--icon{height:1.728rem;width:auto}.pds-new-site-card__title{color:var(--pds-color-fg-default);font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold)}.pds-new-site-card__subtitle{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-s);margin-block-start:var(--pds-spacing-4xs)}.pds-new-site-card__badge{margin-block-end:var(--pds-spacing-m)}.pds-new-site-card__summary{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m);word-wrap:normal;overflow-wrap:anywhere}.pds-new-site-card__links{border-top:var(--pds-border-width-default) solid var(--pds-color-border-default);column-gap:var(--pds-spacing-m);display:flex;font-size:var(--pds-typography-size-xs);margin-block-start:var(--pds-spacing-m);padding-block-start:var(--pds-spacing-m)}.pds-new-site-card__link{column-gap:var(--pds-spacing-3xs);display:flex}

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

@@ -1 +0,0 @@
-.pds-payment-card{position:relative}.pds-payment-card:hover{text-decoration:none}.pds-payment-card:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}.pds-payment-card .pds-payment-card__top{border-bottom:1px solid #e3e4e5;cursor:pointer;display:flex;gap:var(--pds-spacing-s);margin-block-end:var(--pds-spacing-m);padding-block-end:var(--pds-spacing-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__icon{width:var(--pds-spacing-5xl)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details{display:flex;flex-direction:column;gap:var(--pds-spacing-3xs)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-header{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-bold);line-height:var(--pds-typography-lh-m);text-transform:uppercase}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-name{font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__top .pds-payment-card__details .pds-payment-card__details-exp{font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-payment-card .pds-payment-card__bottom{align-items:center;color:var(--pds-color-text-default-secondary);display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-regular);justify-content:space-between}.pds-payment-card .pds-payment-card__bottom button{align-items:center;background-color:transparent;border:0;color:var(--pds-color-interactive-link-default);cursor:pointer;display:flex;font-size:var(--pds-typography-size-s);font-weight:var(--pds-typography-fw-semibold);gap:var(--pds-spacing-3xs);justify-content:center;padding:0;text-decoration:none;transition:var(--pds-animation-transition-button);white-space:nowrap}.pds-payment-card .pds-payment-card__bottom button:hover{color:var(--pds-color-interactive-link-hover)}.pds-payment-card .pds-payment-card__bottom button:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:.125rem;text-decoration:none}.pds-payment-card .pds-payment-card__main:focus-visible{outline:none}.pds-payment-card .pds-payment-card__main:focus-visible:before{border:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);border-radius:var(--pds-border-radius-card);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:var(--pds-animation-transition-button)}

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

@@ -1 +0,0 @@
-@media screen and (min-width:1024px){.max-width-large{max-width:400px}}

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

@@ -1 +0,0 @@
-.pds-pricing-card{--pricing-card-padding:var(--pds-spacing-xl);background-color:var(--pds-color-card-background);border:calc(var(--pds-border-width-default)*.5) solid var(--pds-color-border-default);border-radius:var(--pds-border-radius-card);box-shadow:var(--pds-elevation-raised);color:var(--pds-color-fg-default);display:grid;font-family:var(--pds-typography-ff-default);grid-template-rows:1fr auto;justify-content:center;position:relative}.pds-pricing-card--mostPopular{border-color:var(--pds-color-badge-status-reverse-border);border-width:var(--pds-border-width-default)}.pds-pricing-card__status-badge{left:50%;position:absolute;top:-.85rem;transform:translateX(-50%)}.pds-pricing-card__plan{margin-block-end:0;margin-block-start:var(--pds-spacing-3xs)}.pds-pricing-card__main-content{display:flex;flex-direction:column;padding:var(--pricing-card-padding);row-gap:var(--pds-spacing-l)}.pds-pricing-card__pricing-data{display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-pricing-card__list--hide,.pds-pricing-card__pricing-data--hide{display:none}.pds-pricing-card__price-line{align-items:center;column-gap:var(--pds-spacing-4xs);display:flex}.pds-pricing-card__price-prefix{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-semibold);margin-block-end:calc(var(--pds-spacing-xs)*-1);margin-block-start:var(--pds-spacing-4xs)}.pds-pricing-card__price{font-size:var(--pds-typography-size-3xl);font-weight:var(--pds-typography-fw-bold)}.pds-pricing-card__details{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-l);font-weight:var(--pds-typography-fw-regular)}.pds-pricing-card__savings-line{align-items:center;column-gap:var(--pds-spacing-xs);display:flex}.pds-pricing-card__savings-details{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-regular)}.pds-pricing-card__description{font-size:var(--pds-typography-size-m);font-weight:var(--pds-typography-fw-regular);line-height:var(--pds-typography-lh-m)}.pds-pricing-card__actions{display:flex;gap:var(--pds-spacing-l);padding:var(--pricing-card-padding);padding-block-start:var(--pds-spacing-2xl)}.pds-pricing-card__actions>*{flex-grow:1}.pds-pricing-card__actions .pds-button-link a{width:100%}.pds-pricing-card-container--with-list{display:grid;margin-block-end:var(--pds-spacing-xl);row-gap:var(--pds-spacing-2xl)}@media (min-width:768px){.pds-pricing-card-container--with-list{column-gap:var(--pds-spacing-2xl);grid-template-columns:1fr 1fr}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:var(--pds-spacing-s);margin-inline:0}}@media (min-width:1280px){.pds-pricing-card-container--with-list{grid-template-columns:unset;grid-template-rows:1fr minmax(10rem,14rem);margin-block-end:0;row-gap:var(--pds-spacing-2xl)}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-block-start:0;margin-inline:var(--pds-spacing-s)}}.pds-pricing-card-container--with-list .pds-pricing-card__list{margin-inline:var(--pds-spacing-s)}

package/dist/css/component-css/pds-side-nav-compact.css

@@ -1 +0,0 @@
-.pds-side-nav-compact{color:var(--pds-color-fg-default);font-family:var(--pds-typography-ff-default)}.pds-side-nav-compact a{color:var(--pds-color-fg-default);text-decoration:none}.pds-side-nav-compact a:focus-visible{border-radius:var(--pds-border-radius-default);outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);outline-offset:1px}.pds-side-nav-compact .pds-icon{pointer-events:none}h2.pds-side-nav-compact__heading{font-weight:var(--pds-typography-fw-semibold);margin-block-end:var(--pds-spacing-l)}h2.pds-side-nav-compact__heading a{color:var(--pds-color-fg-default);text-decoration:none}h2.pds-side-nav-compact__heading a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;row-gap:var(--pds-spacing-s)}.pds-side-nav-compact__item{line-height:var(--pds-typography-lh-m);list-style-type:none;margin-block-start:var(--pds-spacing-2xs)}.pds-side-nav-compact__item a{color:var(--pds-color-fg-default);text-decoration:none}.pds-side-nav-compact__item a:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{display:none}.pds-side-nav-compact__menu--fourth-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--second-level.pds-side-nav-compact__menu--expanded,.pds-side-nav-compact__menu--third-level.pds-side-nav-compact__menu--expanded{display:flex;margin-block-start:var(--pds-spacing-xs)}.pds-side-nav-compact__menu--fourth-level,.pds-side-nav-compact__menu--second-level,.pds-side-nav-compact__menu--third-level{margin-inline-start:var(--pds-spacing-m)}.pds-side-nav-compact__item--active>.pds-side-nav-compact__item-wrapper>a,.pds-side-nav-compact__item--active>a{color:var(--pds-color-nav-item-default-foreground-active);font-weight:var(--pds-typography-fw-semibold)}.pds-side-nav-compact__toggle{background-color:transparent;border:none;border-radius:var(--pds-border-radius-default);color:var(--pds-color-nav-item-default-foreground-trigger);cursor:pointer;margin-inline-start:calc(var(--pds-spacing-l)*-1 - .175rem)}.pds-side-nav-compact__toggle:hover{color:var(--pds-color-nav-item-default-foreground-hover)}.pds-side-nav-compact__toggle:focus-visible{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus);transition:var(--pds-animation-transition-focus)}.pds-side-nav-compact__toggle .pds-icon{height:1.2rem;margin-block-end:-.125rem;pointer-events:none;transform:rotate(-90deg);transition:var(--pds-animation-transition-button)}.pds-side-nav-compact__toggle--expanded .pds-icon{transform:rotate(0deg);transition:var(--pds-animation-transition-button)}

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

@@ -1 +0,0 @@
-.pds-site-card__link{background:none;border:none;cursor:pointer;display:block;font:inherit;padding:0;text-align:inherit;text-decoration:none;width:100%}.pds-site-card__link:hover{text-decoration:none}.pds-site-card__link:hover .pds-card{box-shadow:var(--pds-elevation-overlay)}.pds-site-card__link:hover .pds-card-heading{color:var(--pds-color-text-default);text-decoration:none}.pds-site-card__link:hover .pds-site-card__plan{text-decoration:none}.pds-site-card__link:focus-visible .pds-card{outline:var(--pds-border-width-outline) solid var(--pds-color-interactive-focus)}.pds-site-card .pds-card__image img{aspect-ratio:1.85}.pds-site-card__header{align-items:flex-start;column-gap:var(--pds-spacing-s);display:flex;justify-content:space-between;margin-block-end:var(--pds-spacing-s)}.pds-site-card__header .pds-card-heading{margin-block-end:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pds-site-card__plan{color:var(--pds-color-fg-default-secondary);font-size:var(--pds-typography-size-s)}

package/dist/css/component-css/pds-site-dashboard-heading.css

@@ -1 +0,0 @@
-.pds-site-dashboard-heading{align-items:flex-start;display:flex;flex-direction:column;row-gap:var(--pds-spacing-s)}.pds-site-dashboard-heading__workspace-name{background-color:var(--pds-color-bg-default-secondary);border-radius:var(--pds-border-radius-default);color:var(--pds-color-fg-default-secondary);display:inline-block;font-size:var(--pds-typography-size-xs);font-weight:var(--pds-typography-fw-medium);letter-spacing:var(--pds-typography-ls-s);line-height:1;padding:var(--pds-spacing-3xs) var(--pds-spacing-xs);padding-block-start:var(--pds-spacing-2xs)}.pds-site-dashboard-heading__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--pds-spacing-s)}.pds-site-dashboard-heading__inner h1{margin:0;margin-inline-end:var(--pds-spacing-3xs)}.pds-site-dashboard-heading__inner .pds-icon{flex-shrink:0;width:auto}.pds-site-dashboard-heading__plan-level-badge{align-items:center;display:flex;gap:var(--pds-spacing-2xs)}