@pantheon-systems/pds-toolkit-react 1.0.0-dev.254 → 1.0.0-dev.256

package/_dist/components/icons/Icon/Icon.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { Display } from '@libs/types/custom-types';
 /**
  * PDS Icon type.
  */
@@ -7,6 +8,10 @@ export type PDSIcon = keyof typeof svgData;
  * Icon component prop types
  */
 export interface IconProps {
+    /**
+     * Display value
+     */
+    display?: Display;
     /**
      * Which icon to render
      */
@@ -15,6 +20,11 @@ export interface IconProps {
      * Which size of icon to render
      */
     iconSize?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+    /**
+     * Vertical align value
+     */
+    verticalAlign?: string;
+    /**
     /**
      * Additional class names
      */
@@ -23,7 +33,7 @@ export interface IconProps {
 /**
  * A component used to display an icon
  */
-export declare const Icon: ({ iconName, iconSize, className, ...props }: IconProps) => React.JSX.Element;
+export declare const Icon: ({ display, iconName, iconSize, verticalAlign, className, ...props }: IconProps) => React.JSX.Element;
 declare const svgData: {
     readonly angleDown: {
         readonly path: "M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z";
@@ -714,5 +724,5 @@ declare const svgData: {
         readonly width: "576";
     };
 };
-export declare const iconList: ("angleDown" | "angleLeft" | "angleRight" | "angleUp" | "anglesLeft" | "anglesRight" | "arrowDownToLine" | "arrowLeft" | "arrowRight" | "asterisk" | "banBug" | "bars" | "barsFilter" | "billboard" | "bitbucket" | "bluesky" | "bolt" | "boltPantheon" | "book" | "books" | "bracketRight" | "broomWide" | "building" | "buildings" | "calendarDays" | "ccAmex" | "ccDiscover" | "ccGeneric" | "ccMC" | "ccVisa" | "chartSimple" | "cloud" | "cloudArrowUp" | "cloudPlus" | "code" | "codeBranch" | "codeMerge" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "chartLine" | "chartNetwork" | "check" | "circle" | "circleExclamation" | "circleCheck" | "circleInfo" | "circleMinus" | "circleMinusOutline" | "circleNotch" | "circlePlus" | "circlePlusOutline" | "circleQuestion" | "circleXmark" | "command" | "comment" | "copy" | "desktop" | "diamondExclamation" | "diamonds4" | "discourse" | "download" | "drupal" | "ellipsis" | "ellipsisVertical" | "emptySet" | "envelope" | "exclamation" | "expand" | "externalLink" | "eye" | "eyeSlash" | "facebook" | "file" | "fileCheck" | "fileContract" | "fileCSV" | "fileDiff" | "fileExport" | "fileImport" | "fileLines" | "filePDF" | "fileZip" | "folder" | "folderTree" | "gear" | "github" | "gitlab" | "globe" | "globeLine" | "graduationCap" | "grid" | "gripDots" | "gripDotsVertical" | "heart" | "house" | "idCard" | "instagram" | "keySkeleton" | "laptop" | "laptopCode" | "leaf" | "lifeRing" | "linkedin" | "linkSimple" | "linkSimpleSlash" | "listCheck" | "lock" | "lockOpen" | "magnifyingGlass" | "memo" | "messages" | "minus" | "moon" | "paperclip" | "paperPlane" | "pen" | "phone" | "play" | "plus" | "quotesLeft" | "quotesRight" | "rectangleList" | "rocketLaunch" | "robot" | "rotate" | "rotateClock" | "rotateLeft" | "rotateRight" | "rss" | "save" | "server" | "shield" | "shovel" | "siren" | "sitemap" | "slack" | "slashForward" | "slidersSimple" | "snowflake" | "sparkles" | "squareCheck" | "squareCode" | "squareMinus" | "squarePen" | "squareQuestion" | "squareTerminal" | "star" | "sun" | "table" | "terminal" | "threads" | "thumbsDown" | "thumbsUp" | "trash" | "triangleExclamation" | "twitter" | "upload" | "user" | "userGear" | "userPlus" | "users" | "video" | "wavePulse" | "windowRestore" | "wordpress" | "wrench" | "xmark" | "xmarkLarge" | "xTwitter" | "youtube")[];
+export declare const iconList: PDSIcon[];
 export {};

package/_dist/components/navigation/DashboardNav/dashboard-nav-utilities.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PDSIcon } from '@components/icons/Icon/Icon';
 import { NavigationItem } from '@components/navigation/navigation-types';
 export declare const processDashboardNavLinkContent: (baseClass: string, linkContent: JSX.Element | string, links?: NavigationItem[], icon?: PDSIcon) => JSX.Element;

package/_dist/components/navigation/navigation-types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type NavigationItem = {
     /**
      * A boolean indicating whether the item is the active item.

package/_dist/components/navigation/navigation-utilities.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NavigationItem } from '@components/navigation/navigation-types';
 export declare const isActiveItem: (item: NavigationItem) => boolean;
 export declare const isActiveTrail: (item: NavigationItem) => boolean;

package/_dist/components/notifications/Toaster/useToast.d.ts

@@ -7,8 +7,4 @@ export declare enum ToastType {
     Success = "success",
     Info = "info"
 }
-export declare const useToast: () => [
-    (type: ToastType, message: string | ReactElement, options?: ToastOptions) => string | number,
-    typeof toastApi,
-    ReturnType<typeof cssTransition>
-];
+export declare const useToast: () => [(type: ToastType, message: string | ReactElement, options?: ToastOptions) => string | number, typeof toastApi, ReturnType<typeof cssTransition>];