@pantheon-systems/pds-toolkit-react 2.0.0-alpha.81 → 2.0.0-alpha.83

package/dist/index.source.d.ts

@@ -1,4 +1,3 @@
-export * from './components/Avatar/Avatar';
 export * from './components/badges/Badge/Badge';
 export * from './components/badges/StatusBadge/StatusBadge';
 export * from './components/badges/Tally/Tally';
@@ -34,7 +33,9 @@ export * from './components/FileDiff/FileDiff';
 export * from './components/icons/Icon/Icon';
 export * from './components/icons/PaymentIcon/PaymentIcon';
 export * from './components/icons/PlatformIcon/PlatformIcon';
-export * from './components/IdentityBlock/IdentityBlock';
+export * from './components/identity/Avatar/Avatar';
+export * from './components/identity/AvatarLabel/AvatarLabel';
+export * from './components/identity/IdentityBlock/IdentityBlock';
 export * from './components/inputs/Checkbox/Checkbox';
 export * from './components/inputs/CheckboxFieldset/CheckboxFieldset';
 export * from './components/inputs/CheckboxGroup/CheckboxGroup';

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

@@ -20,6 +20,11 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
      * Defaults to `xl`.
      */
     gridGap?: GapScale;
+    /**
+     * Gap on mobile, when the sidebar(s) stack above/below the main content.
+     * If not set, will default to the same value as `gridGap`.
+     */
+    mobileGridGap?: GapScale;
     /**
      * Mobile position of the `second-sidebar` slot: `'before'` or `'after'` (default) the main content.
      * When both sidebars resolve to `'after'`, they stack in the same left-to-right order they have
@@ -62,5 +67,5 @@ interface SidebarLayoutProps extends ComponentPropsWithoutRef<'div'> {
 /**
  * SidebarLayout UI component
  */
-export declare const SidebarLayout: ({ children, className, gridGap, 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, ...props }: SidebarLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,5 @@
 export type GapScale = 'none' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export type ContainerStackBreakpoint = 's' | 'm' | 'l' | 'xl';
 export type PaddingScale = 'none' | 'condensed' | 'standard' | 'spacious';
 export type CardPaddingScale = Exclude<PaddingScale, 'none'>;
 export type CardBackground = 'default' | 'secondary' | 'transparent';

package/dist/utilities/FlexContainer/FlexContainer.d.ts

@@ -49,7 +49,7 @@ interface FlexContainerProps extends ComponentPropsWithoutRef<'div'> {
      */
     mobileAlignItems?: FlexAlignItems;
     /**
-     * Flex direction for mobile.
+     * Flex direction for mobile. If not set, will default to the same value as `flexDirection`.
      */
     mobileFlexDirection?: FlexDirection;
     /**

package/dist/utilities/grid/Grid.d.ts

@@ -1,7 +1,6 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-import { GapScale } from '../../libs/types/layout-types';
+import { ContainerStackBreakpoint, GapScale } from '../../libs/types/layout-types';
 import './grid.css';
-type GridStackBreakpoint = 's' | 'm' | 'l' | 'xl';
 /**
  * Prop types for Grid
  */
@@ -44,7 +43,7 @@ export interface GridProps extends ComponentPropsWithoutRef<'div'> {
      * `l` 60rem, `xl` 75rem). Implies `asContainer`. For an off-scale threshold,
      * use `asContainer` with your own `@container` rule instead.
      */
-    stackBelow?: GridStackBreakpoint;
+    stackBelow?: ContainerStackBreakpoint;
 }
 /**
  * Grid layout component — a typed wrapper over the `pds-grid` utility classes.
@@ -55,4 +54,3 @@ export interface GridProps extends ComponentPropsWithoutRef<'div'> {
  * also be used directly without this component.
  */
 export declare const Grid: ({ asContainer, children, className, dense, gap, mobileGap, stackBelow, ...props }: GridProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@pantheon-systems/pds-toolkit-react",
 	"technology": "React",
-	"version": "2.0.0-alpha.81",
+	"version": "2.0.0-alpha.83",
 	"description": "PDS toolkit built using the React framework",
 	"publishConfig": {
 		"access": "public",