@openfin/ui-library 0.15.6 → 0.16.0-alpha.1683726601

package/README.md

@@ -2,10 +2,9 @@
 
 > React component library for OpenFin Workspace products – Informed by [Spatial](https://www.figma.com/file/0Y3pKZj0tJWuleF12h5Sua/Spatial---Components).
 
-**Storybook:** [openfin-ui.netlify.com](https://openfin-ui.netlify.com) (pw: pizza)
+**Storybook:** [cdn.openfin.co/workspace/storybook](https://cdn.openfin.co/workspace/storybook)
 **NPM Package:** [@openfin/ui-library](https://www.npmjs.com/package/@openfin/ui-library)
 
-[![Netlify Status](https://api.netlify.com/api/v1/badges/8fc15443-c69c-473b-b5cf-c5dbc516b0bf/deploy-status)](https://app.netlify.com/sites/openfin-ui/deploys)
 ![Release Package](https://github.com/openfin/ui-library/actions/workflows/release-package.yml/badge.svg)
 
 ## What is this for?

package/dist/components/layout/Box/box.d.ts

@@ -30,12 +30,12 @@ export declare const Box: import("styled-components").StyledComponent<"div", imp
     flexDirection?: BoxTypes.FlexDirection | undefined;
     flexWrap?: BoxTypes.FlexWrap | undefined;
     justifyContent?: BoxTypes.JustifyContent | undefined;
-    gap?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    gap?: "small" | "base" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
     alignSelf?: BoxTypes.AlignSelf | undefined;
     flexBasis?: string | undefined;
     flexGrow?: 0 | 1 | undefined;
     flexShrink?: 0 | 1 | undefined;
     order?: number | undefined;
     background?: BoxTypes.BackgroundLevel | undefined;
-    padding?: "base" | "small" | "xsmall" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
+    padding?: "small" | "base" | "large" | "xsmall" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | undefined;
 }, never>;

package/dist/components/layout/DefinitionList/definitionList.d.ts

@@ -1,5 +1,10 @@
 import React from 'react';
 export interface DefinitionListProps extends React.HTMLAttributes<HTMLDListElement> {
-    definitions: Map<string, string>;
+    /**
+     * A map of key-value pairs to be displayed in the list.
+     *
+     * Using a `Map` is deprecated and will be removed in a future release.
+     */
+    definitions: Map<string, string> | [string, string][];
 }
 export declare const DefinitionList: React.FC<DefinitionListProps>;

package/dist/components/templates/ContactCard/ContactStatusIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { ContactCardProps } from './contactCard';
+interface ContactStatusIconProps {
+    onlineStatus?: ContactCardProps['onlineStatus'];
+}
+export declare const ContactStatusIcon: React.FC<ContactStatusIconProps>;
+export {};

package/dist/components/templates/ContactCard/PresenceIcons.d.ts

@@ -0,0 +1,4 @@
+export declare const CheckSVG: () => JSX.Element;
+export declare const BusySVG: () => JSX.Element;
+export declare const DoNotDisturbSVG: () => JSX.Element;
+export declare const OfflineSVG: () => JSX.Element;

package/dist/components/templates/ContactCard/contactCard.d.ts

@@ -18,7 +18,13 @@ export interface ContactCardProps extends React.HTMLAttributes<HTMLDivElement> {
     useInitials?: boolean;
     /**
      * An array of detail list objects that can be used for logical grouping of contact details.
+     *
+     * Passing a Map is deprecated and will be removed in a future release.
      */
-    details: Map<string, string>[];
+    details: Map<string, string>[] | [string, string][][];
+    /**
+     * The contact's online status.
+     */
+    onlineStatus?: 'offline' | 'do-not-disturb' | 'busy' | 'away' | 'available';
 }
 export declare const ContactCard: React.FC<ContactCardProps>;

package/dist/components/templates/utils/name.d.ts

@@ -1,2 +1 @@
 export declare const getInitials: (name: string) => string;
-export declare const getColorForName: (name?: string) => string;