@owp/core 2.5.3 → 2.5.5

package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts

@@ -5,6 +5,7 @@ export declare const TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS = 300;
 type TreeGridInitializationInput<T> = {
     id: string;
     layoutUrl?: string;
+    layoutData?: string;
     dataUrl?: string;
     bodyData: OwpTreeGridBodyData<T>;
     useDataUrl?: boolean;
@@ -17,6 +18,10 @@ export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
     latestEventHandlersRef: RefObject<TreeGridEventHandlers<T>>;
     highlightEditableCellsRef: RefObject<boolean>;
     highlightChangedCellsRef: RefObject<boolean>;
+    editableCellBackgroundColorValueRef: RefObject<number | undefined>;
+    changedCellBackgroundColorRef: RefObject<string>;
+    selectedCellBackgroundColorRef: RefObject<string>;
+    hoverCellBackgroundColorRef: RefObject<string>;
     treeGridInstanceRef: RefObject<TGrid>;
     treeGridInitStartedAtRef: RefObject<number | null>;
     latestLayoutOverridesRef: RefObject<OwpTreeGridLayoutConfig | undefined>;
@@ -34,10 +39,14 @@ export type TreeGridEventBindingOptions<T> = Pick<OwpTreeGridProps<T>, 'id'> & {
  * TreeGrid 초기화 옵션 생성
  * @param input 초기화 입력값
  */
-export declare const buildTreeGridInitializationOptions: <T>({ id, layoutUrl, dataUrl, bodyData, useDataUrl, width, height, languageId, }: TreeGridInitializationInput<T>) => {
+export declare const buildTreeGridInitializationOptions: <T>({ id, layoutUrl, layoutData, dataUrl, bodyData, useDataUrl, width, height, languageId, }: TreeGridInitializationInput<T>) => {
     id: string;
     Layout: {
+        Data: string;
+        Url?: undefined;
+    } | {
         Url: string;
+        Data?: undefined;
     };
     Data: {
         Url: string;
@@ -76,5 +85,5 @@ export declare const replaceTreeGridBodyData: <T>(grid: TGrid, bodyData: OwpTree
  * TreeGrid 이벤트 바인딩
  * @param options 이벤트 바인딩 옵션
  */
-export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, highlightEditableCellsRef, highlightChangedCellsRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, latestColumnEditRulesRef, latestColumnEditRuleLookupRef, appliedColumnEditRulesRef, columnEditRulesStateRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
+export declare const bindTreeGridEvents: <T>({ id, latestEventHandlersRef, highlightEditableCellsRef, highlightChangedCellsRef, editableCellBackgroundColorValueRef, changedCellBackgroundColorRef, selectedCellBackgroundColorRef, hoverCellBackgroundColorRef, treeGridInstanceRef, treeGridInitStartedAtRef, latestLayoutOverridesRef, appliedLayoutOverridesRef, appliedBodyDataPropRef, latestColumnEditRulesRef, latestColumnEditRuleLookupRef, appliedColumnEditRulesRef, columnEditRulesStateRef, hasAppliedInitialLayoutRef, syncHasDisplayDataRows, setIsTreeGridReady, }: TreeGridEventBindingOptions<T>) => void;
 export {};

package/dist/types/components/OwpTreeGrid/internal/treeGridTheme.d.ts

@@ -0,0 +1,20 @@
+import type { OwpResolvedGridThemeConfigType } from '@/constants/gridTheme';
+import type { OwpGridThemeConfigType } from '@/types/OwpGridThemeTypes';
+import type { CSSProperties } from 'react';
+type TreeGridThemeCssVariableName = '--owp-tree-grid-body-background-color' | '--owp-tree-grid-body-color' | '--owp-tree-grid-body-fill-background-color' | '--owp-tree-grid-row-background-color' | '--owp-tree-grid-row-solid-background-color' | '--owp-tree-grid-header-background-color' | '--owp-tree-grid-header-color' | '--owp-tree-grid-header-font-size' | '--owp-tree-grid-header-font-weight' | '--owp-tree-grid-cell-font-size' | '--owp-tree-grid-hover-row-background-color' | '--owp-tree-grid-hover-row-border-color' | '--owp-tree-grid-selected-cell-background-color' | '--owp-tree-grid-selected-row-background-color' | '--owp-tree-grid-focused-row-background-color' | '--owp-tree-grid-focused-row-border-color' | '--owp-tree-grid-hover-cell-background-color' | '--owp-tree-grid-hover-cell-border-color' | '--owp-tree-grid-focused-cell-background-color' | '--owp-tree-grid-focused-cell-border-color' | '--owp-tree-grid-editing-cell-border-color' | '--owp-tree-grid-focused-cell-rect-background-color' | '--owp-tree-grid-changed-background-color';
+type TreeGridLayoutDimensionValue = string | number;
+export type TreeGridThemeContainerStyle = CSSProperties & Partial<Record<TreeGridThemeCssVariableName, string>>;
+export declare const TREE_GRID_THEME_WRAPPER_CLASS = "owp-tree-grid-theme";
+export declare const treeGridThemeStyles: Record<string, CSSProperties>;
+/**
+ * TreeGrid theme CSS 변수 컨테이너 스타일 생성
+ * @param input Grid theme 입력값
+ */
+export declare const createTreeGridThemeContainerStyle: ({ width, height, treeGridTheme, gridThemeConfig, containerStyle, }: {
+    width: TreeGridLayoutDimensionValue;
+    height: TreeGridLayoutDimensionValue;
+    treeGridTheme: OwpResolvedGridThemeConfigType;
+    gridThemeConfig?: OwpGridThemeConfigType | null;
+    containerStyle?: CSSProperties;
+}) => TreeGridThemeContainerStyle;
+export {};

package/dist/types/configs/defaultConfig.d.ts

@@ -1,6 +1,28 @@
 import type { OwpSettingsConfigType, OwpThemesType } from '@/types/OwpSettingsTypes';
 import { type ThemeOptions } from '@mui/material/styles';
 import { PartialDeep } from 'type-fest';
+export declare const defaultSnackbarTheme: {
+    default: {
+        backgroundColor: string;
+        color: string;
+    };
+    success: {
+        backgroundColor: string;
+        color: string;
+    };
+    info: {
+        backgroundColor: string;
+        color: string;
+    };
+    warning: {
+        backgroundColor: string;
+        color: string;
+    };
+    error: {
+        backgroundColor: string;
+        color: string;
+    };
+};
 /**
  * 기본 layout 설정
  * @param style layout 스타일

package/dist/types/constants/gridTheme.d.ts

@@ -7,9 +7,38 @@ export type OwpResolvedGridThemeConfigType = {
         fontWeight: number | string;
         height: number | string;
     };
+    body: {
+        backgroundColor: string;
+        color: string;
+        fillBackgroundColor: string;
+    };
+    row: {
+        backgroundColor: string;
+        solidBackgroundColor: string;
+    };
     cell: {
         fontSize: number | string;
     };
+    state: {
+        hoverRowBackgroundColor: string;
+        hoverRowBorderColor: string;
+        selectedCellBackgroundColor: string;
+        selectedRowBackgroundColor: string;
+        focusedRowBackgroundColor: string;
+        focusedRowBorderColor: string;
+        hoverCellBackgroundColor: string;
+        hoverCellBorderColor: string;
+        focusedCellBackgroundColor: string;
+        focusedCellBorderColor: string;
+        editingCellBorderColor: string;
+        focusedCellRectBackgroundColor: string;
+    };
+    editable: {
+        backgroundColor: string;
+    };
+    changed: {
+        backgroundColor: string;
+    };
 };
 export declare const defaultOwpGridTheme: {
     header: {
@@ -19,9 +48,38 @@ export declare const defaultOwpGridTheme: {
         fontWeight: string;
         height: number;
     };
+    body: {
+        backgroundColor: string;
+        color: string;
+        fillBackgroundColor: string;
+    };
+    row: {
+        backgroundColor: string;
+        solidBackgroundColor: string;
+    };
     cell: {
         fontSize: string;
     };
+    state: {
+        hoverRowBackgroundColor: string;
+        hoverRowBorderColor: string;
+        selectedCellBackgroundColor: string;
+        selectedRowBackgroundColor: string;
+        focusedRowBackgroundColor: string;
+        focusedRowBorderColor: string;
+        hoverCellBackgroundColor: string;
+        hoverCellBorderColor: string;
+        focusedCellBackgroundColor: string;
+        focusedCellBorderColor: string;
+        editingCellBorderColor: string;
+        focusedCellRectBackgroundColor: string;
+    };
+    editable: {
+        backgroundColor: string;
+    };
+    changed: {
+        backgroundColor: string;
+    };
 };
 /**
  * Grid theme 토큰 기본값 병합

package/dist/types/constants/tableTheme.d.ts

@@ -0,0 +1,18 @@
+import type { OwpTableVariantThemeConfigType } from '@/types/OwpTableThemeTypes';
+export type OwpResolvedTableThemeConfigType = {
+    header: {
+        backgroundColor: string;
+        color: string;
+        fontSize: number | string;
+        fontWeight: number | string;
+    };
+    cell: {
+        fontSize: number | string;
+    };
+};
+/**
+ * Table theme 토큰 기본값 병합
+ * @param tableTheme 앱 theme table 설정
+ * @param fallbackTheme 컴포넌트 기본값
+ */
+export declare const resolveOwpTableTheme: (tableTheme: OwpTableVariantThemeConfigType | null | undefined, fallbackTheme: OwpResolvedTableThemeConfigType) => OwpResolvedTableThemeConfigType;

package/dist/types/constants/treeGrid.d.ts

@@ -10,6 +10,11 @@ export declare const getTreeGridAssetBasePath: () => string;
 export declare const resolveTreeGridAssetUrl: (assetPath: string) => string;
 /** TreeGrid 다국어 리소스 URL 조회 */
 export declare const getTreeGridTextResourceUrl: (languageId: string) => string;
+/**
+ * TreeGrid 색상 문자열 숫자 변환
+ * @param color CSS 색상 문자열
+ */
+export declare const resolveTreeGridColorNumber: (color?: string | null) => number;
 /** TreeGrid 폰트 face 스타일 조회 */
 export declare const getTreeGridFontFaceStyles: () => {
     '@font-face': Record<string, string>;

package/dist/types/contexts/OwpAppProvider.d.ts

@@ -63,6 +63,8 @@ export interface OwpAppEnv {
     isNavigationActiveRouteRemountEnabled?: boolean;
     isPasswordChangeEnabled?: boolean;
     isRequestLogPayloadEnabled?: boolean;
+    isThemePreviewEnabled?: boolean;
+    themePreviewDialogLoader?: () => Promise<unknown>;
     [key: string]: unknown;
 }
 export interface OwpAppContextValue extends OwpAppConfigs {

package/dist/types/features/themePreview/components/ThemePreviewCanvas.d.ts

@@ -0,0 +1,8 @@
+import type { ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+interface ThemePreviewCanvasProps {
+    activeSection: ThemePreviewSectionKey;
+    isLoading?: boolean;
+    settings: ThemePreviewSettings;
+}
+export declare function ThemePreviewCanvas({ activeSection, isLoading, settings, }: ThemePreviewCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/features/themePreview/components/ThemePreviewCanvasSections.d.ts

@@ -0,0 +1,82 @@
+import type { SnackbarProviderTheme, SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';
+import { OwpStoreProvider } from '@/contexts';
+import { type SxProps, type Theme } from '@mui/material/styles';
+import { type SnackbarKey } from 'notistack';
+import { type ComponentProps, type MutableRefObject, type ReactNode } from 'react';
+type ThemePreviewButtonPreviewItem = {
+    label: string;
+    color: string;
+    previewContrastColor: string;
+};
+type ThemePreviewSnackbarPreviewItem = {
+    actionHoverColor: string;
+    backgroundColor: string;
+    color: string;
+    icon: ReactNode;
+    key: SnackbarVariantKey;
+    message: string;
+};
+type ThemePreviewStoreState = NonNullable<ComponentProps<typeof OwpStoreProvider>['preloadedState']>;
+interface ThemePreviewButtonsSectionProps {
+    buttonPreviewItems: ThemePreviewButtonPreviewItem[];
+    mainTextSecondary: string;
+    previewSectionCardSx: SxProps<Theme>;
+}
+export declare const ThemePreviewButtonsSection: import("react").NamedExoticComponent<ThemePreviewButtonsSectionProps>;
+interface ThemePreviewSnackbarsSectionProps {
+    previewSectionCardSx: SxProps<Theme>;
+    previewSnackbarKeysRef: MutableRefObject<SnackbarKey[]>;
+    snackbarAnchorOrigin: SnackbarProviderTheme['anchorOrigin'];
+    snackbarPreviewAnchorHorizontal: 'center' | 'left' | 'right';
+    snackbarPreviewAnchorVertical: 'bottom' | 'top';
+    snackbarPreviewFontSize?: number | string;
+    snackbarPreviewItems: ThemePreviewSnackbarPreviewItem[];
+    snackbarPreviewLineHeight?: number | string;
+    snackbarPreviewMaxSnack: number;
+    snackbarAutoHideDuration: SnackbarProviderTheme['autoHideDuration'];
+}
+export declare const ThemePreviewSnackbarsSection: import("react").NamedExoticComponent<ThemePreviewSnackbarsSectionProps>;
+interface ThemePreviewSearchHeaderSectionProps {
+    gridPreviewTable: ReactNode;
+    mainBackground: string;
+    mainPaper: string;
+    mainText: string;
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    searchHeaderPreviewDate: string;
+    searchHeaderPreviewNumber: string;
+    searchHeaderPreviewVersionKey: string;
+    tablePreviewCanTableRadiusZero: boolean;
+    tableTheme: ThemePreviewTableConfigType;
+    tableThemePreviewVersionKey: string;
+}
+export declare const ThemePreviewSearchHeaderSection: import("react").NamedExoticComponent<ThemePreviewSearchHeaderSectionProps>;
+interface ThemePreviewGridSectionProps {
+    editableThemePreviewGridId: string;
+    mainGridChangedBackgroundColor?: string;
+    mainThemePreviewStoreKey: string;
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    readonlyThemePreviewGridId: string;
+}
+export declare const ThemePreviewGridSection: import("react").NamedExoticComponent<ThemePreviewGridSectionProps>;
+interface ThemePreviewTablesSectionProps {
+    mainThemePreviewStoreState: ThemePreviewStoreState;
+    previewSectionCardSx: SxProps<Theme>;
+    tablePreviewCanTableRadiusZero: boolean;
+    tableTheme: ThemePreviewTableConfigType;
+    tableThemePreviewVersionKey: string;
+}
+export declare const ThemePreviewTablesSection: import("react").NamedExoticComponent<ThemePreviewTablesSectionProps>;
+interface ThemePreviewGridPreviewTableProps {
+    gridBodyBorder: string;
+    layoutPreviewGridCellBackground: string;
+    layoutPreviewGridCellFontSize: string;
+    layoutPreviewGridHeaderBackground: string;
+    layoutPreviewGridHeaderBorder: string;
+    layoutPreviewGridHeaderColor: string;
+    layoutPreviewGridHeaderFontSize: string;
+}
+export declare const ThemePreviewGridPreviewTable: import("react").NamedExoticComponent<ThemePreviewGridPreviewTableProps>;
+export {};

package/dist/types/features/themePreview/components/ThemePreviewColorField.d.ts

@@ -0,0 +1,10 @@
+import type { ThemePreviewFieldDefinition, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+interface ThemePreviewColorFieldProps {
+    disabled?: boolean;
+    definition: ThemePreviewFieldDefinition;
+    sectionKey: ThemePreviewSectionKey;
+    settings: ThemePreviewSettings;
+    onChange: (path: string, value: string) => void;
+}
+export declare function ThemePreviewColorField({ disabled, definition, sectionKey, settings, onChange, }: ThemePreviewColorFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/features/themePreview/components/ThemePreviewControls.d.ts

@@ -0,0 +1,18 @@
+import type { ThemePreviewMode, ThemePreviewPresetOption, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+interface ThemePreviewControlsProps {
+    activeSection: ThemePreviewSectionKey;
+    presetOptions: ThemePreviewPresetOption[];
+    selectedMode: ThemePreviewMode;
+    selectedPresetKey: string;
+    settings: ThemePreviewSettings;
+    onSectionChange: (sectionKey: ThemePreviewSectionKey) => void;
+    onPaletteValueChange: (path: string, value: string) => void;
+    onPaletteValuesChange: (updates: Array<{
+        path: string;
+        value: string;
+    }>) => void;
+    onPresetKeyChange: (presetKey: string) => void;
+    onPresetModeChange: (mode: ThemePreviewMode) => void;
+}
+export declare function ThemePreviewControls({ activeSection, presetOptions, selectedMode, selectedPresetKey, settings, onSectionChange, onPaletteValueChange, onPaletteValuesChange, onPresetKeyChange, onPresetModeChange, }: ThemePreviewControlsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/features/themePreview/components/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemePreviewCanvas } from './ThemePreviewCanvas';
+export { ThemePreviewColorField } from './ThemePreviewColorField';
+export { ThemePreviewControls } from './ThemePreviewControls';

package/dist/types/features/themePreview/components/themePreviewCanvas.icons.d.ts

@@ -0,0 +1,3 @@
+import type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ReactNode } from 'react';
+export declare const snackbarPreviewIconByVariant: Record<SnackbarVariantKey, ReactNode>;

package/dist/types/features/themePreview/components/themePreviewCanvas.shared.d.ts

@@ -0,0 +1,121 @@
+import type { OwpFieldTable } from '@/components/OwpTable/OwpFieldTable';
+import type { SnackbarVariantKey } from '@/features/themePreview/configs/snackbar';
+import type { ThemePreviewTableConfigType } from '@/features/themePreview/configs/table';
+import { type SxProps, type Theme } from '@mui/material/styles';
+import type { ComponentProps } from 'react';
+import type { ThemePreviewPaletteSectionKey, ThemePreviewSectionKey, ThemePreviewSettings } from '../types';
+export declare const previewChromeBorder = "#e2e8f0";
+export declare const previewSectionCardClassName = "rounded-lg p-14";
+export declare const previewInnerCardSx: {
+    readonly boxShadow: "none";
+};
+export declare const themePreviewEditableTreeGridId = "ThemePreviewGrid";
+export declare const themePreviewReadonlyTreeGridId = "ThemePreviewReadonlyGrid";
+export declare const gridPreviewBodyBackground = "#ffffff";
+export declare const gridPreviewBodyText = "rgb(17, 24, 39)";
+export declare const defaultPreviewSectionOrder: readonly ["buttons", "searchHeader"];
+export declare const gridPreviewColumnLabels: readonly ["부서명", "사용자ID", "성명", "사용여부"];
+export declare const navbarPreviewItems: readonly ["Dashboard", "Theme Preview", "사용자 관리", "권한 그룹"];
+export declare const previewUserNameById: {
+    readonly admin: "관리자";
+    readonly impix: "담당자1";
+    readonly owp: "담당자2";
+};
+export declare const snackbarPreviewMessageByVariant: Record<SnackbarVariantKey, string>;
+export declare const searchHeaderPreviewData: {
+    previewValue: string;
+};
+export declare const tableFieldPreviewData: {
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+    locationName: string;
+};
+export declare const tableFieldPreviewLayout: {
+    title: string;
+    key: string;
+}[][];
+export declare const tablePreviewHeaders: {
+    departmentName: string;
+    managerName: string;
+    useYn: string;
+};
+export declare const tablePreviewRows: ({
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+} | {
+    departmentName: string;
+    managerName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridStyledTablePreviewRows: ({
+    departmentName: string;
+    managerName: "담당자1";
+    useYn: string;
+} | {
+    departmentName: string;
+    managerName: "담당자2";
+    useYn: string;
+})[];
+export declare const dataTablePreviewHeadCells: {
+    id: string;
+    label: string;
+    align: string;
+    valueAlign: string;
+}[];
+export declare const dataTablePreviewRows: ({
+    userId: string;
+    userName: "담당자1";
+    useYn: string;
+} | {
+    userId: string;
+    userName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridStyledDataTablePreviewRows: ({
+    userId: string;
+    userName: "담당자1";
+    useYn: string;
+} | {
+    userId: string;
+    userName: "담당자2";
+    useYn: string;
+})[];
+export declare const gridCanvasPreviewRows: ({
+    'OWP_THEME_PREVIEW.ITEM_NAME': string;
+    'OWP_THEME_PREVIEW.REMARK': string;
+    'OWP_THEME_PREVIEW.STATUS': string;
+    'OWP_THEME_PREVIEW.USER_ID': string;
+    'OWP_THEME_PREVIEW.WEIGHT': number;
+    'OWP_THEME_PREVIEW.WORK_DATE': string;
+    CanSelect: number;
+    Selected: number;
+} | {
+    'OWP_THEME_PREVIEW.ITEM_NAME': string;
+    'OWP_THEME_PREVIEW.REMARK': string;
+    'OWP_THEME_PREVIEW.STATUS': string;
+    'OWP_THEME_PREVIEW.USER_ID': string;
+    'OWP_THEME_PREVIEW.WEIGHT': number;
+    'OWP_THEME_PREVIEW.WORK_DATE': string;
+    CanSelect: number;
+    Selected?: undefined;
+})[];
+export declare const previewNoop: () => void;
+type ThemePreviewFieldTableCellSx = NonNullable<ComponentProps<typeof OwpFieldTable>['cellSx']>;
+type ThemePreviewFieldTableTitleSx = NonNullable<ComponentProps<typeof OwpFieldTable>['titleSx']>;
+export type ThemePreviewLayoutSectionKey = 'buttons' | 'snackbars' | 'searchHeader' | 'grid' | 'tables';
+export declare const gridPreviewRows: readonly [readonly ["관리부", "admin", "관리자", "사용"], readonly ["생산1팀", "impix", "담당자1", "사용"], readonly ["품질팀", "owp", "담당자2", "미사용"]];
+export declare function createThemePreviewVersionKey(sourceValue: unknown): string;
+export declare function getPaletteValue(settings: ThemePreviewSettings, sectionKey: ThemePreviewPaletteSectionKey, path: string): string;
+export declare function getThemePreviewStyleValue<T extends number | string | undefined>(value: T): T;
+export declare function getThemePreviewResolvedBorderRadius(borderRadius: ThemePreviewTableConfigType['borderRadius'], canTableRadiusZero?: boolean): string | number;
+export declare function getThemePreviewTableFrameSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewFieldTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewFieldTableTitleSx(tableTheme: ThemePreviewTableConfigType): ThemePreviewFieldTableTitleSx | undefined;
+export declare function getThemePreviewFieldTableCellSx(tableTheme: ThemePreviewTableConfigType): ThemePreviewFieldTableCellSx | undefined;
+export declare function getThemePreviewBasicTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getThemePreviewDataTableSx(tableTheme: ThemePreviewTableConfigType, canTableRadiusZero?: boolean): SxProps<Theme>;
+export declare function getPreviewContrastColor(color: string, fallbackColor: string): string;
+export declare function getPreviewSectionOrder(activeSection: ThemePreviewSectionKey): ThemePreviewLayoutSectionKey[];
+export {};

package/dist/types/features/themePreview/configs/grid.d.ts

@@ -0,0 +1,41 @@
+export declare const defaultGridTheme: {
+    header: {
+        backgroundColor: string;
+        color: string;
+        fontSize: string;
+        fontWeight: string;
+        height: number;
+    };
+    body: {
+        backgroundColor: string;
+        color: string;
+        fillBackgroundColor: string;
+    };
+    row: {
+        backgroundColor: string;
+        solidBackgroundColor: string;
+    };
+    cell: {
+        fontSize: string;
+    };
+    state: {
+        hoverRowBackgroundColor: string;
+        hoverRowBorderColor: string;
+        selectedCellBackgroundColor: string;
+        selectedRowBackgroundColor: string;
+        focusedRowBackgroundColor: string;
+        focusedRowBorderColor: string;
+        hoverCellBackgroundColor: string;
+        hoverCellBorderColor: string;
+        focusedCellBackgroundColor: string;
+        focusedCellBorderColor: string;
+        editingCellBorderColor: string;
+        focusedCellRectBackgroundColor: string;
+    };
+    editable: {
+        backgroundColor: string;
+    };
+    changed: {
+        backgroundColor: string;
+    };
+};

package/dist/types/features/themePreview/configs/index.d.ts

@@ -0,0 +1,7 @@
+export { defaultGridTheme } from './grid';
+export { darkPaletteText, defaultNavbarDivider, defaultNavbarSecondaryPalette, defaultPrimaryPalette, defaultSecondaryPalette, defaultToolbarDivider, defaultToolbarSecondaryPalette, designSystemPresetKeys, legacyPresetCleanupCandidateKeys, lightPaletteText, themePreviewPresetContractKeys, themesConfig, toolbarCuratedPresetKeys, } from './presets';
+export { clearThemePreviewAppliedSettings, clearThemePreviewTemporaryState, getResolvedThemePreviewSettingsConfig, getThemePreviewAppliedSettings, getThemePreviewTemporaryState, persistThemePreviewAppliedSettings, persistThemePreviewTemporaryState, type ThemePreviewTemporarySelectionState, type ThemePreviewTemporarySettings, type ThemePreviewTemporaryState, } from './previewStorage';
+export { defaultSettingsConfig } from './settings';
+export { defaultSnackbarProviderProps, defaultSnackbarTheme, snackbarVariantKeys, type SnackbarProviderTheme, type SnackbarTheme, type SnackbarVariantKey, type SnackbarVariantTheme, } from './snackbar';
+export { defaultLayoutSurface } from './surface';
+export { defaultTableTheme, type ThemePreviewTableCellConfigType, type ThemePreviewTableConfigType, type ThemePreviewTableRowConfigType, type ThemePreviewTableVariantConfigType, } from './table';