@chakra-v2/styled-system/dist/cjs/config/filter.cjs

Style function for css-in-js building component libraries

'use strict';

var index = require('../utils/index.cjs');
var transformFunctions = require('../utils/transform-functions.cjs');

const filter = {
  filter: { transform: transformFunctions.transformFunctions.filter },
  blur: index.t.blur((theme) => `--${theme.config.cssVarPrefix}-blur`),
  brightness: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-brightness`,
    transformFunctions.transformFunctions.brightness
  ),
  contrast: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-contrast`,
    transformFunctions.transformFunctions.contrast
  ),
  hueRotate: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-hue-rotate`,
    transformFunctions.transformFunctions.hueRotate
  ),
  invert: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-invert`,
    transformFunctions.transformFunctions.invert
  ),
  saturate: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-saturate`,
    transformFunctions.transformFunctions.saturate
  ),
  dropShadow: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-drop-shadow`,
    transformFunctions.transformFunctions.dropShadow
  ),
  backdropFilter: { transform: transformFunctions.transformFunctions.backdropFilter },
  backdropBlur: index.t.blur(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-blur`
  ),
  backdropBrightness: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-brightness`,
    transformFunctions.transformFunctions.brightness
  ),
  backdropContrast: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-contrast`,
    transformFunctions.transformFunctions.contrast
  ),
  backdropHueRotate: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-hue-rotate`,
    transformFunctions.transformFunctions.hueRotate
  ),
  backdropInvert: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-invert`,
    transformFunctions.transformFunctions.invert
  ),
  backdropSaturate: index.t.propT(
    (theme) => `--${theme.config.cssVarPrefix}-backdrop-saturate`,
    transformFunctions.transformFunctions.saturate
  )
};

exports.filter = filter;