@pantheon-systems/pds-toolkit-react 2.0.0-alpha.84 → 2.0.0-alpha.85

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -92,6 +92,7 @@ export * from './components/panels/PanelList/PanelList';
92
92
  export * from './components/panels/PanelList/PanelRow';
93
93
  export * from './components/panels/PanelStack/PanelStack';
94
94
  export * from './components/panels/WidgetPanel/WidgetPanel';
95
+ export * from './components/panels/WorkspaceSelectorPanel/WorkspaceSelectorPanel';
95
96
  export * from './components/PantheonLogo/PantheonLogo';
96
97
  export * from './components/Popover/Popover';
97
98
  export * from './components/progress-indicators/ProgressBar/ProgressBar';
@@ -0,0 +1,40 @@
1
+ import { ComponentPropsWithoutRef } from 'react';
2
+ import { AvatarProps } from '../../../components/identity/Avatar/Avatar';
3
+ import type { WorkspaceSelectorItem } from '../../../components/navigation/WorkspaceSelector/WorkspaceSelector';
4
+ import './workspace-list-item.css';
5
+ /**
6
+ * Prop types for WorkspaceListItem
7
+ */
8
+ export interface WorkspaceListItemProps extends ComponentPropsWithoutRef<'div'> {
9
+ /**
10
+ * Avatar size -- callers pick the size that matches their own item
11
+ * density (e.g. a compact dropdown vs. a roomier embedded list).
12
+ * @default 'm'
13
+ */
14
+ avatarSize?: AvatarProps['size'];
15
+ /**
16
+ * Additional class names
17
+ */
18
+ className?: string;
19
+ /**
20
+ * Shows the active-workspace check mark when `workspace.isActive` is
21
+ * set. Only meaningful for a component with a concept of "the workspace
22
+ * I'm currently in" (e.g. `WorkspaceSelector`'s dropdown) -- a
23
+ * homepage-only embedded list never has one, since selecting an item
24
+ * always navigates away rather than reflecting a current page.
25
+ * @default true
26
+ */
27
+ showActiveState?: boolean;
28
+ /**
29
+ * Workspace to render.
30
+ */
31
+ workspace: WorkspaceSelectorItem;
32
+ }
33
+ /**
34
+ * Shared avatar/name/status markup for a single workspace, used by both
35
+ * `WorkspaceSelector` (dropdown menu item) and `WorkspaceSelectorPanel`
36
+ * (embedded list item). Intentionally has no interactive wrapper, list
37
+ * semantics, or ARIA role of its own -- each caller owns those, since the
38
+ * two components' items differ (menuitem vs. plain list item).
39
+ */
40
+ export declare const WorkspaceListItem: ({ avatarSize, className, showActiveState, workspace, ...props }: WorkspaceListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
2
+ <path d="M512 336l-352 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l117.5 0c4.2 0 8.3 1.7 11.3 4.7l35.9 35.9c15 15 35.4 23.4 56.6 23.4L512 112c8.8 0 16 7.2 16 16l0 192c0 8.8-7.2 16-16 16zM160 384l352 0c35.3 0 64-28.7 64-64l0-192c0-35.3-28.7-64-64-64L381.3 64c-8.5 0-16.6-3.4-22.6-9.4L322.7 18.7C310.7 6.7 294.5 0 277.5 0L160 0C124.7 0 96 28.7 96 64l0 256c0 35.3 28.7 64 64 64zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120L0 416c0 35.3 28.7 64 64 64l392 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L64 432c-8.8 0-16-7.2-16-16l0-296z"/>
3
+ </svg>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantheon-systems/pds-toolkit-react",
3
3
  "technology": "React",
4
- "version": "2.0.0-alpha.84",
4
+ "version": "2.0.0-alpha.85",
5
5
  "description": "PDS toolkit built using the React framework",
6
6
  "publishConfig": {
7
7
  "access": "public",