recastui/cjs/Box/style-props.js

Solidjs components library focused on usability, whitelabel theming, accessibility and developer experience

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const borderProps = ['border', 'borderWidth', 'borderStyle', 'borderColor', 'borderTop', 'borderTopWidth', 'borderTopStyle', 'borderTopColor', 'borderRight', 'borderRightWidth', 'borderRightStyle', 'borderRightColor', 'borderBottom', 'borderBottomWidth', 'borderBottomStyle', 'borderBottomColor', 'borderLeft', 'borderLeftWidth', 'borderLeftStyle', 'borderLeftColor', 'borderX', 'borderY'];
const colorProps = ['color', 'background', 'bg', 'backgroundColor', 'bgColor', 'opacity'];
const flexboxProps = ['alignItems', 'alignContent', 'alignSelf', 'justifyItems', 'justifyContent', 'justifySelf', 'flexDirection', 'flexWrap', 'flex', 'flexGrow', 'flexShrink', 'flexBasis', 'order'];
const gridLayoutProps = ['gridTemplate', 'gridTemplateColumns', 'gridTemplateRows', 'gridTemplateAreas', 'gridArea', 'gridRow', 'gridRowStart', 'gridRowEnd', 'gridColumn', 'gridColumnStart', 'gridColumnEnd', 'gridAutoFlow', 'gridAutoColumns', 'gridAutoRows', 'placeItems', 'placeContent', 'placeSelf', 'gap', 'rowGap', 'columnGap'];
const interactivityProps = ['appearance', 'userSelect', 'pointerEvents', 'resize', 'cursor', 'outline', 'outlineOffset', 'outlineColor'];
const layoutProps = ['display', 'd', 'verticalAlign', 'overflow', 'overflowX', 'overflowY'];
const marginProps = ['margin', 'marginTop', 'marginRight', 'marginEnd', 'marginBottom', 'marginLeft', 'marginStart', 'm', 'mt', 'mr', 'me', 'mb', 'ml', 'ms', 'mx', 'my'];
const paddingProps = ['padding', 'paddingTop', 'paddingRight', 'paddingEnd', 'paddingBottom', 'paddingLeft', 'paddingStart', 'p', 'pt', 'pr', 'pe', 'pb', 'pl', 'ps', 'px', 'py'];
const positionProps = ['position', 'pos', 'zIndex', 'top', 'right', 'bottom', 'left'];
const radiiProps = ['borderRadius', 'borderTopRightRadius', 'borderTopLeftRadius', 'borderBottomRightRadius', 'borderBottomLeftRadius', 'borderTopRadius', 'borderRightRadius', 'borderBottomRadius', 'borderLeftRadius', 'rounded', 'roundedTop', 'roundedRight', 'roundedBottom', 'roundedLeft'];
const shadowProps = ['textShadow', 'boxShadow', 'shadow'];
const sizeProps = ['width', 'minWidth', 'maxWidth', 'height', 'minHeight', 'maxHeight', 'w', 'minW', 'maxW', 'h', 'minH', 'maxH', 'size'];
const transformProps = ['transform', 'transformOrigin', 'clipPath'];
const transitionProps = ['transition', 'transitionProperty', 'transitionTimingFunction', 'transitionDuration', 'transitionDelay', 'animation', 'willChange'];
const typographyProps = ['fontFamily', 'fontSize', 'fontWeight', 'lineHeight', 'letterSpacing', 'textAlign', 'fontStyle', 'textTransform', 'textDecoration'];
const otherStyleProps = ['objectFit', 'objectPosition'];
const pseudoSelectorProps = ['_hover', '_active', '_focus', '_highlighted', '_focusWithin', '_focusVisible', '_disabled', '_readOnly', '_before', '_after', '_empty', '_expanded', '_checked', '_grabbed', '_pressed', '_invalid', '_valid', '_loading', '_selected', '_hidden', '_autofill', '_even', '_odd', '_first', '_last', '_notFirst', '_notLast', '_visited', '_activeLink', '_activeStep', '_indeterminate', '_groupHover', '_peerHover', '_groupFocus', '_peerFocus', '_groupFocusVisible', '_peerFocusVisible', '_groupActive', '_peerActive', '_groupDisabled', '_peerDisabled', '_groupInvalid', '_peerInvalid', '_groupChecked', '_peerChecked', '_groupFocusWithin', '_peerFocusWithin', '_peerPlaceholderShown', '_placeholder', '_placeholderShown', '_fullScreen', '_selection', '_rtl', '_ltr', '_mediaDark', '_mediaReduceMotion'];
const boxSystemStyleProps = [...borderProps, ...colorProps, ...flexboxProps, ...gridLayoutProps, ...interactivityProps, ...layoutProps, ...marginProps, ...paddingProps, ...positionProps, ...radiiProps, ...shadowProps, ...sizeProps, ...transformProps, ...transitionProps, ...typographyProps, ...otherStyleProps, ...pseudoSelectorProps];

exports.boxSystemStyleProps = boxSystemStyleProps;