@pantheon-systems/pds-toolkit-react 2.0.0-alpha.12 → 2.0.0-alpha.14

package/dist/index.source.d.ts

@@ -61,6 +61,8 @@ export * from './components/inputs/TextInput/TextInput';
 export * from './components/LinkNewWindow/LinkNewWindow';
 export * from './components/loading-indicators/Skeleton/Skeleton';
 export * from './components/loading-indicators/Spinner/Spinner';
+export * from './components/media/Picture/Picture';
+export * from './components/media/VideoEmbed/VideoEmbed';
 export * from './components/Modal/Modal';
 export * from './components/navigation/Breadcrumb/Breadcrumb';
 export * from './components/navigation/ButtonNav/ButtonNav';
@@ -92,7 +94,6 @@ export * from './components/panels/Panel/Panel';
 export * from './components/panels/PanelList/PanelList';
 export * from './components/panels/PanelList/PanelRow';
 export * from './components/PantheonLogo/PantheonLogo';
-export * from './components/Picture/Picture';
 export * from './components/Popover/Popover';
 export * from './components/progress-indicators/ProgressBar/ProgressBar';
 export * from './components/progress-indicators/ProgressRing/ProgressRing';
@@ -113,19 +114,18 @@ export * from './components/tiles/AvatarTileList/AvatarTileList';
 export * from './components/tiles/Tile/Tile';
 export * from './components/tiles/TileGrid/TileGrid';
 export * from './components/Tooltip/Tooltip';
-export * from './components/VideoEmbed/VideoEmbed';
 export * from './libs/components/SiteOptionDisplay/SiteOptionDisplay';
 export * from './layouts/AppLayout/AppLayout';
-export * from './layouts/Container/Container';
 export * from './layouts/DashboardGlobal/DashboardGlobal';
 export * from './layouts/DashboardInner/DashboardInner';
 export * from './layouts/DocsLayout/DocsLayout';
-export * from './layouts/FlexContainer/FlexContainer';
 export * from './layouts/GlobalWrapper/GlobalWrapper';
 export * from './layouts/SidebarLayout/SidebarLayout';
 export * from './layouts/StepperLayout/StepperLayout';
 export * from './layouts/ThreeItemLayout/ThreeItemLayout';
 export * from './layouts/TwoItemLayout/TwoItemLayout';
+export * from './utilities/Container/Container';
+export * from './utilities/FlexContainer/FlexContainer';
 export * from './libs/types/custom-types';
 export * from './libs/types/input-types';
 export * from './libs/types/layout-types';

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

@@ -46,6 +46,10 @@ export type LinkItemType = {
      * Optional icon for this item. Choose from available icons in the Icon component.
      */
     iconName?: PDSIcon;
+    /**
+     * Size of the icon. Defaults to 's'.
+     */
+    iconSize?: IconSize;
     /**
      * Is this a critical action item?
      */
@@ -85,6 +89,10 @@ export type MenuItemType = {
      * Optional icon for this item. Choose from available icons in the Icon component.
      */
     iconName?: PDSIcon;
+    /**
+     * Size of the icon. Defaults to 's'.
+     */
+    iconSize?: IconSize;
     /**
      * Optional ID value for this item.
      */

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

@@ -31,7 +31,7 @@ export interface NavMenuItem {
     id?: string;
     isActive?: boolean | null;
     isSeparator?: boolean;
-    label: string;
+    label?: string;
     linkContent?: ReactElement;
     links?: NavMenuItem[];
 }

package/dist/svg/pause.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
+  <path d="M48 80l0 352 64 0 0-352-64 0zM0 80C0 53.5 21.5 32 48 32l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48L0 80zm272 0l0 352 64 0 0-352-64 0zm-48 0c0-26.5 21.5-48 48-48l64 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-64 0c-26.5 0-48-21.5-48-48l0-352z"/>
+</svg>

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.12",
+	"version": "2.0.0-alpha.14",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -52,7 +52,7 @@
 		"prestorybook": "node scripts/filter-exports-by-tags.js && npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run generate:ux-writing-search-index && npm run generate:ux-writing-guide",
 		"storybook": "storybook dev -p 6006",
 		"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_ENV=production storybook build",
+		"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",
 		"verify:mcp": "node scripts/verify-mcp-build.js",
@@ -154,13 +154,13 @@
 		"vite-tsconfig-paths": "^4.3.2"
 	},
 	"peerDependencies": {
-		"react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-		"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+		"react": "^18.0.0 || ^19.0.0",
+		"react-dom": "^18.0.0 || ^19.0.0"
 	},
 	"dependencies": {
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.34",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.36",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
 		"downshift": "^9.0.8",
@@ -177,7 +177,7 @@
 		"react-day-picker": "^9.11.1",
 		"react-device-detect": "^2.2.3",
 		"react-hotkeys-hook": "^4.5.1",
-		"react-toastify": "^9.0.3",
+		"react-toastify": "^10.0.6",
 		"recharts": "^3.8.1"
 	},
 	"optionalDependencies": {

package/dist/css/layout-css/pds-flex-container.css

@@ -1 +0,0 @@
-.pds-flex-container{display:flex}.pds-flex-direction--row{flex-direction:row}.pds-flex-direction--row-reverse{flex-direction:row-reverse}.pds-flex-direction--column{flex-direction:column}.pds-flex-direction--column-reverse{flex-direction:column-reverse}.pds-flex--nowrap{flex-wrap:nowrap}.pds-flex-wrap--wrap{flex-wrap:wrap}.pds-flex-wrap--wrap-reverse{flex-wrap:wrap-reverse}.pds-flex-justify--flex-start{justify-content:flex-start}.pds-flex-justify--flex-end{justify-content:flex-end}.pds-flex-justify--center{justify-content:center}.pds-flex-justify--space-between{justify-content:space-between}.pds-flex-justify--space-around{justify-content:space-around}.pds-flex-justify--space-evenly{justify-content:space-evenly}.pds-flex-align-items--flex-start{align-items:flex-start}.pds-flex-align-items--flex-end{align-items:flex-end}.pds-flex-align-items--center{align-items:center}.pds-flex-align-items--stretch{align-items:stretch}.pds-flex-align-items--baseline{align-items:baseline}.pds-flex-align-content--flex-start{align-content:flex-start}.pds-flex-align-content--flex-end{align-content:flex-end}.pds-flex-align-content--center{align-content:center}.pds-flex-align-content--space-between{align-content:space-between}.pds-flex-align-content--space-around{align-content:space-around}.pds-flex-align-content--stretch{align-content:stretch}.pds-gap--none{gap:0}.pds-flex-gap--minimal{gap:var(--pds-spacing-s)}.pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-m-gap-narrow)}.pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-m-gap-standard)}.pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-m-gap-wide)}@media (min-width:1280px){.pds-flex-gap--minimal{gap:var(--pds-spacing-m)}.pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-l-gap-narrow)}.pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-l-gap-standard)}.pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-l-gap-wide)}}.pds-flex-container--mobile .pds-flex-gap--minimal{gap:var(--pds-spacing-s)}.pds-flex-container--mobile .pds-flex-gap--narrow{gap:var(--pds-grid-columns-12-bp-m-gap-narrow)}.pds-flex-container--mobile .pds-flex-gap--standard{gap:var(--pds-grid-columns-12-bp-m-gap-standard)}.pds-flex-container--mobile .pds-flex-gap--wide{gap:var(--pds-grid-columns-12-bp-m-gap-wide)}