@chakra-v2/styled-system/dist/cjs/config/transform.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 transform = {
  clipPath: true,
  transform: index.t.propT("transform", transformFunctions.transformFunctions.transform),
  transformOrigin: true,
  translateX: index.t.spaceT((theme) => `--${theme.config.cssVarPrefix}-translate-x`),
  translateY: index.t.spaceT((theme) => `--${theme.config.cssVarPrefix}-translate-y`),
  skewX: index.t.degreeT((theme) => `--${theme.config.cssVarPrefix}-skew-x`),
  skewY: index.t.degreeT((theme) => `--${theme.config.cssVarPrefix}-skew-y`),
  scaleX: index.t.prop((theme) => `--${theme.config.cssVarPrefix}-scale-x`),
  scaleY: index.t.prop((theme) => `--${theme.config.cssVarPrefix}-scale-y`),
  scale: index.t.prop((theme) => [
    `--${theme.config.cssVarPrefix}-scale-x`,
    `--${theme.config.cssVarPrefix}-scale-y`
  ]),
  rotate: index.t.degreeT((theme) => `--${theme.config.cssVarPrefix}-rotate`)
};

exports.transform = transform;