@braineet/ui/dist/esm/components/box/cssProperties.js

Braineet design system

import { system } from 'styled-system';

/**
 * All accepted CSS properties
 */
export var acceptedProperties = ['alignContent', 'alignItems', 'alignSelf', 'background', 'backgroundColor', 'backgroundSize', 'border', 'borderBottom', 'borderLeft', 'borderRadius', 'borderRight', 'borderSpacing', 'borderTop', 'bottom', 'boxShadow', 'color', 'cursor', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexFlow', 'flexGrow', 'flexShrink', 'flexWrap', 'float', 'fontFamily', 'fontSize', 'fontStretch', 'fontStyle', 'fontWeight', 'gap', 'height', 'justifyContent', 'justifyItems', 'justifySelf', 'left', 'letterSpacing', 'lineHeight', 'margin', 'marginBottom', 'marginLeft', 'marginRight', 'marginTop', 'marginX', 'marginY', 'maxHeight', 'maxWidth', 'minHeight', 'minWidth', 'opacity', 'overflow', 'overflowX', 'overflowY', 'padding', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop', 'paddingX', 'paddingY', 'pointerEvents', 'position', 'right', 'textAlign', 'textDecoration', 'textOverflow', 'textTransform', 'top', 'transform', 'verticalAlign', 'visibility', 'whiteSpace', 'width', 'wordBreak', 'wordWrap', 'zIndex'];
export var additionalProperties = system({
  borderSpacing: {
    property: 'border-spacing'
  },
  cursor: {
    property: 'cursor'
  },
  float: {
    property: 'float'
  },
  fontStretch: {
    property: 'font-stretch'
  },
  pointerEvents: {
    property: 'pointer-events'
  },
  textOverflow: {
    property: 'text-overflow'
  },
  textTransform: {
    property: 'text-transform'
  },
  textDecoration: {
    property: 'text-decoration'
  },
  transform: {
    property: 'transform'
  },
  visibility: {
    property: 'visibility'
  },
  whiteSpace: {
    property: 'white-space'
  },
  wordBreak: {
    property: 'word-break'
  },
  wordWrap: {
    property: 'word-wrap'
  }
});
export default {
  additionalProperties: additionalProperties,
  acceptedProperties: acceptedProperties
};