diff --git a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js index decc2c24c..0dc690a53 100644 --- a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js +++ b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js @@ -514,6 +514,23 @@ eslintTester.run('stylex-valid-styles', rule.default, { }, }, })`, + + // test for progress elements + `import * as stylex from '@stylexjs/stylex'; + stylex.create({ + default: { + '::-webkit-progress-bar': { + appearance: 'none', + }, + '::-webkit-progress-value': { + appearance: 'none', + }, + '::-moz-progress-bar': { + appearance: 'none', + }, + }, + })`, + // test for color `import * as stylex from '@stylexjs/stylex'; stylex.create({ diff --git a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js index 18a1932d1..74e0db8ae 100644 --- a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js +++ b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js @@ -2380,6 +2380,10 @@ export const pseudoElements: RuleCheck = makeUnionRule( makeLiteralRule('::-moz-range-thumb'), makeLiteralRule('::-moz-range-track'), makeLiteralRule('::-moz-range-progress'), + // For progress elements + makeLiteralRule('::-webkit-progress-bar'), + makeLiteralRule('::-webkit-progress-value'), + makeLiteralRule('::-moz-progress-bar'), ); export const pseudoClassesAndAtRules: RuleCheck = makeUnionRule( diff --git a/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts b/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts index ca32e1a12..f6db484f4 100644 --- a/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts +++ b/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts @@ -75,6 +75,10 @@ type CSSPropertiesWithExtras = Partial< '::-moz-range-thumb'?: CSSProperties; '::-moz-range-track'?: CSSProperties; '::-moz-range-progress'?: CSSProperties; + // For progress elements + '::-webkit-progress-bar'?: CSSProperties; + '::-webkit-progress-value'?: CSSProperties; + '::-moz-progress-bar'?: CSSProperties; } > >;