@pantheon-systems/pds-toolkit-react 2.0.0-alpha.32 → 2.0.0-alpha.34

package/dist/layouts/AppLayout/AppLayout.d.ts

@@ -55,7 +55,7 @@ export interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
     };
     /**
      * Background color for the main content area. Use a PDS CSS custom property
-     * (e.g. 'var(--pds-color-bg-default-secondary)') so dark mode works automatically.
+     * (e.g. 'var(--pds-color-surface-default-secondary)') so dark mode works automatically.
      */
     mainBackground?: string;
     /**
@@ -81,7 +81,7 @@ export interface AppLayoutProps extends ComponentPropsWithoutRef<'div'> {
     scrollableContent?: boolean;
     /**
      * Background color for the sidebar. Use a PDS CSS custom property
-     * (e.g. 'var(--pds-color-bg-default)') so dark mode works automatically.
+     * (e.g. 'var(--pds-color-surface-default)') so dark mode works automatically.
      */
     sidebarBackground?: string;
     /**

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { PDSIcon } from '../../components/icons/Icon/Icon';
 export type ButtonDisplayType = 'label-only' | 'icon-start' | 'icon-end';
-export type ButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl';
+export type ButtonSize = 'xs' | 's' | 'm' | 'l';
 export type ButtonType = 'button' | 'submit' | 'reset';
-export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'accent' | 'reverse' | 'reverse-secondary' | 'critical' | 'critical-secondary' | 'navbar' | 'inline';
+export type ButtonVariant = 'primary' | 'secondary' | 'subtle' | 'brand' | 'highlight' | 'reverse' | 'reverse-secondary' | 'critical' | 'critical-secondary' | 'inline';
 export type ContainerWidth = 'narrow' | 'standard' | 'wide' | 'x-wide' | 'full';
 export type DataContext = 'product' | 'marketing';
 export type Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'flow-root' | 'none' | 'contents' | 'table' | 'table-row' | 'table-cell' | 'table-caption' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row-group' | 'list-item' | 'inherit' | 'initial' | 'revert' | 'unset';

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.32",
+	"version": "2.0.0-alpha.34",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -113,7 +113,7 @@
 		"@types/react": "^19.2.14",
 		"@typescript-eslint/eslint-plugin": "^8.59.3",
 		"@typescript-eslint/parser": "^8.59.3",
-		"@vitejs/plugin-react": "^4.3.0",
+		"@vitejs/plugin-react": "^6.0.2",
 		"@vueless/storybook-dark-mode": "^9.0.9",
 		"axe-html-reporter": "^2.2.3",
 		"chromatic": "^13.3.4",
@@ -149,7 +149,7 @@
 		"storybook": "^10.4.0",
 		"tsc-alias": "^1.8.17",
 		"typescript": "^5.4.5",
-		"vite": "^7.3.3",
+		"vite": "^8.0.16",
 		"vite-plugin-lib-inject-css": "^2.1.1",
 		"vite-tsconfig-paths": "^4.3.2"
 	},
@@ -163,7 +163,7 @@
 		"@dnd-kit/utilities": "^3.2.2",
 		"@floating-ui/react": "^0.24.3",
 		"@floating-ui/react-dom": "~1.3.0",
-		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.43",
+		"@pantheon-systems/pds-design-tokens": "^2.0.0-alpha.47",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
 		"downshift": "^9.3.2",