@drivenets/design-system 0.14.0 → 0.16.0

package/src/components/ds-user-card/ds-user-card.types.ts

@@ -0,0 +1,26 @@
+import type { CSSProperties } from 'react';
+
+export interface DsUserCardProps {
+	/**
+	 * Full name shown as the title. Also drives the avatar initials fallback,
+	 * image alt text, and hover tooltip.
+	 */
+	name: string;
+	/**
+	 * Secondary line rendered under the name, such as an email address or role.
+	 */
+	subtitle?: string;
+	/**
+	 * Avatar image URL. Falls back to initials derived from `name` when omitted
+	 * or when the image fails to load.
+	 */
+	src?: string;
+	/**
+	 * Custom class name applied to the root element.
+	 */
+	className?: string;
+	/**
+	 * Custom inline styles applied to the root element.
+	 */
+	style?: CSSProperties;
+}

package/src/components/ds-user-card/index.ts

@@ -0,0 +1,2 @@
+export * from './ds-user-card';
+export * from './ds-user-card.types';

package/src/components/ds-vertical-tabs/ds-vertical-tabs.tsx

@@ -73,8 +73,14 @@ const DsVerticalTabsContent = ({ value, className, children }: DsVerticalTabsCon
 	);
 };
 
+DsVerticalTabsList.displayName = 'DsVerticalTabs.List';
+DsVerticalTabsTab.displayName = 'DsVerticalTabs.Tab';
+DsVerticalTabsContent.displayName = 'DsVerticalTabs.Content';
+
 DsVerticalTabs.List = DsVerticalTabsList;
 DsVerticalTabs.Tab = DsVerticalTabsTab;
 DsVerticalTabs.Content = DsVerticalTabsContent;
 
+DsVerticalTabs.displayName = 'DsVerticalTabs';
+
 export default DsVerticalTabs;

package/src/components/ds-workspace-layout/ds-workspace-layout.tsx

@@ -124,6 +124,14 @@ const LeftPanel = ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps) => {
 	return <aside {...rest} className={classNames(styles.leftPanel, className)} />;
 };
 
+Header.displayName = 'DsWorkspaceLayout.Header';
+SubHeader.displayName = 'DsWorkspaceLayout.SubHeader';
+Content.displayName = 'DsWorkspaceLayout.Content';
+Footer.displayName = 'DsWorkspaceLayout.Footer';
+Body.displayName = 'DsWorkspaceLayout.Body';
+SideMenu.displayName = 'DsWorkspaceLayout.SideMenu';
+LeftPanel.displayName = 'DsWorkspaceLayout.LeftPanel';
+
 DsWorkspaceLayout.Header = Header;
 DsWorkspaceLayout.SubHeader = SubHeader;
 DsWorkspaceLayout.Content = Content;
@@ -132,4 +140,6 @@ DsWorkspaceLayout.Body = Body;
 DsWorkspaceLayout.SideMenu = SideMenu;
 DsWorkspaceLayout.LeftPanel = LeftPanel;
 
+DsWorkspaceLayout.displayName = 'DsWorkspaceLayout';
+
 export default DsWorkspaceLayout;

package/src/index.ts

@@ -39,9 +39,11 @@ export * from './components/ds-popover';
 export * from './components/ds-progress-arc';
 export * from './components/ds-progress-donut';
 export * from './components/ds-progress-linear';
+export * from './components/ds-progress-task-bar';
 export * from './components/ds-radio-group';
 export * from './components/ds-segment-group';
 export * from './components/ds-select';
+export * from './components/ds-site-node';
 export * from './components/ds-skeleton';
 export * from './components/ds-smart-tabs';
 export * from './components/ds-spinner';
@@ -63,6 +65,7 @@ export * from './components/ds-toggle';
 export * from './components/ds-tooltip';
 export * from './components/ds-tree';
 export * from './components/ds-typography';
+export * from './components/ds-user-card';
 export * from './components/ds-vertical-tabs';
 export * from './components/ds-workspace-layout';
 export * from './utils/responsive';