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

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

@@ -3,7 +3,7 @@ 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 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' | 'navbar' | '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.33",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",
@@ -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.45",
 		"@reactuses/core": "^5.0.15",
 		"date-fns": "^4.1.0",
 		"downshift": "^9.3.2",