@morfeo/spec
Version:

385 lines (384 loc) • 13.3 kB
TypeScript
export declare const radiiProperties: {
borderRadius: "radii";
borderEndEndRadius: "radii";
borderTopLeftRadius: "radii";
borderEndStartRadius: "radii";
borderTopRightRadius: "radii";
borderStartEndRadius: "radii";
borderStartStartRadius: "radii";
borderBottomLeftRadius: "radii";
borderBottomRightRadius: "radii";
corner: "radii";
cornerEndEnd: "radii";
cornerTopLeft: "radii";
cornerEndStart: "radii";
cornerTopRight: "radii";
cornerStartEnd: "radii";
cornerStartStart: "radii";
cornerBottomLeft: "radii";
cornerBottomRight: "radii";
};
export declare const fontProperties: {
fontFamily: "fonts";
};
export declare const spacingsProperties: {
m: "spacings";
mt: "spacings";
ml: "spacings";
mr: "spacings";
mb: "spacings";
mx: "spacings";
my: "spacings";
margin: "spacings";
marginTop: "spacings";
marginRight: "spacings";
marginBottom: "spacings";
marginLeft: "spacings";
marginBlock: "spacings";
marginBlockEnd: "spacings";
marginBlockStart: "spacings";
marginInline: "spacings";
marginInlineEnd: "spacings";
marginInlineStart: "spacings";
p: "spacings";
pt: "spacings";
pl: "spacings";
pr: "spacings";
pb: "spacings";
px: "spacings";
py: "spacings";
padding: "spacings";
paddingTop: "spacings";
paddingLeft: "spacings";
paddingRight: "spacings";
paddingBottom: "spacings";
paddingBlock: "spacings";
paddingBlockEnd: "spacings";
paddingBlockStart: "spacings";
paddingInline: "spacings";
paddingInlineEnd: "spacings";
paddingInlineStart: "spacings";
scrollPadding: "spacings";
scrollPaddingTop: "spacings";
scrollPaddingRight: "spacings";
scrollPaddingBottom: "spacings";
scrollPaddingLeft: "spacings";
inset: "spacings";
insetBlock: "spacings";
insetBlockEnd: "spacings";
insetBlockStart: "spacings";
insetInline: "spacings";
insetInlineEnd: "spacings";
insetInlineStart: "spacings";
top: "spacings";
right: "spacings";
bottom: "spacings";
left: "spacings";
gridGap: "spacings";
gridColumnGap: "spacings";
gridRowGap: "spacings";
gap: "spacings";
columnGap: "spacings";
rowGap: "spacings";
};
export declare const sizesProperties: {
w: "sizes";
h: "sizes";
size: "sizes";
minW: "sizes";
minH: "sizes";
maxW: "sizes";
maxH: "sizes";
width: "sizes";
height: "sizes";
minSize: "sizes";
maxSize: "sizes";
minWidth: "sizes";
maxWidth: "sizes";
minHeight: "sizes";
maxHeight: "sizes";
flexBasis: "sizes";
blockSize: "sizes";
inlineSize: "sizes";
maxBlockSize: "sizes";
minBlockSize: "sizes";
minInlineSize: "sizes";
maxInlineSize: "sizes";
};
export declare const colorProperties: {
bg: "colors";
fill: "colors";
color: "colors";
stroke: "colors";
caretColor: "colors";
accentColor: "colors";
borderColor: "colors";
outlineColor: "colors";
borderTopColor: "colors";
backgroundColor: "colors";
columnRuleColor: "colors";
borderLeftColor: "colors";
borderRightColor: "colors";
borderBottomColor: "colors";
};
export declare const gradientProperties: {
gradient: "gradients";
bgGradient: "gradients";
textGradient: "gradients";
};
export declare const shadowsProperties: {
boxShadow: "shadows";
textShadow: "shadows";
shadow: "shadows";
};
export declare const fontSizeProperties: {
fontSize: "fontSizes";
};
export declare const fontWeightProperties: {
fontWeight: "fontWeights";
};
export declare const lineHeightProperties: {
lineHeight: "lineHeights";
};
export declare const letterSpacingProperties: {
letterSpacing: "letterSpacings";
};
export declare const bordersProperties: {
border: "borders";
borderTop: "borders";
borderLeft: "borders";
borderRight: "borders";
borderBlock: "borders";
borderBottom: "borders";
borderInline: "borders";
borderBlockEnd: "borders";
borderInlineEnd: "borders";
borderBlockStart: "borders";
borderInlineStart: "borders";
outline: "borders";
};
export declare const borderWidthsProperties: {
borderWidth: "borderWidths";
borderTopWidth: "borderWidths";
borderLeftWidth: "borderWidths";
borderRightWidth: "borderWidths";
borderBlockWidth: "borderWidths";
borderBottomWidth: "borderWidths";
borderInlineWidth: "borderWidths";
borderBlockEndWidth: "borderWidths";
borderInlineEndWidth: "borderWidths";
borderBlockStartWidth: "borderWidths";
borderInlineStartWidth: "borderWidths";
outlineWidth: "borderWidths";
};
export declare const borderStylesProperties: {
borderStyle: "borderStyles";
borderTopStyle: "borderStyles";
borderLeftStyle: "borderStyles";
borderRightStyle: "borderStyles";
borderBlockStyle: "borderStyles";
borderBottomStyle: "borderStyles";
borderInlineStyle: "borderStyles";
borderBlockEndStyle: "borderStyles";
borderInlineEndStyle: "borderStyles";
borderBlockStartStyle: "borderStyles";
borderInlineStartStyle: "borderStyles";
outlineStyle: "borderStyles";
};
export declare const opacitiesProperties: {
opacity: "opacities";
};
export declare const zIndicesProperties: {
zIndex: "zIndices";
};
export declare const transitionsProperties: {
transition: "transitions";
};
export declare const componentsProperties: {
componentName: "components";
};
export declare const allPropertiesBySlice: {
fonts: readonly ["fontFamily"];
radii: readonly ["borderRadius", "borderEndEndRadius", "borderTopLeftRadius", "borderEndStartRadius", "borderTopRightRadius", "borderStartEndRadius", "borderStartStartRadius", "borderBottomLeftRadius", "borderBottomRightRadius", "corner", "cornerEndEnd", "cornerTopLeft", "cornerEndStart", "cornerTopRight", "cornerStartEnd", "cornerStartStart", "cornerBottomLeft", "cornerBottomRight"];
colors: readonly ["bg", "fill", "color", "stroke", "caretColor", "accentColor", "borderColor", "outlineColor", "borderTopColor", "backgroundColor", "columnRuleColor", "borderLeftColor", "borderRightColor", "borderBottomColor"];
sizes: readonly ["w", "h", "size", "minW", "minH", "maxW", "maxH", "width", "height", "minSize", "maxSize", "minWidth", "maxWidth", "minHeight", "maxHeight", "flexBasis", "blockSize", "inlineSize", "maxBlockSize", "minBlockSize", "minInlineSize", "maxInlineSize"];
shadows: readonly ["boxShadow", "textShadow", "shadow"];
borders: readonly ["border", "borderTop", "borderLeft", "borderRight", "borderBlock", "borderBottom", "borderInline", "borderBlockEnd", "borderInlineEnd", "borderBlockStart", "borderInlineStart", "outline"];
spacings: readonly ["m", "mt", "ml", "mr", "mb", "mx", "my", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginBlock", "marginBlockEnd", "marginBlockStart", "marginInline", "marginInlineEnd", "marginInlineStart", "p", "pt", "pl", "pr", "pb", "px", "py", "padding", "paddingTop", "paddingLeft", "paddingRight", "paddingBottom", "paddingBlock", "paddingBlockEnd", "paddingBlockStart", "paddingInline", "paddingInlineEnd", "paddingInlineStart", "scrollPadding", "scrollPaddingTop", "scrollPaddingRight", "scrollPaddingBottom", "scrollPaddingLeft", "inset", "insetBlock", "insetBlockEnd", "insetBlockStart", "insetInline", "insetInlineEnd", "insetInlineStart", "top", "right", "bottom", "left", "gridGap", "gridColumnGap", "gridRowGap", "gap", "columnGap", "rowGap"];
zIndices: readonly ["zIndex"];
fontSizes: readonly ["fontSize"];
gradients: readonly ["gradient", "bgGradient", "textGradient"];
opacities: readonly ["opacity"];
components: string[];
fontWeights: readonly ["fontWeight"];
lineHeights: readonly ["lineHeight"];
transitions: readonly ["transition"];
borderWidths: readonly ["borderWidth", "borderTopWidth", "borderLeftWidth", "borderRightWidth", "borderBlockWidth", "borderBottomWidth", "borderInlineWidth", "borderBlockEndWidth", "borderInlineEndWidth", "borderBlockStartWidth", "borderInlineStartWidth", "outlineWidth"];
borderStyles: readonly ["borderStyle", "borderTopStyle", "borderLeftStyle", "borderRightStyle", "borderBlockStyle", "borderBottomStyle", "borderInlineStyle", "borderBlockEndStyle", "borderInlineEndStyle", "borderBlockStartStyle", "borderInlineStartStyle", "outlineStyle"];
letterSpacings: readonly ["letterSpacing"];
};
export declare const allProperties: {
letterSpacing: "letterSpacings";
borderStyle: "borderStyles";
borderTopStyle: "borderStyles";
borderLeftStyle: "borderStyles";
borderRightStyle: "borderStyles";
borderBlockStyle: "borderStyles";
borderBottomStyle: "borderStyles";
borderInlineStyle: "borderStyles";
borderBlockEndStyle: "borderStyles";
borderInlineEndStyle: "borderStyles";
borderBlockStartStyle: "borderStyles";
borderInlineStartStyle: "borderStyles";
outlineStyle: "borderStyles";
borderWidth: "borderWidths";
borderTopWidth: "borderWidths";
borderLeftWidth: "borderWidths";
borderRightWidth: "borderWidths";
borderBlockWidth: "borderWidths";
borderBottomWidth: "borderWidths";
borderInlineWidth: "borderWidths";
borderBlockEndWidth: "borderWidths";
borderInlineEndWidth: "borderWidths";
borderBlockStartWidth: "borderWidths";
borderInlineStartWidth: "borderWidths";
outlineWidth: "borderWidths";
transition: "transitions";
lineHeight: "lineHeights";
fontWeight: "fontWeights";
componentName: "components";
opacity: "opacities";
gradient: "gradients";
bgGradient: "gradients";
textGradient: "gradients";
zIndex: "zIndices";
m: "spacings";
mt: "spacings";
ml: "spacings";
mr: "spacings";
mb: "spacings";
mx: "spacings";
my: "spacings";
margin: "spacings";
marginTop: "spacings";
marginRight: "spacings";
marginBottom: "spacings";
marginLeft: "spacings";
marginBlock: "spacings";
marginBlockEnd: "spacings";
marginBlockStart: "spacings";
marginInline: "spacings";
marginInlineEnd: "spacings";
marginInlineStart: "spacings";
p: "spacings";
pt: "spacings";
pl: "spacings";
pr: "spacings";
pb: "spacings";
px: "spacings";
py: "spacings";
padding: "spacings";
paddingTop: "spacings";
paddingLeft: "spacings";
paddingRight: "spacings";
paddingBottom: "spacings";
paddingBlock: "spacings";
paddingBlockEnd: "spacings";
paddingBlockStart: "spacings";
paddingInline: "spacings";
paddingInlineEnd: "spacings";
paddingInlineStart: "spacings";
scrollPadding: "spacings";
scrollPaddingTop: "spacings";
scrollPaddingRight: "spacings";
scrollPaddingBottom: "spacings";
scrollPaddingLeft: "spacings";
inset: "spacings";
insetBlock: "spacings";
insetBlockEnd: "spacings";
insetBlockStart: "spacings";
insetInline: "spacings";
insetInlineEnd: "spacings";
insetInlineStart: "spacings";
top: "spacings";
right: "spacings";
bottom: "spacings";
left: "spacings";
gridGap: "spacings";
gridColumnGap: "spacings";
gridRowGap: "spacings";
gap: "spacings";
columnGap: "spacings";
rowGap: "spacings";
fontSize: "fontSizes";
border: "borders";
borderTop: "borders";
borderLeft: "borders";
borderRight: "borders";
borderBlock: "borders";
borderBottom: "borders";
borderInline: "borders";
borderBlockEnd: "borders";
borderInlineEnd: "borders";
borderBlockStart: "borders";
borderInlineStart: "borders";
outline: "borders";
boxShadow: "shadows";
textShadow: "shadows";
shadow: "shadows";
w: "sizes";
h: "sizes";
size: "sizes";
minW: "sizes";
minH: "sizes";
maxW: "sizes";
maxH: "sizes";
width: "sizes";
height: "sizes";
minSize: "sizes";
maxSize: "sizes";
minWidth: "sizes";
maxWidth: "sizes";
minHeight: "sizes";
maxHeight: "sizes";
flexBasis: "sizes";
blockSize: "sizes";
inlineSize: "sizes";
maxBlockSize: "sizes";
minBlockSize: "sizes";
minInlineSize: "sizes";
maxInlineSize: "sizes";
bg: "colors";
fill: "colors";
color: "colors";
stroke: "colors";
caretColor: "colors";
accentColor: "colors";
borderColor: "colors";
outlineColor: "colors";
borderTopColor: "colors";
backgroundColor: "colors";
columnRuleColor: "colors";
borderLeftColor: "colors";
borderRightColor: "colors";
borderBottomColor: "colors";
borderRadius: "radii";
borderEndEndRadius: "radii";
borderTopLeftRadius: "radii";
borderEndStartRadius: "radii";
borderTopRightRadius: "radii";
borderStartEndRadius: "radii";
borderStartStartRadius: "radii";
borderBottomLeftRadius: "radii";
borderBottomRightRadius: "radii";
corner: "radii";
cornerEndEnd: "radii";
cornerTopLeft: "radii";
cornerEndStart: "radii";
cornerTopRight: "radii";
cornerStartEnd: "radii";
cornerStartStart: "radii";
cornerBottomLeft: "radii";
cornerBottomRight: "radii";
fontFamily: "fonts";
};