@openfin/ui-library 0.31.3-alpha.20251203172248.f33d571 → 0.31.3-alpha.20260113190318

package/dist/components/controls/Button/button.variants.d.ts

@@ -57,8 +57,8 @@ export declare const variants: {
         readonly full: import("styled-components").FlattenSimpleInterpolation;
     };
     readonly kind: {
-        readonly primary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
-        readonly secondary: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
-        readonly textOnly: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+        readonly primary: import("styled-components").FlattenSimpleInterpolation;
+        readonly secondary: import("styled-components").FlattenSimpleInterpolation;
+        readonly textOnly: import("styled-components").FlattenSimpleInterpolation;
     };
 };

package/dist/components/controls/ViewTab/ViewTab.d.ts

@@ -0,0 +1,41 @@
+import { FC } from 'react';
+declare const DEMO_FAVICONS: {
+    readonly google: "https://www.google.com/favicon.ico";
+    readonly github: "https://github.githubassets.com/favicons/favicon.svg";
+    readonly slack: "https://a.slack-edge.com/80588/marketing/img/meta/favicon-32.png";
+};
+export type ViewTabFavicon = keyof typeof DEMO_FAVICONS | string;
+export type ViewTabColorLink = 'none' | 'green' | 'purple' | 'orange' | 'red' | 'pink' | 'yellow';
+export type ViewTabProps = {
+    /** Tab title text */
+    title: string;
+    /** Favicon URL or preset key (google, github, slack) */
+    favicon?: ViewTabFavicon;
+    /** Whether the tab is currently selected */
+    isActive?: boolean;
+    /** Whether the tab's view is focused */
+    isFocused?: boolean;
+    /** Whether the tab is locked (hides close button, shows lock icon) */
+    isLocked?: boolean;
+    /** Color link for interop context groups */
+    colorLink?: ViewTabColorLink;
+    /** Whether the parent window is inactive (Enterprise only) */
+    inactiveWindow?: boolean;
+    /** Whether the spinner is visible (loading state) */
+    isLoading?: boolean;
+    /** Close button click handler */
+    onClose?: () => void;
+    /** Tab click handler */
+    onClick?: () => void;
+    /** Custom class name */
+    className?: string;
+};
+/**
+ * ViewTab - Atomic browser tab component
+ *
+ * Matches Golden Layout's lm_tab HTML structure for styling compatibility.
+ * This component is primarily for Storybook demos - in production, Golden Layout
+ * renders the actual tabs with these class names.
+ */
+export declare const ViewTab: FC<ViewTabProps>;
+export { DEMO_FAVICONS };

package/dist/components/controls/ViewTab/index.d.ts

@@ -0,0 +1,2 @@
+export { ViewTab, DEMO_FAVICONS } from './ViewTab';
+export type { ViewTabProps, ViewTabFavicon, ViewTabColorLink } from './ViewTab';

package/dist/components/system/ThemeProvider/lib/helpers.d.ts

@@ -1,6 +1,6 @@
 import { DefaultTheme, StyledProps } from 'styled-components';
 import { StatusType } from '../../HOC';
-import { Palette } from './palette';
+import { StatusColorKey } from './types';
 export type ComponentVariants = {
     [key: string]: {
         [key: string]: any;
@@ -20,10 +20,15 @@ export declare const getRootCssVars: ({ theme }: {
     theme: DefaultTheme;
 }) => string;
 /**
- * Retrive the correct palette value based on the provided status type.
+ * Retrieve the correct palette value based on the provided status type.
  * Falls back to optionally provided palette key, then to 'inherit'.
+ *
+ * Supports:
+ * - Status types: active, critical, warning, success (returns theme.palette.statusX)
+ * - CSS variable mapping for inputBorder and inputFocused
+ * - Backwards compatibility with other Palette keys via theme.palette
  */
-export declare const getStatusColor: (theme: DefaultTheme, status?: StatusType, defaultKey?: keyof typeof Palette) => string;
+export declare const getStatusColor: (theme: DefaultTheme, status?: StatusType, defaultKey?: StatusColorKey) => string;
 /**
  * A list of languages supported by the OpenFin UI.
  */

package/dist/components/system/ThemeProvider/lib/types.d.ts

@@ -20,6 +20,8 @@ export type ThemeSet = {
 };
 export type PaletteKeyType = keyof typeof Palette;
 export type PaletteType = Record<keyof typeof Palette, string>;
+export type AltPaletteKey = 'ghostIconDefault';
+export type StatusColorKey = keyof typeof Palette | AltPaletteKey;
 /**
  * # Utility Types
  * ========================================================

package/dist/index.d.ts

@@ -33,5 +33,6 @@ export * from './hooks/usePrevious';
 export * from './hooks/useDropdownKeyboardNavigation';
 export * from './lib/whenFin';
 export * from './lib/color-generator';
+export * from './utils';
 export * from './components/helper/ValidationError';
 export * from './assets';