Schnappix/node_modules/react-native-reanimated/lib/module/css/web/config.js

'use strict';

import { processBoxShadowWeb } from '../../common';
import { boxShadowBuilder, processColor, processFilter, processFontVariant, processFontWeight, processMarginHorizontal, processMarginVertical, processPaddingHorizontal, processPaddingVertical, processTransform, processTransformOrigin, textShadowBuilder } from './style';
const colorAttributes = {
  process: processColor
};
export const PROPERTIES_CONFIG = {
  /** Layout and Positioning */
  // FLEXBOX
  flex: true,
  flexBasis: 'px',
  flexDirection: true,
  justifyContent: true,
  alignItems: true,
  alignSelf: true,
  alignContent: true,
  flexGrow: true,
  flexShrink: true,
  flexWrap: true,
  gap: 'px',
  rowGap: 'px',
  columnGap: 'px',
  start: false,
  end: false,
  direction: true,
  // DIMENSIONS
  height: 'px',
  width: 'px',
  maxHeight: 'px',
  maxWidth: 'px',
  minHeight: 'px',
  minWidth: 'px',
  // MARGINS
  margin: 'px',
  marginTop: 'px',
  marginRight: 'px',
  marginBottom: 'px',
  marginLeft: 'px',
  // TODO - check if these props should depend on writing direction
  marginStart: {
    as: 'marginLeft'
  },
  marginEnd: {
    as: 'marginRight'
  },
  marginBlock: 'px',
  marginBlockEnd: 'px',
  marginBlockStart: 'px',
  marginInline: 'px',
  marginInlineEnd: 'px',
  marginInlineStart: 'px',
  marginHorizontal: {
    process: processMarginHorizontal
  },
  marginVertical: {
    process: processMarginVertical
  },
  // PADDINGS
  padding: 'px',
  paddingTop: 'px',
  paddingRight: 'px',
  paddingBottom: 'px',
  paddingLeft: 'px',
  // TODO - check if these props should depend on writing direction
  paddingStart: {
    as: 'paddingLeft'
  },
  paddingEnd: {
    as: 'paddingRight'
  },
  paddingBlock: 'px',
  paddingBlockEnd: 'px',
  paddingBlockStart: 'px',
  paddingInline: 'px',
  paddingInlineEnd: 'px',
  paddingInlineStart: 'px',
  paddingHorizontal: {
    process: processPaddingHorizontal
  },
  paddingVertical: {
    process: processPaddingVertical
  },
  // INSETS
  top: 'px',
  left: 'px',
  bottom: 'px',
  right: 'px',
  inset: 'px',
  insetBlock: 'px',
  insetBlockEnd: 'px',
  insetBlockStart: 'px',
  insetInline: 'px',
  insetInlineEnd: 'px',
  insetInlineStart: 'px',
  // OTHERS
  position: true,
  display: true,
  overflow: true,
  zIndex: true,
  aspectRatio: true,
  boxSizing: true,
  /** Appearance */
  // COLORS
  // Background
  backgroundColor: colorAttributes,
  // Text
  color: colorAttributes,
  textDecorationColor: colorAttributes,
  textShadowColor: textShadowBuilder,
  // Border
  borderColor: colorAttributes,
  borderTopColor: colorAttributes,
  borderBlockStartColor: colorAttributes,
  borderRightColor: colorAttributes,
  borderEndColor: {
    as: 'borderRightColor'
  },
  borderBottomColor: colorAttributes,
  borderBlockEndColor: colorAttributes,
  borderLeftColor: colorAttributes,
  borderStartColor: {
    as: 'borderLeftColor'
  },
  borderBlockColor: colorAttributes,
  // Other
  outlineColor: colorAttributes,
  shadowColor: boxShadowBuilder,
  overlayColor: colorAttributes,
  tintColor: colorAttributes,
  // SHADOWS
  // View
  shadowOffset: boxShadowBuilder,
  shadowOpacity: boxShadowBuilder,
  shadowRadius: boxShadowBuilder,
  elevation: false,
  // Android only
  textShadowOffset: textShadowBuilder,
  textShadowRadius: textShadowBuilder,
  boxShadow: {
    process: processBoxShadowWeb
  },
  // BORDERS
  // Radius
  borderRadius: 'px',
  // top-left
  borderTopLeftRadius: 'px',
  borderTopStartRadius: {
    as: 'borderTopLeftRadius'
  },
  borderStartStartRadius: 'px',
  // top-right
  borderTopRightRadius: 'px',
  borderTopEndRadius: {
    as: 'borderTopRightRadius'
  },
  borderStartEndRadius: 'px',
  // bottom-left
  borderBottomLeftRadius: 'px',
  borderBottomStartRadius: {
    as: 'borderBottomLeftRadius'
  },
  borderEndStartRadius: 'px',
  // bottom-right
  borderBottomRightRadius: 'px',
  borderBottomEndRadius: {
    as: 'borderBottomRightRadius'
  },
  borderEndEndRadius: 'px',
  // Width
  borderWidth: 'px',
  // top
  borderTopWidth: 'px',
  borderStartWidth: {
    as: 'borderLeftWidth'
  },
  // bottom
  borderBottomWidth: 'px',
  borderEndWidth: {
    as: 'borderRightWidth'
  },
  // left
  borderLeftWidth: 'px',
  // right
  borderRightWidth: 'px',
  // Decoration
  borderCurve: true,
  borderStyle: true,
  // OUTLINES
  outlineOffset: 'px',
  outlineStyle: true,
  outlineWidth: 'px',
  // TRANSFORMS
  transformOrigin: {
    process: processTransformOrigin
  },
  transform: {
    process: processTransform
  },
  // OTHERS
  backfaceVisibility: true,
  opacity: true,
  mixBlendMode: true,
  // eslint-disable-next-line camelcase
  experimental_backgroundImage: false,
  // TODO

  /** Typography */
  // Font
  fontFamily: true,
  fontSize: 'px',
  fontStyle: true,
  fontVariant: {
    process: processFontVariant
  },
  fontWeight: {
    process: processFontWeight
  },
  // Alignment
  textAlign: true,
  textAlignVertical: true,
  verticalAlign: true,
  // Decoration
  letterSpacing: 'px',
  lineHeight: 'px',
  textTransform: true,
  textDecorationLine: true,
  textDecorationStyle: true,
  // Others
  userSelect: true,
  writingDirection: false,
  includeFontPadding: false,
  /** Others */
  // Image
  resizeMode: false,
  objectFit: false,
  // Cursor
  cursor: true,
  pointerEvents: true,
  // Others
  filter: {
    process: processFilter
  },
  isolation: true
};
//# sourceMappingURL=config.js.map