@pantheon-systems/pds-toolkit-react 2.0.0-beta.1 → 2.0.0-beta.10

package/dist/index.source.d.ts

@@ -51,11 +51,13 @@ export * from './components/inputs/TagsInput/TagsInput';
 export * from './components/inputs/Textarea/Textarea';
 export * from './components/inputs/TextInput/TextInput';
 export * from './components/inputs/Timepicker/Timepicker';
+export * from './components/inputs/WorkspacePicker/WorkspacePicker';
 export * from './components/links/CTALink/CTALink';
 export * from './components/links/LinkNewWindow/LinkNewWindow';
 export * from './components/links/Skiplink/Skiplink';
 export * from './components/loading-indicators/Skeleton/Skeleton';
 export * from './components/loading-indicators/Spinner/Spinner';
+export * from './components/media/Illustration/Illustration';
 export * from './components/media/Picture/Picture';
 export * from './components/media/VideoEmbed/VideoEmbed';
 export * from './components/navigation/BookmarksMenu/BookmarksMenu';

package/dist/layouts/SidebarLayout/SidebarLayout.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GapScale } from '../../libs/types/layout-types';
+import { ContainerStackBreakpoint, GapScale } from '../../libs/types/layout-types';
 import './sidebar-layout.css';
 /**
  * Prop types for SidebarLayout
@@ -63,9 +63,16 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Minimum width of the sidebar in rems. Ensures the sidebar remains usable on medium-sized screens.
      */
     sidebarWidthMin?: number;
+    /**
+     * When a `second-sidebar` is present, merges it with the primary sidebar
+     * into one stacked column once this element's own width drops below the
+     * threshold, instead of dropping straight to the full `[data-pds-mobile]`
+     * stack. No effect without a `second-sidebar` slot.
+     */
+    stackSidebarsBelow?: ContainerStackBreakpoint;
 }
 /**
  * SidebarLayout UI component
  */
-export declare const SidebarLayout: ({ children, className, gridGap, mobileGridGap, secondSidebarMobileLocation, secondSidebarWidth, secondSidebarWidthMax, secondSidebarWidthMin, sidebarLocation, sidebarMobileLocation, sidebarWidth, sidebarWidthMax, sidebarWidthMin, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarLayout: ({ children, className, gridGap, mobileGridGap, secondSidebarMobileLocation, secondSidebarWidth, secondSidebarWidthMax, secondSidebarWidthMin, sidebarLocation, sidebarMobileLocation, sidebarWidth, sidebarWidthMax, sidebarWidthMin, stackSidebarsBelow, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/libs/components/WorkspaceListItem/WorkspaceListItem.d.ts

@@ -31,10 +31,11 @@ export interface WorkspaceListItemProps extends ComponentPropsWithoutRef<'div'>
     workspace: WorkspaceSelectorItem;
 }
 /**
- * Shared avatar/name/status markup for a single workspace, used by both
- * `WorkspaceSelector` (dropdown menu item) and `WorkspaceSelectorPanel`
- * (embedded list item). Intentionally has no interactive wrapper, list
- * semantics, or ARIA role of its own -- each caller owns those, since the
- * two components' items differ (menuitem vs. plain list item).
+ * Shared avatar/name/status markup for a single workspace, used by
+ * `WorkspaceSelector` (dropdown menu item), `WorkspaceSelectorPanel`
+ * (embedded list item), and `WorkspacePicker` (selectable list item).
+ * Intentionally has no interactive wrapper, list semantics, or ARIA role of
+ * its own -- each caller owns those, since their items differ (menuitem vs.
+ * plain list item vs. selectable button).
  */
 export declare const WorkspaceListItem: ({ avatarSize, className, showActiveState, workspace, ...props }: WorkspaceListItemProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-beta.1",
+	"version": "2.0.0-beta.10",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -47,7 +47,7 @@
 	],
 	"type": "module",
 	"scripts": {
-		"prebuild:lib": "node scripts/generate-icon-data.js && node scripts/filter-exports-by-tags.js --filter",
+		"prebuild:lib": "node scripts/generate-icon-data.js && node scripts/generate-illustration-data.js && node scripts/filter-exports-by-tags.js --filter",
 		"build:lib": "vite build && npm run build:types",
 		"build:types": "tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json",
 		"postbuild:lib": "npm run build:css && npm run build:css:components && npm run build:css:layouts && npm run build:css:packageExtraCss && npm run generate:svg-icons",
@@ -88,6 +88,8 @@
 		"generate:component": "plop component",
 		"generate:icon": "plop icon",
 		"generate:icon-data": "node scripts/generate-icon-data.js",
+		"generate:illustration": "plop illustration",
+		"generate:illustration-data": "node scripts/generate-illustration-data.js",
 		"generate:svg-icons": "node scripts/generate-svg-files.js",
 		"generate:layout": "plop layout",
 		"generate:foundation": "plop foundation",
@@ -113,9 +115,13 @@
 	"devDependencies": {
 		"@arethetypeswrong/cli": "^0.15.3",
 		"@axe-core/playwright": "^4.11.3",
+		"@babel/generator": "^8.0.6",
+		"@babel/parser": "^7.29.9",
 		"@babel/preset-env": "^7.29.5",
 		"@babel/preset-react": "^7.18.6",
 		"@babel/preset-typescript": "^7.28.5",
+		"@babel/traverse": "^8.0.6",
+		"@babel/types": "^8.0.6",
 		"@csstools/postcss-design-tokens": "^2.0.4",
 		"@csstools/postcss-global-data": "^1.0.3",
 		"@fortawesome/free-brands-svg-icons": "7.2.0",
@@ -129,6 +135,8 @@
 		"@storybook/addon-webpack5-compiler-swc": "^4.0.3",
 		"@storybook/react-vite": "^10.4.0",
 		"@storybook/react-webpack5": "^10.4.0",
+		"@svgr/core": "^8.1.0",
+		"@svgr/plugin-jsx": "^8.1.0",
 		"@types/prismjs": "^1.26.6",
 		"@types/react": "^19.2.14",
 		"@typescript-eslint/eslint-plugin": "^8.59.3",
@@ -145,6 +153,7 @@
 		"eslint-plugin-import": "^2.32.0",
 		"eslint-plugin-prettier": "^5.5.5",
 		"eslint-plugin-react": "^7.32.2",
+		"eslint-plugin-react-google-translate": "^1.1.0",
 		"eslint-plugin-react-hooks": "^7.1.1",
 		"eslint-plugin-simple-import-sort": "^12.1.1",
 		"eslint-plugin-sort-destructure-keys": "^2.0.0",
@@ -186,7 +195,7 @@
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
 		"@internationalized/date": "^3.12.2",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-beta.0",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-beta.1",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
 		"downshift": "^9.3.2",
@@ -209,7 +218,8 @@
 	},
 	"overrides": {
 		"@babel/plugin-transform-modules-systemjs": "^7.29.4",
-		"fast-uri": "^3.1.7",
+		"webpack-dev-middleware": "^7.4.6",
+		"fast-uri": "^3.1.8",
 		"hono": "^4.12.18",
 		"ip-address": "^10.1.1",
 		"js-yaml": "^4.3.2",