@chakra-v2/styled-system/dist/esm/config/ring.mjs

Style function for css-in-js building component libraries

import { t } from '../utils/index.mjs';
import { transformFunctions } from '../utils/transform-functions.mjs';

const ring = {
  ring: { transform: transformFunctions.ring },
  ringColor: t.colors((theme) => `--${theme.config.cssVarPrefix}-ring-color`),
  ringOffset: t.prop(
    (theme) => `--${theme.config.cssVarPrefix}-ring-offset-width`
  ),
  ringOffsetColor: t.colors(
    (theme) => `--${theme.config.cssVarPrefix}-ring-offset-color`
  ),
  ringInset: t.prop((theme) => `--${theme.config.cssVarPrefix}-ring-inset`)
};

export { ring };