diff --git a/packages/pigment-css-react/src/sx.d.ts b/packages/pigment-css-react/src/sx.d.ts index 4263a9e4..383b0f6f 100644 --- a/packages/pigment-css-react/src/sx.d.ts +++ b/packages/pigment-css-react/src/sx.d.ts @@ -6,6 +6,6 @@ type GetTheme = Argument extends { theme: infer Theme } ? Theme : neve export type SxProp = | CSSObjectNoCallback | ((theme: GetTheme) => CSSObjectNoCallback) - | ReadonlyArray) => CSSObjectNoCallback)>; + | ReadonlyArray) => CSSObjectNoCallback) | false>; export default function sx(arg: SxProp, componentClass?: string): string; diff --git a/packages/pigment-css-react/tests/sx.spec.ts b/packages/pigment-css-react/tests/sx.spec.ts index 0007c7e6..2459bef3 100644 --- a/packages/pigment-css-react/tests/sx.spec.ts +++ b/packages/pigment-css-react/tests/sx.spec.ts @@ -11,6 +11,7 @@ const sx3: SxProp = [{ color: 'red' }, { backgroundColor: 'blue', color: 'white' const test = true; const sx4: SxProp = [ test ? { color: 'red' } : { backgroundColor: 'blue', color: 'white' }, + false, (theme) => ({ border: `1px solid ${theme.palette.primary.main}`, }),