@pantheon-systems/pds-toolkit-react 1.0.0-dev.208 → 1.0.0-dev.209

package/_dist/libs/components/utility-components.d.ts

@@ -3,11 +3,13 @@ import { HeadingLevel } from '@libs/types/custom-types';
 interface HxProps {
     baseClass?: string;
     children?: ReactNode;
-    className?: string;
+    id?: string;
     level: HeadingLevel;
+    className?: string;
 }
-export declare const Hx: ({ baseClass, children, level, className, ...props }: HxProps) => React.DetailedReactHTMLElement<{
+export declare const Hx: ({ baseClass, children, id, level, className, ...props }: HxProps) => React.DetailedReactHTMLElement<{
     className: any;
+    id: string;
 }, HTMLElement>;
 export declare const extractText: (node: ReactNode) => string;
 export {};

package/_dist/mocks/data/pagination-items.d.ts

@@ -0,0 +1,16 @@
+export declare const paginationItemsSites: {
+    sitename: string;
+    dateCreated: string;
+    user: string;
+    upstream: string;
+    plan: string;
+    status: string;
+}[];
+export declare const paginationItemsUsers: {
+    id: number;
+    first_name: string;
+    last_name: string;
+    job_title: string;
+    email: string;
+    phone: string;
+}[];

package/_dist/mocks/markup/dashboard-main-content.d.ts

@@ -5,12 +5,6 @@ export declare const DemoDashboardInnerHeaderLeft: ({ slot: _slot, }: {
 export declare const DemoDashboardInnerHeaderRight: ({ slot: _slot, }: {
     slot?: string;
 }) => React.JSX.Element;
-export declare const DemoDashboardInnerHeaderBelow: ({ slot: _slot, }: {
-    slot?: string;
-}) => React.JSX.Element;
-export declare const DemoDashboardInnerSidebar: ({ slot: _slot, }: {
-    slot?: string;
-}) => React.JSX.Element;
-export declare const DemoDashboardMainContent: ({ slot: _slot, }: {
+export declare const DemoDashboardContent: ({ slot: _slot }: {
     slot?: string;
 }) => React.JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "1.0.0-dev.208",
+	"version": "1.0.0-dev.209",
 	"description": "PDS toolkit built using the React framework",
 	"repository": {
 		"type": "git",
@@ -135,7 +135,7 @@
 	"dependencies": {
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.145",
+		"@pantheon-systems/pds-design-tokens": "^1.0.0-dev.147",
 		"@reactuses/core": "^5.0.15",
 		"focus-trap-react": "^10.2.1",
 		"hash-sum": "^2.0.0",

package/_dist/components/Pager/AdvancedPagination.d.ts

@@ -1,4 +0,0 @@
-export function AdvancedPagination({ ...props }: {
-    [x: string]: any;
-}): React.JSX.Element;
-import React from 'react';

package/_dist/components/Pager/BasicPagination.d.ts

@@ -1,4 +0,0 @@
-export function BasicPagination({ ...props }: {
-    [x: string]: any;
-}): React.JSX.Element;
-import React from 'react';

package/_dist/components/Pager/MiniPagination.d.ts

@@ -1,4 +0,0 @@
-export function MiniPagination({ ...props }: {
-    [x: string]: any;
-}): React.JSX.Element;
-import React from 'react';

package/_dist/components/Pager/NavigationButton.d.ts

@@ -1,13 +0,0 @@
-export function NavigationButton({ arrowText, direction, ...props }: {
-    [x: string]: any;
-    arrowText?: any;
-    direction: any;
-}): React.JSX.Element;
-export namespace NavigationButton {
-    namespace propTypes {
-        let arrowText: PropTypes.Requireable<string>;
-        let direction: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

package/_dist/components/Pager/Pager.d.ts

@@ -1,24 +0,0 @@
-export function Pager({ buttonCallback, headingId, pages, paginationItemClickHandler, render, type, ...props }: {
-    [x: string]: any;
-    buttonCallback?: any;
-    headingId?: string;
-    pages: any;
-    paginationItemClickHandler?: any;
-    render?: any;
-    type?: string;
-}): React.JSX.Element;
-export namespace Pager {
-    namespace propTypes {
-        let buttonCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        let headingId: PropTypes.Requireable<string>;
-        let pages: PropTypes.Validator<PropTypes.InferProps<{
-            href: PropTypes.Requireable<string>;
-        }>[]>;
-        let paginationItemClickHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let render: PropTypes.Requireable<(...args: any[]) => any>;
-        let type: PropTypes.Requireable<string>;
-        let className: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

package/_dist/components/Pager/PagerContext.d.ts

@@ -1,23 +0,0 @@
-export const PagerContext: React.Context<{}>;
-export function ContextProvider({ pages, render, paginationItemClickHandler, headingId, buttonCallback, children, }: {
-    pages: any;
-    render?: any;
-    paginationItemClickHandler?: any;
-    headingId?: string;
-    buttonCallback?: any;
-    children: any;
-}): React.JSX.Element;
-export namespace ContextProvider {
-    namespace propTypes {
-        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-        let render: PropTypes.Requireable<(...args: any[]) => any>;
-        let paginationItemClickHandler: PropTypes.Requireable<(...args: any[]) => any>;
-        let buttonCallback: PropTypes.Requireable<(...args: any[]) => any>;
-        let pages: PropTypes.Validator<PropTypes.InferProps<{
-            link: PropTypes.Requireable<string>;
-        }>[]>;
-        let headingId: PropTypes.Requireable<string>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

package/_dist/components/Pager/PagerItem.d.ts

@@ -1,14 +0,0 @@
-export function PagerItem({ index, page, ...props }: {
-    [x: string]: any;
-    index: any;
-    page: any;
-}): React.JSX.Element;
-export namespace PagerItem {
-    namespace propTypes {
-        let index: PropTypes.Validator<number>;
-        let page: PropTypes.Validator<NonNullable<NonNullable<string | object>>>;
-        let render: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import React from 'react';
-import PropTypes from 'prop-types';

package/_dist/components/Pager/usePaginationUI.d.ts

@@ -1 +0,0 @@
-export default function usePaginationUI(pages: any, currentPages: any, setCurrentPages: any, currentKey: any, itemLength: any, pageDirection: any): void;

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

@@ -1 +0,0 @@
-.pds-pager__items{column-gap:.41rem;font-family:Poppins,sans-serif;font-weight:600;list-style-type:none}.pds-pager__items,.pds-pager__items a{align-items:center;color:var(--pds-color-foreground-default);display:flex;justify-content:center}.pds-pager__items a{border-radius:.1875rem;line-height:1;min-width:1.953rem;padding:.512rem 0;text-decoration:none;transition:all .2s ease-in-out 0s}.pds-pager__items a:active,.pds-pager__items a:hover{background-color:var(--pds-color-interactive-background-hover);color:var(--pds-color-interactive-link-hover);outline:none;text-decoration:none}.pds-pager__items a:active{background-color:#e2dff5;color:var(--pds-color-interactive-link-hover)}.pds-pager__items a:focus{outline:0}.pds-pager__items a:focus-visible{outline:.125rem solid var(--pds-color-interactive-focus)}.pds-pager__items option,.pds-pager__items select{font-size:.833rem}.pds-pager__mini .pds-pager__items{justify-content:inherit}.pds-pager__mini .pds-select label{display:none}.pds-pager__mini .pds-select-input{height:32px;line-height:1.2rem!important}.pds-pager__mini .pds-select-input span{font-size:.833rem;font-weight:400;text-overflow:clip!important}.pds-pager__mini ul [role=listbox] li{font-weight:400}@media (--breakpoint-s ){.pds-pager__item--first,.pds-pager__item--last{display:none}}.pds-pager__item--first a,.pds-pager__item--last a{padding-inline:.41rem}.pds-pager__item--navigation-text a{font-size:.833rem;padding:.512rem .64rem}.pds-pager__item--navigation-text-left svg{margin-inline-end:.512rem}.pds-pager__item--navigation-text-right svg{margin-inline-start:.512rem}.pds-pager__items-advanced,.pds-pager__items-mini{font-weight:400}.pds-pager__item,.pds-pager__item--navigation{cursor:pointer}.pds-pager__item button{background-color:transparent;border:none;font-weight:600;padding:0}.pds-pager__icon{height:1rem}.pds-pager__item--active a,.pds-pager__item--active a:hover{background-color:var(--pds-color-interactive-background-active);color:#e2dff5}