@omnia/fx
Version:
Provide Omnia Fx typings and tooling for clientside Omnia development.
73 lines (72 loc) • 4.42 kB
TypeScript
import { types } from "typestyle";
import { BlockLayoutSettings, DisplayBreakPoint, BackgroundSettings, LayoutSettings, ThemeStyling, SpacingSettings, SectionSettings, ColumnedSectionItemSettings, TabbedSectionSettings, AccordionedSectionSettings, LayoutItem } from "../../../../models";
import { NestedCSSProperties } from "typestyle/lib/types";
export declare const SharedRendererStyles: {
stepWrapper: string;
common: {
chrome_boxed: string;
getElevationClass: (settings: BackgroundSettings, theme: ThemeStyling) => string;
setPageBackground: (settings: LayoutSettings, backgroundUrl: string, elementId: string, themeStyling?: ThemeStyling) => void;
getBackgroundClasses: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => string;
useThemeStyling(settings: BackgroundSettings, themeStyling?: ThemeStyling): boolean;
getBackgroundStyle: (settings: BackgroundSettings, backgroundUrl: string, themeStyling?: ThemeStyling) => types.NestedCSSProperties;
hasNoImageOrBackgroundColor(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
hasNoImageAndNoOverflow(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): boolean;
getBackgroundBeforeStyling(settings: BackgroundSettings, backgroundUrl: string, backgroundColors: any): types.NestedCSSSelectors;
};
block: {
createMediaBreakPointForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
clickProtectionOverlay: string;
createMediaBreakPointBlockForDevice(blockSettings: BlockLayoutSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
};
column: {
getStylesFromSettings(columnSettings: ColumnedSectionItemSettings, backgroundUrl: string, sectionSettings: SectionSettings): string;
getStylesForMarginCollaps(sectionSettings: SectionSettings): string;
container: (sectionSettings: SectionSettings, blockSettings: BlockLayoutSettings) => string;
hideContainer: (items: Array<LayoutItem>, isEditMode: boolean) => string;
triggerHideContainer: (isEditMode: boolean, isHidden: boolean) => string;
};
section: {
sectionAlignmentContainer: (sectionSettings: SectionSettings) => string;
columnWrapper: string;
backgroundWrapperImage: string;
getStyleStringForTitle: (settings: SectionSettings) => string;
adjustScrollCompensation: (extra: number) => void;
getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;
createMediaBreakPointForDevice(sectionSettings: SectionSettings, deviceBreakPoint: DisplayBreakPoint): types.NestedCSSProperties;
getStylesForMarginCollapsAndSpacing(sectionSettings: SectionSettings): string;
sectionDisplayFlexDesignMode: string;
sectionDisplayBlockDesignMode: string;
};
tabs: {
tabWrapper: string;
verticalSliderStyle: (sliderColor: string) => string;
createTabItemStyling: (settings: TabbedSectionSettings, index: number, items: number, hasIcon: boolean) => string;
accordionWrapper: (settings: AccordionedSectionSettings, spacing: SpacingSettings) => string;
createColorSchemaForTabs: (settings: TabbedSectionSettings) => string;
stepper: {
wrapper: string;
header: string;
inEditor: {
expandedContent: string;
verticalMode: {
addStepButtonContainer: string;
addStepButtonDivider: string;
};
horizontalMode: {
labelBelowStep: {
addStepButtonWrapper: string;
};
};
stepTitleEditPanel: {
header: string;
};
};
horizontalContentItems: (inEditor: boolean) => string;
};
tabContentWrapper: (iconAndText: boolean) => string;
alignTextAndIcon: (settings: TabbedSectionSettings, iconAndText: boolean) => string;
};
};