@pantheon-systems/pds-toolkit-react 1.0.0-dev.165 → 1.0.0-dev.166

package/_dist/components/PantheonLogo/PantheonLogo.d.ts

@@ -1,25 +1,42 @@
-export function PantheonLogo({ colorType, displayType, isLink, subBrand, className, ...props }: {
-    [x: string]: any;
-    colorType?: string;
-    displayType?: string;
-    isLink: any;
-    subBrand: any;
-    className: any;
-}): React.JSX.Element;
-export namespace PantheonLogo {
-    namespace propTypes {
-        let colorType: PropTypes.Requireable<string>;
-        let displayType: PropTypes.Requireable<string>;
-        let isLink: PropTypes.Requireable<PropTypes.InferProps<{
-            ariaLabel: PropTypes.Requireable<string>;
-            link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        }>>;
-        let subBrand: PropTypes.Requireable<PropTypes.InferProps<{
-            link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            text: PropTypes.Requireable<string>;
-        }>>;
-        let className: PropTypes.Requireable<string>;
-    }
+import React, { ComponentPropsWithoutRef, ReactNode } from 'react';
+import './pantheon-logo.css';
+type SubBrand = {
+    /**
+     * Sub-brand linkContent
+     */
+    linkContent?: ReactNode;
+    /**
+     * Sub-brand label text
+     */
+    text: string;
+};
+/**
+ * Prop types for PantheonLogo
+ */
+export interface PantheonLogoProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Color type. Use 'default' unless the logo is used on an approved dark background.
+     */
+    colorType?: 'default' | 'reverse';
+    /**
+     * Display type
+     */
+    displayType?: 'full' | 'icon' | 'wordmark' | 'sub-brand';
+    /**
+     * A fully-formed link element using the router of your choice. The link text will be used as the aria-label. If the logo should not be a link, set to `null`.
+     */
+    linkContent?: ReactNode;
+    /**
+     * An object containing a text string and an optional link (if the sub-brand text should be a link). Will only render if the `display-type` is set to 'sub-brand'.
+     */
+    subBrand?: SubBrand;
+    /**
+     * Additional class names
+     */
+    className?: string;
 }
-import React from 'react';
-import PropTypes from 'prop-types';
+/**
+ * PantheonLogo UI component
+ */
+export declare const PantheonLogo: ({ colorType, displayType, linkContent, subBrand, className, ...props }: PantheonLogoProps) => React.JSX.Element;
+export {};

package/_dist/components/PantheonLogo/pantheon-logo-data.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const logoFull: React.JSX.Element;
+export declare const logoIcon: React.JSX.Element;
+export declare const logoWordmark: React.JSX.Element;

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

@@ -1,4 +1,4 @@
-export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLabel, logoLink, logoSrc, logoSubBrand, className, ...props }: {
+export function Navbar({ children, colorType, containerWidth, hideBorder, hideLogo, logoDisplay, logoLink, logoSrc, logoSubBrand, className, ...props }: {
     [x: string]: any;
     children: any;
     colorType?: string;
@@ -6,7 +6,6 @@ export function Navbar({ children, colorType, containerWidth, hideBorder, hideLo
     hideBorder: any;
     hideLogo?: boolean;
     logoDisplay?: string;
-    logoLabel?: string;
     logoLink?: React.JSX.Element;
     logoSrc: any;
     logoSubBrand: any;
@@ -20,11 +19,10 @@ export namespace Navbar {
         export let hideBorder: PropTypes.Requireable<boolean>;
         export let hideLogo: PropTypes.Requireable<boolean>;
         export let logoDisplay: PropTypes.Requireable<string>;
-        export let logoLabel: PropTypes.Requireable<string>;
         export let logoLink: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         export let logoSrc: PropTypes.Requireable<string>;
         export let logoSubBrand: PropTypes.Requireable<PropTypes.InferProps<{
-            link: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            linkContent: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             text: PropTypes.Requireable<string>;
         }>>;
         export let className: PropTypes.Requireable<string>;

package/_dist/index.d.ts

@@ -23,7 +23,6 @@ export { Navbar } from './components/navigation/Navbar/Navbar';
 export { NavMenu } from './components/navigation/NavMenu/NavMenu';
 export { NewSiteCard } from './components/cards/NewSiteCard/NewSiteCard';
 export { Pager } from './components/Pager/Pager';
-export { PantheonLogo } from './components/PantheonLogo/PantheonLogo';
 export { PlatformIcon } from './components/PlatformIcon/PlatformIcon';
 export { PricingCard } from './components/cards/PricingCard/PricingCard';
 export { RadioGroup } from './components/inputs/RadioGroup/RadioGroup';
@@ -72,6 +71,7 @@ export * from './components/notifications/Banner/Banner';
 export * from './components/notifications/InlineMessage/InlineMessage';
 export * from './components/notifications/SectionMessage/SectionMessage';
 export * from './components/Panel/Panel';
+export * from './components/PantheonLogo/PantheonLogo';
 export * from './components/Popover/Popover';
 export * from './components/progress-indicators/ProgressBar/ProgressBar';
 export * from './components/progress-indicators/ProgressRing/ProgressRing';