xp.js-styled
Version:
Build performant styled components for Web, iOS and Android platforms.
401 lines • 8.83 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ColorIntensity = exports.SizeRegex = exports.Breakpoints = exports.Spacing = exports.FontWeights = exports.FontSizes = exports.ColorPallete = exports.TypographyProps = exports.ShortcutStyleProps = exports.StyleProps = void 0;
// Split props
exports.StyleProps = [
"alignContent",
"alignItems",
"alignSelf",
"aspectRatio",
"backfaceVisibility",
"backgroundColor",
"backgroundAttachment",
"backgroundBlendMode",
"backgroundClip",
"backgroundColor",
"backgroundOrigin",
"backgroundPosition",
"backgroundRepeat",
"backgroundSize",
"border",
"borderBottomColor",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomWidth",
"borderCollapse",
"borderColor",
"borderImage",
"borderImageOutset",
"borderImageRepeat",
"borderImageSlice",
"borderImageSource",
"borderImageWidth",
"borderLeftColor",
"borderLeftStyle",
"borderLeftWidth",
"borderRadius",
"borderRightColor",
"borderRightStyle",
"borderRightWidth",
"borderSpacing",
"borderStyle",
"borderTopColor",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopStyle",
"borderTopWidth",
"borderWidth",
"bottom",
"boxShadow",
"boxSizing",
"captionSide",
"clear",
"clip",
"clipPath",
"color",
"columnCount",
"columnFill",
"columnGap",
"columnRule",
"columnRuleColor",
"columnRuleStyle",
"columnRuleWidth",
"columnSpan",
"columnWidth",
"columns",
"content",
"counterIncrement",
"counterReset",
"cursor",
"direction",
"display",
"emptyCells",
"filter",
"flex",
"flexBasis",
"flexDirection",
"flexFlow",
"flexGrow",
"flexShrink",
"flexWrap",
"float",
"fontFamily",
"fontSize",
"fontStyle",
"fontVariant",
"fontWeight",
"gap",
"grid",
"gridArea",
"gridAutoColumns",
"gridAutoFlow",
"gridAutoRows",
"gridColumn",
"gridColumnEnd",
"gridColumnGap",
"gridColumnStart",
"gridGap",
"gridRow",
"gridRowEnd",
"gridRowGap",
"gridRowStart",
"gridTemplate",
"gridTemplateAreas",
"gridTemplateColumns",
"gridTemplateRows",
"height",
"hyphens",
"imageRendering",
"includeFontPadding",
"justifyContent",
"justifyItems",
"justifySelf",
"left",
"letterSpacing",
"lineBreak",
"lineHeight",
"listStyle",
"listStyleImage",
"listStylePosition",
"listStyleType",
"margin",
"marginHorizontal",
"marginVertical",
"marginBottom",
"marginLeft",
"marginRight",
"marginTop",
"mask",
"maskBorder",
"maskBorderMode",
"maskBorderOutset",
"maskBorderRepeat",
"maskBorderSlice",
"maskBorderSource",
"maskBorderWidth",
"maskClip",
"maskComposite",
"maskImage",
"maskMode",
"maskOrigin",
"maskPosition",
"maskRepeat",
"maskSize",
"maskType",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"mixBlendMode",
"objectFit",
"objectPosition",
"opacity",
"order",
"orphans",
"outline",
"outlineColor",
"outlineOffset",
"outlineStyle",
"outlineWidth",
"overflow",
"overflowAnchor",
"overflowWrap",
"overflowX",
"overflowY",
"overscrollBehavior",
"overscrollBehaviorBlock",
"overscrollBehaviorInline",
"overscrollBehaviorX",
"overscrollBehaviorY",
"padding",
"paddingVertical",
"paddingHorizontal",
"paddingBottom",
"paddingLeft",
"paddingRight",
"paddingTop",
"pageBreakAfter",
"pageBreakBefore",
"pageBreakInside",
"perspective",
"perspectiveOrigin",
"placeContent",
"placeItems",
"placeSelf",
"pointerEvents",
"position",
"quotes",
"resize",
"right",
"rowGap",
"scrollBehavior",
"scrollMargin",
"scrollMarginBlock",
"scrollMarginBlockEnd",
"scrollMarginBlockStart",
"scrollMarginBottom",
"scrollMarginInline",
"scrollMarginInlineEnd",
"scrollMarginInlineStart",
"scrollMarginLeft",
"scrollMarginRight",
"scrollMarginTop",
"scrollPadding",
"scrollPaddingBlock",
"scrollPaddingBlockEnd",
"scrollPaddingBlockStart",
"scrollPaddingBottom",
"scrollPaddingInline",
"scrollPaddingInlineEnd",
"scrollPaddingInlineStart",
"scrollPaddingLeft",
"scrollPaddingRight",
"scrollPaddingTop",
"scrollSnapAlign",
"scrollSnapStop",
"scrollSnapType",
"scrollbarColor",
"scrollbarWidth",
"shapeImageThreshold",
"shapeMargin",
"shapeOutside",
"tabSize",
"tableLayout",
"textAlign",
"textAlignLast",
"textCombineUpright",
"textDecoration",
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
"textIndent",
"textJustify",
"textOrientation",
"textOverflow",
"textRendering",
"textShadow",
"textTransform",
"textUnderlinePosition",
"top",
"touchAction",
"transform",
"transformBox",
"transformOrigin",
"transformStyle",
"transition",
"transitionDelay",
"transitionDuration",
"transitionProperty",
"transitionTimingFunction",
"unicodeBidi",
"userSelect",
"verticalAlign",
"visibility",
"whiteSpace",
"widows",
"width",
"willChange",
"wordBreak",
"wordSpacing",
"wordWrap",
"writingMode",
"zIndex",
"zoom",
];
exports.ShortcutStyleProps = {
f: "flex",
s: "size",
w: "width",
h: "height",
minW: "minWidth",
minH: "minHeight",
maxW: "maxWidth",
maxH: "maxHeight",
bW: "borderWidth",
bRadius: "borderRadius",
bColor: "borderColor",
p: "padding",
pX: "paddingHorizontal",
pY: "paddingVertical",
pT: "paddingTop",
pL: "paddingLeft",
pB: "paddingBottom",
pR: "paddingRight",
m: "margin",
mX: "marginHorizontal",
mY: "marginVertical",
mT: "marginTop",
mL: "marginLeft",
mB: "marginBottom",
mR: "marginRight",
bg: "background",
bgColor: "backgroundColor",
font: "fontFamily",
g: "gap",
t: "top",
b: "bottom",
r: "right",
l: "left",
z: "zIndex",
align: "alignItems",
justify: "justifyContent",
grow: "flexGrow",
wrap: "flexWrap",
lines: "numberOfLines",
spacing: "letterSpacing",
};
exports.TypographyProps = [
"color",
"fontFamily",
"fontSize",
"fontStyle",
"fontWeight",
"letterSpacing",
"lineHeight",
"textAlign",
"textAlignVertical",
"textDecorationLine",
"textDecorationStyle",
"textDecorationColor",
"textShadowColor",
"textShadowOffset",
"textShadowRadius",
"textTransform",
"writingDirection",
"includeFontPadding",
"textOverflow",
"textRendering",
"direction",
"wordSpacing",
"textIndent",
"whiteSpace",
];
// Defaults
exports.ColorPallete = {
red: "#FF0000",
coral: "#FF7F50",
orange: "#FFA500",
gold: "#FFD700",
yellow: "#FFFF00",
lime: "#BCED0D",
lightGreen: "#78D61A",
green: "#4EBF02",
darkGreen: "#008000",
nature: "#008040",
teal: "#008080",
aqua: "#009eb0",
sky: "#00a2cf",
lightBlue: "#007CCF",
blue: "#0057E3",
darkBlue: "#002AE3",
blueViolet: "#3900E3",
violet: "#5A0EE8",
indigo: "#6D04D6",
purple: "#8500C7",
magenta: "#A404BD",
pink: "#BD04B7",
hotPink: "#BD0461",
black: "#000000",
gray: "#808080",
white: "#FFFFFF",
};
exports.FontSizes = {
xxs: 8,
xs: 10,
sm: 12,
md: 14,
lg: 18,
xl: 24,
xxl: 32,
};
exports.FontWeights = {
thinnest: 100,
thin: 200,
light: 300,
normal: 400,
medium: 500,
semibold: 600,
bold: 700,
boldest: 800,
};
exports.Spacing = {
xxs: 1,
xs: 2,
sm: 4,
md: 8,
lg: 12,
xl: 20,
xxl: 32,
};
exports.Breakpoints = {
xxs: 0,
xs: 360,
sm: 576,
md: 768,
lg: 992,
xl: 1200,
xxl: 1600,
};
exports.SizeRegex = /^(xxs|xs|sm|md|lg|xl|xxl(?!\/)|[2-8]xxl|(?:\d+)(px|%))$/;
exports.ColorIntensity = "(100|150|200|250|300|350|400|450|500|550|600|650|700|750|800|850|900)";
//# sourceMappingURL=constants.js.map