@launchmenu/core
Version:
An environment for visual keyboard controlled applets
57 lines • 2.29 kB
TypeScript
/// <reference types="react" />
import { IThemeSpacing } from "../../../theming/_types/IBaseTheme";
import { ITheme } from "../../../theming/_types/ITheme";
/**
* Retrieves a given spacing value from the the theme
* @param spacing The spacing value to retrieve
* @param theme The theme to retrieve the spacing from
* @returns The spacing value
*/
export declare function mapSpacing(spacing: IThemeSpacing, theme: ITheme): number;
/**
* Retrieves a given spacing value from the the theme, or defaults to auto
* @param spacing The spacing value to retrieve
* @param theme The theme to retrieve the spacing from
* @returns The spacing value
*/
export declare function mapSpacingWithAuto(spacing: IThemeSpacing | "auto", theme: ITheme): number | string;
/**
* All the mapping functions to map properties to css spacings
*/
export declare const cssSpacingMappers: import("../createMapper/_types/TCreateMapperOutput").TCreateMapperOutput<{
margin: typeof mapSpacingWithAuto;
marginX: (spacing: IThemeSpacing | "auto", theme: ITheme) => {
marginLeft: import("react").Key;
marginRight: import("react").Key;
};
marginY: (spacing: IThemeSpacing | "auto", theme: ITheme) => {
marginTop: import("react").Key;
marginBottom: import("react").Key;
};
marginTop: typeof mapSpacingWithAuto;
marginRight: typeof mapSpacingWithAuto;
marginBottom: typeof mapSpacingWithAuto;
marginLeft: typeof mapSpacingWithAuto;
padding: true;
paddingX: (spacing: "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", theme: ITheme) => {
paddingLeft: number;
paddingRight: number;
};
paddingY: (spacing: "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", theme: ITheme) => {
paddingTop: number;
paddingBottom: number;
};
paddingTop: true;
paddingRight: true;
paddingBottom: true;
paddingLeft: true;
top: true;
right: true;
bottom: true;
left: true;
columnWidth: true;
lineHeight: true;
outlineOffset: true;
gap: true;
}, ITheme, "none" | "medium" | "small" | "extraSmall" | "large" | "extraLarge", number>;
//# sourceMappingURL=cssSpacingMappers.d.ts.map