no-debug

Disallow the inclusion of the debug attribute when shipping code to the production environment.

📋 This rule is enabled in plugin:@pandacss/all.

📋 This rule is enabled in plugin:@pandacss/recommended.

Rule details

❌ Examples of incorrect code:

import { css } from './panda/css';

const styles = css({ marginLeft: '4', debug: true });

import { css } from './panda/css';

function App(){
  return <div className={css({ background: 'red.100', debug: true })} />;
};

import { Circle } from './panda/jsx';

function App(){
  return <Circle _hover={{ position: 'absolute' }} debug />;
}

✔️ Examples of correct code:

import { css } from './panda/css';

const styles = css({ marginLeft: '4' });

import { css } from './panda/css';

function App(){
  return <div className={css({ background: 'red.100' })} />;
};

import { Circle } from './panda/jsx';

function App(){
  return <Circle _hover={{ position: 'absolute' }} />;
}