From 8c71b0364b645e85893feba1a3e4050757302de9 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 21 Oct 2024 21:26:38 +0000 Subject: [PATCH 1/6] Convert Details component to CSS modules behind team flag --- e2e/components/Details.test.ts | 79 +++++++++++-------- .../react/src/Details/Details.dev.stories.tsx | 27 +++++++ packages/react/src/Details/Details.module.css | 7 ++ packages/react/src/Details/Details.tsx | 42 +++++++--- 4 files changed, 112 insertions(+), 43 deletions(-) create mode 100644 packages/react/src/Details/Details.dev.stories.tsx create mode 100644 packages/react/src/Details/Details.module.css diff --git a/e2e/components/Details.test.ts b/e2e/components/Details.test.ts index 4f51edaeb18..daa88ee5953 100644 --- a/e2e/components/Details.test.ts +++ b/e2e/components/Details.test.ts @@ -2,43 +2,56 @@ import {test, expect} from '@playwright/test' import {visit} from '../test-helpers/storybook' import {themes} from '../test-helpers/themes' -test.describe('Details', () => { - test.describe('Default', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-details--default', - globals: { - colorScheme: theme, - }, - }) +const stories: Array<{title: string; id: string}> = [ + { + title: 'Default', + id: 'components-details--default', + }, + { + title: 'SX Prop Stress Test', + id: 'components-details-dev--sx-prop-stress-test', + }, +] - // Default state - closed - expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.png`) - // Click the summary to open - await page.getByText('See Details').click() - await page.getByText('This is some content').waitFor() - // Open state - expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.open.png`) - }) +test.describe('Details', () => { + for (const story of stories) { + test.describe(story.title, () => { + for (const theme of themes) { + test.describe(theme, () => { + test('default @vrt', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, + }, + }) - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-details--default', - globals: { - colorScheme: theme, - }, + // Default state - closed + expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.png`) + // Click the summary to open + await page.getByText('See Details').click() + await page.getByText('This is some content').waitFor() + // Open state + expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.open.png`) }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, + + test('axe @aat', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, + }, + }) + await expect(page).toHaveNoViolations({ + rules: { + 'color-contrast': { + enabled: false, + }, }, - }, + }) }) }) - }) - } - }) + } + }) + } }) diff --git a/packages/react/src/Details/Details.dev.stories.tsx b/packages/react/src/Details/Details.dev.stories.tsx new file mode 100644 index 00000000000..15d83468997 --- /dev/null +++ b/packages/react/src/Details/Details.dev.stories.tsx @@ -0,0 +1,27 @@ +import React from 'react' +import type {StoryFn, Meta} from '@storybook/react' +import Details from './Details' +import {Button} from '../Button' +import useDetails from '../hooks/useDetails' + +export default { + title: 'Components/Details/Dev', + component: Details, +} as Meta + +export const SxPropStressTest: StoryFn = () => { + const {getDetailsProps} = useDetails({closeOnOutsideClick: true}) + return ( +
+ + This is some content +
+ ) +} diff --git a/packages/react/src/Details/Details.module.css b/packages/react/src/Details/Details.module.css new file mode 100644 index 00000000000..a0e787b9844 --- /dev/null +++ b/packages/react/src/Details/Details.module.css @@ -0,0 +1,7 @@ +.Details > summary { + list-style: none; +} + +.Details > summary::-webkit-details-marker { + display: none; +} diff --git a/packages/react/src/Details/Details.tsx b/packages/react/src/Details/Details.tsx index e0aaf17d828..496b91a74e6 100644 --- a/packages/react/src/Details/Details.tsx +++ b/packages/react/src/Details/Details.tsx @@ -1,20 +1,42 @@ +import React, {type ReactElement} from 'react' import styled from 'styled-components' import type {SxProp} from '../sx' import sx from '../sx' import type {ComponentProps} from '../utils/types' +import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent' +import {useFeatureFlag} from '../FeatureFlags' +import {clsx} from 'clsx' +import classes from './Details.module.css' -const Details = styled.details` - & > summary { - list-style: none; - } - & > summary::-webkit-details-marker { - display: none; - } +const CSS_MODULES_FEATURE_FLAG = 'primer_react_css_modules_team' - ${sx}; -` +const StyledDetails = toggleStyledComponent( + CSS_MODULES_FEATURE_FLAG, + 'details', + styled.details` + & > summary { + list-style: none; + } + & > summary::-webkit-details-marker { + display: none; + } + + ${sx}; + `, +) + +const Details = React.forwardRef>( + ({className, children, ...rest}, ref): ReactElement => { + const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) + return ( + + {children} + + ) + }, +) Details.displayName = 'Details' -export type DetailsProps = ComponentProps +export type DetailsProps = ComponentProps export default Details From 806acbb161a023bfc35268c425c86c568dc3ccb1 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 21 Oct 2024 21:28:50 +0000 Subject: [PATCH 2/6] Update snapshot name --- e2e/components/Details.test.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/e2e/components/Details.test.ts b/e2e/components/Details.test.ts index daa88ee5953..5cd2a157d80 100644 --- a/e2e/components/Details.test.ts +++ b/e2e/components/Details.test.ts @@ -27,12 +27,12 @@ test.describe('Details', () => { }) // Default state - closed - expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.png`) + expect(await page.screenshot()).toMatchSnapshot(`Details.${story.title}.${theme}.png`) // Click the summary to open await page.getByText('See Details').click() await page.getByText('This is some content').waitFor() // Open state - expect(await page.screenshot()).toMatchSnapshot(`Details.Default.${theme}.open.png`) + expect(await page.screenshot()).toMatchSnapshot(`Details.${story.title}.${theme}.open.png`) }) test('axe @aat', async ({page}) => { From d6cc8d4ed73a251b8acf2bc6673bbb5514d1a5d4 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Mon, 21 Oct 2024 14:29:27 -0700 Subject: [PATCH 3/6] Create clean-mails-accept.md --- .changeset/clean-mails-accept.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/clean-mails-accept.md diff --git a/.changeset/clean-mails-accept.md b/.changeset/clean-mails-accept.md new file mode 100644 index 00000000000..00d788b60fc --- /dev/null +++ b/.changeset/clean-mails-accept.md @@ -0,0 +1,5 @@ +--- +"@primer/react": minor +--- + +Convert Details to css module behind feature flag From 753a700d2934f2c2c26b10654081b20170fb7816 Mon Sep 17 00:00:00 2001 From: jonrohan Date: Mon, 21 Oct 2024 21:37:30 +0000 Subject: [PATCH 4/6] test(vrt): update snapshots --- ...SX-Prop-Stress-Test-dark-colorblind-linux.png | Bin 0 -> 6256 bytes ...op-Stress-Test-dark-colorblind-open-linux.png | Bin 0 -> 8358 bytes ...ils-SX-Prop-Stress-Test-dark-dimmed-linux.png | Bin 0 -> 6236 bytes ...X-Prop-Stress-Test-dark-dimmed-open-linux.png | Bin 0 -> 8471 bytes ...Prop-Stress-Test-dark-high-contrast-linux.png | Bin 0 -> 6286 bytes ...Stress-Test-dark-high-contrast-open-linux.png | Bin 0 -> 8837 bytes .../Details-SX-Prop-Stress-Test-dark-linux.png | Bin 0 -> 6256 bytes ...tails-SX-Prop-Stress-Test-dark-open-linux.png | Bin 0 -> 8358 bytes ...SX-Prop-Stress-Test-dark-tritanopia-linux.png | Bin 0 -> 6256 bytes ...op-Stress-Test-dark-tritanopia-open-linux.png | Bin 0 -> 8356 bytes ...X-Prop-Stress-Test-light-colorblind-linux.png | Bin 0 -> 6340 bytes ...p-Stress-Test-light-colorblind-open-linux.png | Bin 0 -> 7195 bytes ...rop-Stress-Test-light-high-contrast-linux.png | Bin 0 -> 6354 bytes ...tress-Test-light-high-contrast-open-linux.png | Bin 0 -> 8200 bytes .../Details-SX-Prop-Stress-Test-light-linux.png | Bin 0 -> 6340 bytes ...ails-SX-Prop-Stress-Test-light-open-linux.png | Bin 0 -> 7195 bytes ...X-Prop-Stress-Test-light-tritanopia-linux.png | Bin 0 -> 6340 bytes ...p-Stress-Test-light-tritanopia-open-linux.png | Bin 0 -> 7195 bytes 18 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-colorblind-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-high-contrast-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-tritanopia-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-colorblind-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-high-contrast-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-open-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-tritanopia-open-linux.png diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-colorblind-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a418326a3015bd652807c17d4493ac00c5f20b51 GIT binary patch literal 6256 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
t+Nmrld2djD_aM#w@FAj8XB*KLC zNyMv9ot(TZX}?(8^U1IRPKZC$s1_>5=qKgMO=k`6FWqELT0sz`ed%5NN95KW%=i{> ztN0NW^JaRx9#MHkB296f*w&e6LXaQW^M<}jJb9}9v9G0B^5}C7(h@@DA20qN*z=xk z!1VyfiYe{co}T)U5Pz!IrHc=b9`$nX$7453iZ-0@Ez^7(2qzCANJZGBEA>rbK0Iq} zf)#t^a?Mlu5x0`_ul9uQ#^!#4AVmn7Lt)1+9yvQg97n7`*d(vz7pSICzoNM=Cc`l0 z@+I`-!G!}WS8Do(YbdIRH^Du0w6`@o>1zAs5*;$VJ)ZKZ|9)WubnwG zza$bs^Yp2)HGQwr+8;OYHn6R)oeNQS1QDfvx%b>t5@8oMt2wJ(f5xl$5VNoK%?+g!_rdpeM> zK|g8q+HYPp5Kb+BIc$8Crx+d{coR+gR~80+u@bpn74V%ndHQvHWp%Z!a{x_nik*i9 zJ>E0}iXfGjC!)|v(NF!YjByLpnwpU|*HFpNH&XAGB53{jpDtG{Jyv}sXXAxAlsd{_BS9p9(%x=-BpKY6Tk{V7gS<*rnr`6ON%08 zDgp6L*7dDvZySqg%AvK`#=F!c%Fkds_H?y%Emv*S=@wpj7^~mzTA2f0+}JCOGVcY` zmM#0_$qH($%b7Y=WBlL`=Kp=acrilUx8I~<&+dT{a>N|BgKz#YE>3FJekJ;;(@`%r zA5Ub)J!imQ^_-5ww}f&Qm^7ggSSdIK#-NUH-}RX!QCRQ=hLx?kOnEWNGjzDNdqLoG z?i{BJ@!O950979xzND`GG_f1w5|X_Q0AvnHoNR;e79XQO=nZ~1%=kZ<(fnspAASD0 ztw?$d9Cw_&f&PnAq5n+dpUs-yN_|VzG5QwDQ q$p<%7-oO19;4l5m{-=+qg_oort+4(|uNIUKAinYVy2|z9kN*S@1Xa}l literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..65a4cf998d2a5c9a3bcf141c3562db91eec38a41 GIT binary patch literal 6236 zcmeI0SyWTk9>x#lVjPNT>$R~(NV~c!x79$YOfp(fsaQr4q)b{W6hgoNCP*X!u_A*| zi->|GRY1T=Z007L7etRew08Cen7qIyqW5w(c)x|iNqy_tU0i>bb^8m2x!=s13 z3CXxE;lY0yS7h}srz!UpQnLq|soCFsm2bEB<##pt`F$VA9M1<{v_rIBbV|0XIF;mg zpWU;kxPpo5!StZSpKsZ7!rGx}hnZbMWvKaYci%bk!1w#elV&$ggep@h;F~V|ojh*YlpX_sCo)FGU665ID03tj06y(;2Y^fOsQ}UsM}US3wix604!OVZ{My|C{&2~ z2LgVSlQWyDf)rHLJlwBxh_Je!tiRd}0zNqsFnnwrR>Dd;UsG?gwNTsPH;@@4wn;<- z0NXMX)3M;_9>|pTW~Bky3>?!&22mjpRc@9Z1OtH6#>H)0|KM9e z+Mhnzl7H2O(IPVTTy#T-%hHn)7){E#+i&vv(N?S%4Di{FRR{S%+ga=;Z?V_~FKL4> z^Hlr7*Q{9UREDk+`KC{z9=%Lzj3S0L(&a<01Z*5Hf|0ml0!mL}vtKPQR`SlOrhCf@ zaL$0@%ZzAS`b}wDKwLhM|I;xD(Y03OIFCGi@rI;Hw zjYNyDQHwXLi(SNA2o}?IaUkqL#u6<0YY966J+(ac_=>i;*j$GE5x^rnHSd+#_mxlt;syjIT2%hokW## zko)38A3POXvZh!th_s$+;r$atTv&<~K%RN&e()Mr%QfJg zkp>+{h0(ldo*5uy{D5c(S$k^@_CRss$ux1rt(G|3@6!iZbfqY^ugIp%*V>QZq0f?O z`4U41b&Dm9-NKFdTS;I2@IBs3EE;lMWv(5Ob`8-SPNpJ7& z;uy>GJ?|eY*H6#a5lErLy`gSub}Zb(;fyb$RypDg?vyAANqkx@nJk;&CR-e6MlzJj z$Gmzfl}aSSSLY_SAa?W>S<1T)KVD6iNu*M`LdmV$z4DwBMyQd^vCsD1iV1I;?$YPz z$Kj!9H|}yymdDcN0mpaYb22DA76)JwM%>(zx3hlV{33mF)X=u}1%P-;cW-x1@451R?znhK z_?b8{k0z{OsC#X}9&^7D$sLI^FUkhW$!&%l5PzHtJRuoluz)o-){>-IIWtg>Gk`qZ z`}6OkiSjxkyCj~g2sF~#gOUCTmc#gWdX zr-f;=*kxFpeLiTQ&L@OO~{zuLeRg2 zW-UZOLW$#573SGdy-mBbpE8-umsR`g8WB(T+LE$X7?&OFulv>(n_KW1Ds?&eajSj# zzzm5*!sGGFQ&dyr0^0r&L{Lq6Zw`;n0D5Esb zK68CRzjNpGVsxw^Y0~|&)GmE)q@U$RpSuCAax##Wx{Q$Wb`Mc)gCv!14>X%HVoW=*_Qbp`_T5l+h4r*1n9r54NickP~ZMq$mMd3 z8~xYMRTuPW{lylK!)ht1FJJk@q&`2aP$chl;WHB@r2+WVm80Ex;FOb$6qm0eWL)^-&9${Pkqd!~k##OC{I2;B z-XU#FKJ4V+&?$tT9=aV~heJxQypNe+GFu-#Isw{bOdDFIz!BhIk39e!?vTpJhDBxr z!LW{m!3N8G2QOc(Li4gz!&p>&LrCVFFb~38slHWLHNkdnZfTLxVklWNYX)(XgswY&)ELab&)o#iBPd} zS7>sg%mNpgQ~K|ZRJFkkDxEd6=wvkGe0Xh2+Tf{}rfwr7Q3GM%k9LhR1?ho?`saVZ zLb-3PxV{7dRW#kL1AuG+hA#T&+2#+3I`lir72-{d5Mg#9^-o0b7a{I%GT_GJe;J=Q zq}z~g!^MC9H*~{C8$R0b(T0!y&QaDzhHPZWMuu!;$Um4N(>RmN+_w)V5?%gdJeCKJ M9`-*(@;Y_#zq+KGS^xk5 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-open-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-dimmed-open-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0411e98abc3cd0a89416e33ea9c141db4ecbe36e GIT binary patch literal 8471 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-high-contrast-open-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-high-contrast-open-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..948de9ecd4f17781f2d82cf375865cbf2a899f33 GIT binary patch literal 8837 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
t+Nmrld2djD_aM#w@FAj8XB*KLC zNyMv9ot(TZX}?(8^U1IRPKZC$s1_>5=qKgMO=k`6FWqELT0sz`ed%5NN95KW%=i{> ztN0NW^JaRx9#MHkB296f*w&e6LXaQW^M<}jJb9}9v9G0B^5}C7(h@@DA20qN*z=xk z!1VyfiYe{co}T)U5Pz!IrHc=b9`$nX$7453iZ-0@Ez^7(2qzCANJZGBEA>rbK0Iq} zf)#t^a?Mlu5x0`_ul9uQ#^!#4AVmn7Lt)1+9yvQg97n7`*d(vz7pSICzoNM=Cc`l0 z@+I`-!G!}WS8Do(YbdIRH^Du0w6`@o>1zAs5*;$VJ)ZKZ|9)WubnwG zza$bs^Yp2)HGQwr+8;OYHn6R)oeNQS1QDfvx%b>t5@8oMt2wJ(f5xl$5VNoK%?+g!_rdpeM> zK|g8q+HYPp5Kb+BIc$8Crx+d{coR+gR~80+u@bpn74V%ndHQvHWp%Z!a{x_nik*i9 zJ>E0}iXfGjC!)|v(NF!YjByLpnwpU|*HFpNH&XAGB53{jpDtG{Jyv}sXXAxAlsd{_BS9p9(%x=-BpKY6Tk{V7gS<*rnr`6ON%08 zDgp6L*7dDvZySqg%AvK`#=F!c%Fkds_H?y%Emv*S=@wpj7^~mzTA2f0+}JCOGVcY` zmM#0_$qH($%b7Y=WBlL`=Kp=acrilUx8I~<&+dT{a>N|BgKz#YE>3FJekJ;;(@`%r zA5Ub)J!imQ^_-5ww}f&Qm^7ggSSdIK#-NUH-}RX!QCRQ=hLx?kOnEWNGjzDNdqLoG z?i{BJ@!O950979xzND`GG_f1w5|X_Q0AvnHoNR;e79XQO=nZ~1%=kZ<(fnspAASD0 ztw?$d9Cw_&f&PnAq5n+dpUs-yN_|VzG5QwDQ q$p<%7-oO19;4l5m{-=+qg_oort+4(|uNIUKAinYVy2|z9kN*S@1Xa}l literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-tritanopia-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..a418326a3015bd652807c17d4493ac00c5f20b51 GIT binary patch literal 6256 zcmeHLYfzJC7XB!8>6T*bdcTy^IwKSt=!#qKZrt73+3o)8Ys6&Y5@4 zIp2GpbDrn@zBw6$uzP#g+W-LA`G0!!GyqtySRUZ5H!PM7N10xhmlggr;s{XlVvh^} zb~yPT{ZsI@BE<+XN0316TvDF1%D1`=-S+`;z$f(V!D}MvhW_K5{r&2Gd{OY^J7!_t zN$1h`w?ZM&PLb)dt^msEuj%N(17{D$ZGf~#^w)nqRy4HZO54HS7OwFo-kTDc{gObW zc1k&GCN@Vo)2F35w52K=Dr%!nS^OYN5s~E?^|&o0NDH72LNvU z8e^IeZ9F1z%~R(41Hg6oK%&-)8PAsd7d-!}#2!P4*DuiQ0+MQs{^ZVr0#pOV#})wQ zpDIE|yqJo?QF9}N1%eQ=v!(2)De(h^Omml`l*=oEou)Qg13=0Rxm?a*xcRulBrF++ zZwG($+`s#dzAP8-RBdjG8tnMPWy^OG9-l6c9TC>5r*iMUH&>9}%^07_b@PuRE)ai$ zIP+oU^HxAwZItx(1;srdKKu+HC~YVEiB3S>t06H705H7S%e@-A+SYcl8uPhWKrpc@ zD=VvbRzUcPS-HGQ84HO~4@|J9dDSKx2mqXS%02cC=*CKsrFd`cU9bY)ztw01T;DWd zf4w25JI9vRbSd%FmWPNe)2kB!#BFZ^xUxx)p*KFhB1Qy3vEnD^^@&P8nO70AJd?6) z+F(06?gswsnt5@&E#tv(Jys;FuP+VA8!^&}XAILGIAis`Ebj|yIj`~zYw?mpZ;822 zr(+O2cLT)CMjOY$;aUgum#vd$>uQqZU14X^yT?<($+GtC*jFl!#M}y!jOXH*3e5)F zZG6I`K$_xlyJWYGfM}I#x_`K{Ex@0rl+Ut6Xq7ygaRc? z$$n3C^>=o=JQL(Af-~jS)l_$EcWvh$QQZuNYvwKsM!swtDD5$Q?g6?EzsU9R%}>@! zIMB&&Z-TsLe-LDPKaK1kJOM{$9(dfutqd2|eA+%l9~Cbx+Fb+oijO?CWjn@m z4XsQPfc8CfrsEVMtN8G;s_PzHJF0CaJj(M) z5I0(bycea?POw|_O2am1!^C#>NhGo^RJjRY`iiY{WTW~8WB*OiC}}xRVm1*j_c2sC z$e=5cvErrva%l&IGY@_|CG>^_HNs4yF%BQ4oeNxa{?|?eE{sWb_?V&(I>Crr<#0Y}2Vk07?^))q`K!vCtOAH^kb|~_^q}M2zvQgkkPi&8s zBN8R3e^p0YQw4f}NsFzJeTd_pb5*u3jbqO~L>6DWAbUx^ZJ#u|_a4m1rBTIvK0l?U z<;n=7k2y6h2>U`gJ$$lyfw3P@LeB=kIiW{!A`k|nCYc5 zEOVjKJ6VB6p5>>@=LceedFT2mAg7GM&@H=O{^`z+CEZP~b4qWVA33d1TxDKR%~?1XX6h^&Rcz`&HN zsv9=;jgw2AgdDP8g!BnnORno#prf+veHieyAtZi!)HB)OAR)BqHD9G-vThie?y z^*_uq8MdOXNZ7`vnc`5>eBEGKpkm|^A;PcilkMn3dI_gddLR_)rP=9TW$|Ibg;67- zSyom?o8HEi>^zLl*kWZQ=n&r@j_BB$7dARH6pTiX3>>^5(kNUwD=K?77HIxZbQS21 zZ_lmUZ-L!>9o+ScpT89f3*2J(mZ@3|RWd3a(@V^T{w6$*F`1pAS1Uw9VUn6Ia1O1n za!e1M9$}!ktc6v%f}W6Y;7rwO1O5e8(!6#TReVS`cyB+M;h1hW=kXCy)#VCzJKvtZ z6$&eW87DHzPMBM@Y{9E0^*0U_3`tfB&2;&!aZ!wi5r^-m_N^LvDevyHCoLjq%_>!1 z4YNj)Z5k{K!p4MZJ3=mnk^3&@VN_Hc{3Hs+RITL>mL0cDVTVUni-J?U;X{#m?3dc! zDdxrT^W30wbsaq?0pL^D_*s}sv$m2sbs9?mKM9x-Q7nx5OKFidFp*3QX^=;!&;j86 zV+jdrO$C+1)6;5`&e{_Apz_K}m%me_g^8ha68_u1$N)E--KR+&POFM&8D1In-aGMSi;Pifdm7zWF zz25(ZsFIPu*Wi@eR*3P>xlsSE*PAKH2%L-%{|X5JEfR0g!#DrN%m8pC?LX-Hw=}-4 z%j5Z-7IiYxg8NsE@LLA`H!-pv=ojj2{Xo_ay5D92=9O7$PV4A;l+|Hb$@mfBH3@wFGm!Yak6?wT|UzsZtakgE2`DXxF7^G=e-vodQXOE0o0Ege7 zbO3X#4&XsDIbp!DJ55n_z|@Jj0*&!sMXHU z4PUl@_IqoGmSGBGdr6wu7Qlm&o1qnR5@S;ey(=*dlQ5sqE|L290)XGHNOcy6a~l<> zjU3xS&By)zC*b|#Wwm*C2AbH!Kj8G*psy@VPypMw=?D+;*VUMpZ7Cz_8DQa9l*y_U zxIa}H&eyc6DpMa`E=`D?D{I26Pty2HLlVZg8-F2>f1005raG##;s}KGDx$_PhB50c zO>&E3-bf*4|j+1t(Q!RLF-LACW8mEKaK$YL5!_O7bi&tp;O=@9t*D7pt#R(S7 zUdeMMOb}({)5-BOTC>R(vG9~(8f?OJZC*>~q(8ho7p)g(;JS3p%eMUrkVDEJcbgUpbt;Ybt@28#-aKzggl4MyEb$H`MP9d9p%_fR zZXP$n?ypT2GPAWxn2%m3#Ad_@e~YE@mJd1k`(pNzR1!HyvtB$rSA-ZNz09|=Wo|BL zbB*BaY(run)TmT3`0+6@F$C;7WkaZfne$vBuD!c#ZMl@8hmp&|O8oYtQu zGi+^a{0s^!4qCH5XIj2yi3fLoglDprf8pb^&csKRI|@(`f`mujs_mL2hew?kuIuK^ z8~t+paxf!%bS5r3LsuZn5}+8mJ8||)cU6@cefcV=stD(2UJ>=L^{DZrg^S_aw&a~% z|MMHEAN}Tk*qc1Dj9GgO+jwNu z|KUSKhoKe$?g(d;gEGyE;^^nG^=o%`D^etF>dAmq3uGoCy|G>rrskC zS>0DmVU1mP@4iUEYdSU)n{#y>dWdQ#*$c4q>`ezc>xWV>`s>9e8p1SkGUQO~%g3rJ zysS0|!ddgDVbb))+SBY5;c^wFr$SEp)%2^#-F?sP+ogfZT3cA|_?N?XPG|J{>!DMe zEe4WP&sXIlNvwdiV*Lr0rau!zPW4>v~ZdcF&7eC~p3O$e<=LKSZO)z)T) z$+C{TIoEEU4!|eNNUC<8j{ZdF2BaokB3{s-(05)e zMRU!@7fUhv&HVg)s-xjH%*VWgzt;T?JqC2+2jdUQFv<4z_BR*|*vqTz-LVTCRaJ&8 zr$T1v>(y|zad0YWwGCzMolYPSL^(KdN7|zxlMW1;wnCHI*0g{yEB42iI}D8h2g6)? z-A`;)~e%U7Ma22wRtg%v(~xeDmxme|=I>Qx#U4t|Y`tsOlq*x6=>szx`n7zsDae)hq#@MVXf#5& z^Uo8_ljX`No1({^A0npb=A>Z$aj#mu%Hzofu3vYCQ1l9g2E01L%hN~a7>sg?^1=9F zC_~us?ElfdrdhvT3c@746UJjMzK>VsV_tTT%Ast~QrA z8ccf1!sQB>L4(J5`FY&SQ1#8h)>%YNmp7b>N->XL5c%y*U!9SSuK0vUb} zx>Vsx5`p6+)iEPuSuZ1M^LCg77S?|EsH(2;-0>({6v1eZiT5mr@r)WhWxSu(F3&aE z;|#@=_3y!aHrogTy&}KatRAWTtPW~gw9U^ia3!mJu~@7%v^RihoZd#`8-p+#r213h zrAACtnxT|kVDt6^TtG_q_}Vw>S7P9a;x{MLys(5Tm4a%boVCbm>Nl;p9U5FocCsJJ z1_SU9G)7dRF$5`4Mn!^xBoM;TD)vczh$Bm#q4d3_ewRK3E}RJLj$z+#`$u(jeU}lc zfvq$jeFL~q_si0ifxPSP-1DoI~Q3k{3nv}8V|Wg&(WgVYojk7B$gevVZArMWE7P}iiDv~`6w!-1=><}jQ~=_jn)Z_qjdVaqKCA_Db$;N9;K;p-fPkK^u5L7RB%xNs7Uq$g9N}S2 zE>>2dS?Xw;UG-%_2CTERi&&5R{9UWEt=(hDE;cdTKbWn&Xl+$$GzQhg@T4JeaTOT_ zoP`M1EsujIAf-#{EFX8#Px6sy881CHKJ{m`i<0fpI3zwvw4sNzZHS5;X@lD(78grn z+(r^=PL>oAZnLw35jb304i(kD-^(VRgWS2R;Z%bG4XGdUA+CCe)tP2)cIwFU>C_r@ zUtRnGe<_G>W3$iNIuuN`^f=~EB&a7e4MRR!+OtP_`SR?l zy48_(CrVNhE4av=rH6IK#HPjE@7yCyC{%j{E#-~%l-Ah$CV=dsMtt1{xc3G}TasBP zo-#U^_|&`i@wh#3>h+19hES!TejV8*m7KJ*Z^FXU7vB0BLrEju>5RkO4x3w9-TwG7 z!Dr_AWDJ+j_wb68`br}r&h6N07-033U#@DBByt=DE!FLHzt1>I+V*4NE!gwgwe0h~ z!`*c5Y~sj@2Wn=p>T9uJOZP^nr+-jU-!=PIG{pM=GMd{KH&@o}0xy$yFC5NMF$vs~ z_pD0;o-`B&(PwU8p^Q1LYl<|iH5kmUkfz}qj6~0hnfWC4P@wZrKwlfW z&lQqoqYL5Eg~IkW^)H?k#cge-V~@joI4(g`DwH~F_*`a|x&aaFNp+l=`#h}2AQ057 zBe_E%b#)a%y1oZJOH0uP^Z|ECpvWbd-5tqA_ozotB3i0NA+%YwGS7{JP8m9!gKcBs zFpbh45Ysq?x_D7}QFW-J;r`thRrF-93i{~i)UzaZ#4{)OfrAl|=%oH<9;l|wdRbL@ zLwI9eg6^iLJBX8j@b9HM22JT(dz2(<&~p#)u9teR!v@ zu$zRT#GAP%o)O7!r7Q$Y{*2%asHqu(8z zqgyn4M+ytD6*Z^1C2CATNi7^obA%)7w=Z$NO=D$@b9!nvew8~gPi?V;O5(J#$75)B zI5p64Mq*p!0jDM?ZyvfQj$fL?mtaSid~O}F<6PG;P<8Y+@r-GYBfQ0&;H0jGQx(ev z=7d*4aN{N6bO>R*Xwn7#-t04hfN=Xd6a9^y-QK!*FK>Bd^k(|OfCIdt!1iPeI9dE| z_?ELnHH5f?hJkaLO9pf~)-vRiAhyM$jWZ?W-}YSDWsLVqwsxbrrS=C8 zGAL_AL>V5G8rBlt*tAiVdPy>Cnf$q;B(P@TYF+c1a5No$GxY)Yn6+C5091W&ZLS0M zK}LpUI}Pyq8`a!yxV%1KK#g<`e}UmM@z-`XR2yXmwjp(9imv`Y+j~RXFR3W z5Qyn5iG7X5jlJhuMf8O3GlX7LVx1FPMUhR?bJZ`;mIk(-a8c&x z_Y4J|nL1as^+xRI1}Wp*FVE$eecLkp{qtHu=PM4ib~xlNnV)lh*Q(UH^kGA2&3B~`d zne}^NA%3i870cnQeCFG{7+&Ol2&H)kaN(usWcKNhGOVuy8mtg^qC^$FN-#fbGtbJK z8J6abCy0IzD%$G+djIx}c&Ek@Utj!inHHtZPL0p3ZppgkMCBBI`esVUSHJ_GW>68H@k=}(1Q^UcE8*c&kUX-8+QG?b!(G=bl{5<4i3y} zdQuvT{8YO8ObXKtDr2W4%lo2QBb(S{FPW_kLN|#Z0uJ`g0RaBjkfY46{`UR<06h9Yi2wiq literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-colorblind-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..512f3f8eb1f73267c3f3a9c1a1335a6b5f59c251 GIT binary patch literal 6340 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-high-contrast-open-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-high-contrast-open-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..fe4c17e567b83361bf69f8d310202a069f23ab9e GIT binary patch literal 8200 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-linux.png b/.playwright/snapshots/components/Details.test.ts-snapshots/Details-SX-Prop-Stress-Test-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..512f3f8eb1f73267c3f3a9c1a1335a6b5f59c251 GIT binary patch literal 6340 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 yqwZ_&rLI@pdd00*+;?ux2ojReT0ulj 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 yqwZ_&rLI@pdd00*+ Date: Tue, 22 Oct 2024 16:41:39 +0000 Subject: [PATCH 5/6] Fixing the type to not allow styled system --- packages/react/src/Details/Details.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/react/src/Details/Details.tsx b/packages/react/src/Details/Details.tsx index 496b91a74e6..20ec5b05f19 100644 --- a/packages/react/src/Details/Details.tsx +++ b/packages/react/src/Details/Details.tsx @@ -1,8 +1,7 @@ -import React, {type ReactElement} from 'react' +import React, {type ComponentPropsWithoutRef, type ReactElement} from 'react' import styled from 'styled-components' import type {SxProp} from '../sx' import sx from '../sx' -import type {ComponentProps} from '../utils/types' import {toggleStyledComponent} from '../internal/utils/toggleStyledComponent' import {useFeatureFlag} from '../FeatureFlags' import {clsx} from 'clsx' @@ -25,7 +24,7 @@ const StyledDetails = toggleStyledComponent( `, ) -const Details = React.forwardRef>( +const Details = React.forwardRef( ({className, children, ...rest}, ref): ReactElement => { const enabled = useFeatureFlag(CSS_MODULES_FEATURE_FLAG) return ( @@ -38,5 +37,5 @@ const Details = React.forwardRef +export type DetailsProps = ComponentPropsWithoutRef<'details'> export default Details From 1b1eeb804eefbcf1dd044407bbb56346f3e36685 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Thu, 24 Oct 2024 00:47:06 +0000 Subject: [PATCH 6/6] Fix for sxProp --- packages/react/src/Details/Details.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/Details/Details.tsx b/packages/react/src/Details/Details.tsx index 20ec5b05f19..d90f76a7e2a 100644 --- a/packages/react/src/Details/Details.tsx +++ b/packages/react/src/Details/Details.tsx @@ -37,5 +37,5 @@ const Details = React.forwardRef( Details.displayName = 'Details' -export type DetailsProps = ComponentPropsWithoutRef<'details'> +export type DetailsProps = ComponentPropsWithoutRef<'details'> & SxProp export default Details