npm - @openfin/ui-library - Versions diffs - 0.31.3-alpha.20251106171135 → 0.31.3 - Mend

@@ -0,0 +1,42 @@
+import type { DefaultTheme } from 'styled-components';
+import type { FontFamily, FontSize, FontWeight, IconSize, LineHeight, Radius, Shadow, Size, Transition, Unit, UnitPx } from './constants';
+import { Palette } from './palette';
+import type { IconSet } from './iconSet';
+export type FontFamilyType = keyof typeof FontFamily;
+export type FontSizeType = keyof typeof FontSize;
+export type FontWeightType = keyof typeof FontWeight;
+export type IconSizeType = keyof typeof IconSize;
+export type IconType = keyof typeof IconSet;
+export type LineHeightType = keyof typeof LineHeight;
+export type RadiusType = keyof typeof Radius;
+export type ShadowType = keyof typeof Shadow;
+export type SizeType = keyof typeof Size;
+export type TransitionType = keyof typeof Transition;
+export type UnitPxType = keyof typeof UnitPx;
+export type UnitType = keyof typeof Unit;
+export type ThemeSet = {
+    light: DefaultTheme;
+    dark: DefaultTheme;
+};
+export type PaletteKeyType = keyof typeof Palette;
+export type PaletteType = Record<keyof typeof Palette, string>;
+/**
+ * # Utility Types
+ * ========================================================
+ */
+/**
+ * ## ValueOf Type
+ *
+ * Convenience for ensure value is in an Object, let built-in `keyof`
+ * @example ValueOf<typeof someObject>
+ * @link https://stackoverflow.com/questions/49285864/is-there-a-valueof-similar-to-keyof-in-typescript
+ */
+export type ValueOf<T> = T[keyof T];
+/**
+ * Join a string tuple to a string with a separator.
+ * @example
+ * const array = ['hello', 'world'] as const;
+ * type MyArrayString = StringTupleJoin<typeof array, ', '>;
+ * const str: MyArrayString = "hello, world";
+ */
+export type StringTupleJoin<T extends readonly string[], Separator extends string> = T extends readonly [string, ...infer Tail] ? Tail extends [string, ...string[]] ? `${T[0]}${Separator}${StringTupleJoin<Tail, Separator>}` : `${T[0]}` : never;

@@ -0,0 +1,9 @@
+import { DefaultTheme } from 'styled-components';
+/**
+ * Light Theme
+ */
+export declare const OpenFinLightTheme: DefaultTheme;
+/**
+ * Dark Theme
+ */
+export declare const OpenFinDarkTheme: DefaultTheme;

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from 'react';
+import { ColorSchemeType } from '../../../hooks/useColorScheme';
+import { ThemeSet } from './lib/types';
+import { DeepPartial } from '../../../types';
+import { ImportFonts } from './lib/createFontFaceCss';
+export type ThemeProviderProps = {
+    themes?: DeepPartial<ThemeSet>;
+    scheme?: ColorSchemeType;
+    fonts?: ImportFonts;
+    children?: ReactNode;
+};
+/**
+ * ## OpenFin ThemeProvider
+ * - Extends StyledComponents ThemeProvider
+ * - Applies built-in OpenFin themes automatically using System Preference for Color Scheme
+ * - Includes global stylesheet with typography, reset, and global css vars
+ * - Accepts Light / Dark Mode scheme override
+ * - Accepts Light / Dark Mode palette override
+ */
+export declare const ThemeProvider: FC<ThemeProviderProps>;

@@ -0,0 +1,3 @@
+export * from './GlobalStyles';
+export * from './HOC';
+export * from './ThemeProvider';

@@ -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 {};

@@ -0,0 +1,4 @@
+export declare const CheckSVG: () => import("react/jsx-runtime").JSX.Element;
+export declare const BusySVG: () => import("react/jsx-runtime").JSX.Element;
+export declare const DoNotDisturbSVG: () => import("react/jsx-runtime").JSX.Element;
+export declare const OfflineSVG: () => import("react/jsx-runtime").JSX.Element;

	@@ -0,0 +1 @@
1	+ export declare const CascadingDropdownMenu: () => import("react/jsx-runtime").JSX.Element;

@@ -0,0 +1,30 @@
+import React from 'react';
+export interface ContactCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Name of the contact.
+     */
+    name: string;
+    /**
+     * Title of the contact.
+     */
+    title?: string;
+    /**
+     * URL for the contact's profile photo.
+     */
+    photoUrl?: string;
+    /**
+     * A flag to indicate that the contact card should display the contact's initials as profile photo if the photo url is undefined.
+     */
+    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>[] | [string, string][][];
+    /**
+     * The contact's online status.
+     */
+    onlineStatus?: 'offline' | 'do-not-disturb' | 'busy' | 'away' | 'available';
+}
+export declare const ContactCard: React.FC<ContactCardProps>;

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

	@@ -0,0 +1 @@
1	+ import '@testing-library/jest-dom';

@openfin/ui-library 0.31.3-alpha.20251106171135 → 0.31.3