From 574a58cd9e279e6923f469d0799993fa97ca1d28 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Wed, 13 Nov 2024 20:46:33 +0000 Subject: [PATCH 1/5] Convert CheckboxOrRadioGroup to CSS modules Co-authored-by: Marie Lucca Co-authored-by: Tyler Jones --- .../CheckboxOrRadioGroup.module.css | 47 +++++ .../CheckboxOrRadioGroup.tsx | 170 ++++++++++++++++-- .../CheckboxOrRadioGroupCaption.tsx | 26 ++- .../CheckboxOrRadioGroupLabel.tsx | 52 ++++++ 4 files changed, 283 insertions(+), 12 deletions(-) create mode 100644 packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css new file mode 100644 index 00000000000..e48b26bda5c --- /dev/null +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.module.css @@ -0,0 +1,47 @@ +.Body { + display: flex; + padding: 0; + margin: 0; + list-style: none; + flex-direction: column; + + & > * + * { + margin-top: var(--base-size-8); + } +} + +.GroupFieldset { + padding: 0; + margin: 0; + border: none; + + &:where([data-validation]) { + margin-bottom: var(--base-size-8); + } +} + +.GroupLegend { + padding: 0; + + &:where([data-legend-visible]) { + margin-bottom: var(--base-size-8); + } +} + +.CheckboxOrRadioGroupCaption { + font-size: var(--text-body-size-medium); + color: var(--fgColor-muted); +} + +.RadioGroupLabel { + display: block; + font-size: var(--text-body-size-large); + + &:where([data-label-disabled]) { + color: var(--fgColor-muted); + } +} + +.GroupLabelChildren { + margin-right: var(--base-size-8); +} diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx index d4958833da6..3975ef4f133 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx @@ -11,8 +11,14 @@ import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext' import VisuallyHidden from '../../../_VisuallyHidden' import {useSlots} from '../../../hooks/useSlots' import type {SxProp} from '../../../sx' +import classes from './CheckboxOrRadioGroup.module.css' +import {toggleStyledComponent} from '../../utils/toggleStyledComponent' +import {useFeatureFlag} from '../../../FeatureFlags' +import {clsx} from 'clsx' export type CheckboxOrRadioGroupProps = { + /** Class name for custom styling */ + className?: string /** * Used when associating the input group with a label other than `CheckboxOrRadioGroup.Label` */ @@ -32,17 +38,23 @@ export type CheckboxOrRadioGroupProps = { required?: boolean } & SxProp -const Body = styled.div` - display: flex; - flex-direction: column; - list-style: none; - margin: 0; - padding: 0; +export const CSS_MODULES_FLAG = 'primer_react_css_modules_team' - > * + * { - margin-top: ${get('space.2')}; - } -` +const Body = toggleStyledComponent( + CSS_MODULES_FLAG, + 'div', + styled.div` + display: flex; + flex-direction: column; + list-style: none; + margin: 0; + padding: 0; + + > * + * { + margin-top: ${get('space.2')}; + } + `, +) const CheckboxOrRadioGroup: React.FC> = ({ 'aria-labelledby': ariaLabelledby, @@ -50,6 +62,7 @@ const CheckboxOrRadioGroup: React.FC { const [slots, rest] = useSlots(children, { @@ -79,6 +92,142 @@ const CheckboxOrRadioGroup: React.FC +
+ + {labelChild ? ( + /* + Placing the caption text and validation text in the provides a better user + experience for more screenreaders. + + Reference: https://blog.tenon.io/accessible-validation-of-checkbox-and-radiobutton-groups/ + */ + + {slots.label} + {slots.caption} + {React.isValidElement(slots.validation) && slots.validation.props.children && ( + {slots.validation.props.children} + )} + + ) : ( + /* + If CheckboxOrRadioGroup.Label wasn't passed as a child, we don't render a + but we still want to render a caption + */ + slots.caption + )} + + + {React.Children.toArray(rest).filter(child => React.isValidElement(child))} + + + {validationChild && ( + + aria-hidden={Boolean(labelChild)} + show + > + {slots.validation} + + )} +
+ + ) + } + return ( + +
+
+ {labelChild ? ( + /* + Placing the caption text and validation text in the provides a better user + experience for more screenreaders. + + Reference: https://blog.tenon.io/accessible-validation-of-checkbox-and-radiobutton-groups/ + */ + + {slots.label} + {slots.caption} + {React.isValidElement(slots.validation) && slots.validation.props.children && ( + {slots.validation.props.children} + )} + + ) : ( + /* + If CheckboxOrRadioGroup.Label wasn't passed as a child, we don't render a + but we still want to render a caption + */ + slots.caption + )} + + + {React.Children.toArray(rest).filter(child => React.isValidElement(child))} + +
+ {validationChild && ( + + aria-hidden={Boolean(labelChild)} + show + > + {slots.validation} + + )} +
+
+ ) + } + return ( {labelChild ? ( diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx index 683e32c002d..4fcf9245f1d 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx @@ -2,11 +2,33 @@ import React from 'react' import Text from '../../../Text' import type {SxProp} from '../../../sx' import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext' +import classes from './CheckboxOrRadioGroup.module.css' +import {CSS_MODULES_FLAG} from './CheckboxOrRadioGroup' +import {useFeatureFlag} from '../../../FeatureFlags' +import {clsx} from 'clsx' -const CheckboxOrRadioGroupCaption: React.FC> = ({children, sx}) => { +type CheckboxOrRadioGroupCaptionProps = React.PropsWithChildren & {className?: string} + +const CheckboxOrRadioGroupCaption: React.FC = ({className, children, sx}) => { const {disabled, captionId} = React.useContext(CheckboxOrRadioGroupContext) + const enabled = useFeatureFlag(CSS_MODULES_FLAG) + if (enabled) { + if (sx) { + return ( + + {children} + + ) + } + return ( + + {children} + + ) + } + return ( - + {children} ) diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx index 2f5b43ea0f7..53dc220d25b 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx @@ -3,8 +3,15 @@ import Box from '../../../Box' import VisuallyHidden from '../../../_VisuallyHidden' import type {SxProp} from '../../../sx' import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext' +import {CSS_MODULES_FLAG} from './CheckboxOrRadioGroup' +import {useFeatureFlag} from '../../../FeatureFlags' +import classes from './CheckboxOrRadioGroup.module.css' +import {Stack} from '../../../Stack' +import {clsx} from 'clsx' export type CheckboxOrRadioGroupLabelProps = { + /** Class name for custom styling */ + className?: string /** * Whether to visually hide the fieldset legend */ @@ -13,12 +20,57 @@ export type CheckboxOrRadioGroupLabelProps = { const CheckboxOrRadioGroupLabel: React.FC> = ({ children, + className, visuallyHidden = false, sx, }) => { const {required, disabled} = React.useContext(CheckboxOrRadioGroupContext) + const enabled = useFeatureFlag(CSS_MODULES_FLAG) + + if (enabled) { + if (sx) { + return ( + + {required ? ( + +
{children}
+ * +
+ ) : ( + children + )} +
+ ) + } + + return ( + + {required ? ( + +
{children}
+ * +
+ ) : ( + children + )} +
+ ) + } + return ( Date: Wed, 13 Nov 2024 20:58:41 +0000 Subject: [PATCH 2/5] Adding e2e test for sx prop stress test --- e2e/components/CheckboxGroup.test.ts | 219 +++++------------- .../CheckboxGroup.dev.stories.tsx | 49 ++++ 2 files changed, 105 insertions(+), 163 deletions(-) create mode 100644 packages/react/src/CheckboxGroup/CheckboxGroup.dev.stories.tsx diff --git a/e2e/components/CheckboxGroup.test.ts b/e2e/components/CheckboxGroup.test.ts index 45697bbeba5..8b5faa1d261 100644 --- a/e2e/components/CheckboxGroup.test.ts +++ b/e2e/components/CheckboxGroup.test.ts @@ -2,176 +2,69 @@ import {test, expect} from '@playwright/test' import {visit} from '../test-helpers/storybook' import {themes} from '../test-helpers/themes' -test.describe('CheckboxGroup', () => { - test.describe('Default', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup--default', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`CheckboxGroup.Default.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup--default', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, - }, - }, - }) - }) - }) - } - }) +const stories = [ + { + title: 'Default', + id: 'components-checkboxgroup--default', + }, + { + title: 'Caption', + id: 'components-checkboxgroup-features--caption', + }, + { + title: 'Error', + id: 'components-checkboxgroup-features--error', + }, + { + title: 'Success', + id: 'components-checkboxgroup-features--success', + }, + { + title: 'Visually Hidden Label', + id: 'components-checkboxgroup-features--visually-hidden-label', + }, + { + title: 'SX Props', + id: 'components-checkboxgroup-dev--sx-props', + }, +] as const - test.describe('Caption', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--caption', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`CheckboxGroup.Caption.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--caption', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, - }, - }, - }) - }) - }) - } - }) - - test.describe('Error', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--error', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`CheckboxGroup.Error.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--error', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, +test.describe('CheckboxGroup', () => { + for (const story of stories) { + test.describe(story.title, () => { + for (const theme of themes) { + test.describe(theme, () => { + test('@vrt', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, }, - }, - }) - }) - }) - } - }) + }) - test.describe('Success', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--success', - globals: { - colorScheme: theme, - }, + // Default state + expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot( + `CheckboxGroup.${story.title}.${theme}.png`, + ) }) - // Default state - expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(`CheckboxGroup.Success.${theme}.png`) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--success', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, + test('axe @aat', async ({page}) => { + await visit(page, { + id: story.id, + globals: { + colorScheme: theme, }, - }, - }) - }) - }) - } - }) - - test.describe('Visually Hidden Label', () => { - for (const theme of themes) { - test.describe(theme, () => { - test('default @vrt', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--visually-hidden-label', - globals: { - colorScheme: theme, - }, - }) - - // Default state - expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot( - `CheckboxGroup.Visually Hidden Label.${theme}.png`, - ) - }) - - test('axe @aat', async ({page}) => { - await visit(page, { - id: 'components-checkboxgroup-features--visually-hidden-label', - globals: { - colorScheme: theme, - }, - }) - await expect(page).toHaveNoViolations({ - rules: { - 'color-contrast': { - enabled: false, + }) + await expect(page).toHaveNoViolations({ + rules: { + 'color-contrast': { + enabled: false, + }, }, - }, + }) }) }) - }) - } - }) + } + }) + } }) diff --git a/packages/react/src/CheckboxGroup/CheckboxGroup.dev.stories.tsx b/packages/react/src/CheckboxGroup/CheckboxGroup.dev.stories.tsx new file mode 100644 index 00000000000..333c3ef0cea --- /dev/null +++ b/packages/react/src/CheckboxGroup/CheckboxGroup.dev.stories.tsx @@ -0,0 +1,49 @@ +import React from 'react' +import type {Meta} from '@storybook/react' +import {Checkbox, CheckboxGroup, FormControl} from '..' + +export default { + title: 'Components/CheckboxGroup/Dev', + component: CheckboxGroup, + parameters: {controls: {exclude: ['aria-labelledby', 'id', 'onChange', 'sx']}}, +} as Meta + +export const SxProps = () => ( + + + Caption + + + Choices + + + + Choice one + + + + Choice two + + + + Choice three + + +) From be931a5fb4103e189c0615441f7c7135cf0b6cd7 Mon Sep 17 00:00:00 2001 From: jonrohan Date: Wed, 13 Nov 2024 21:09:36 +0000 Subject: [PATCH 3/5] test(vrt): update snapshots --- ...kboxGroup-SX-Props-dark-colorblind-linux.png | Bin 0 -> 12257 bytes ...CheckboxGroup-SX-Props-dark-dimmed-linux.png | Bin 0 -> 12316 bytes ...xGroup-SX-Props-dark-high-contrast-linux.png | Bin 0 -> 12221 bytes .../CheckboxGroup-SX-Props-dark-linux.png | Bin 0 -> 12257 bytes ...kboxGroup-SX-Props-dark-tritanopia-linux.png | Bin 0 -> 12257 bytes ...boxGroup-SX-Props-light-colorblind-linux.png | Bin 0 -> 12244 bytes ...Group-SX-Props-light-high-contrast-linux.png | Bin 0 -> 12228 bytes .../CheckboxGroup-SX-Props-light-linux.png | Bin 0 -> 12234 bytes ...boxGroup-SX-Props-light-tritanopia-linux.png | Bin 0 -> 12244 bytes 9 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-colorblind-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-dimmed-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-tritanopia-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-colorblind-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-high-contrast-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-linux.png create mode 100644 .playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-tritanopia-linux.png diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-colorblind-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0781fa1130125433e0f38e114d8f227bd8afcd5c GIT binary patch literal 12257 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-dimmed-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-dimmed-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..c03b056cd71e837a36f8bc0ed4284496d3cc1dec GIT binary patch literal 12316 zcmeI2cTm&$-tXh#xa=;AoV_lxD#-4-!iK6+LeF|w7Y$8AlNu2bsX+n+2q7MK)m>3g z2}WuZ4M>gj5=d;oQbTWP^iDzv1W0?n?3p|B+&`YVcg}t8%(*lEW*C@E%9qdYQ(o`) zC%<2CvQz&2$mb9UMEU%=pO6rUf)M;bKK%=LWdBbz3-D_n25I+qNLjb~0tE66+5!uap`u@^GCM z{$9>uaRoewcRDBbr;8tMgzDeFIkf-vS&c74FP8u1%80_g&s_g@?i=xjoqFcjq4RIX zk_ZA3e46buj7QB$HqEhRn8$zP=P?s{Dy--KK(me0rKPD zCXYcNxBe!AK>qe?og(DsHy^AakiUM*-v{~T(|?brs?XLjySsCZaNV{l-Pe0dECrIc z*`t_*t>ySQH3bMn?$H*^srrY4VhU}3GHqAH49}wB#ak!rxlc_(XUjM=FKo?iB{c)@ znlMorr!?yT1X6XH&xjoIgmJf59JDIqH)c&jho?2k@Yve^5HU*=M&Z5EMV|DU>Y#tqgg?B)8^crPZ z!z2<3yEqU$`RnhtcMb%XpnYl*cZ7%gYu#L55-qTNEB|-D=Do{fv)L!?pE%G6V|)(H z1##RirD64!QmS>0cc9x$p2s0;$?E&+m}+u&=za)<(CgJWN00o`|89y#dk4%U9gira zm+`rUF4QB0!FRVAVHS_m+I%pZg91IAwuxzqy7_uGrrQx(jUJZqX@X;>SLY=l2HiQ{ zJ=F0s8h^2m($U&Y*nqPWXETBf5(0ZM8@ce6Di;Q9W@~wQ*+FZgi6vhfV3=@>}#LM95!iE*U;QYLSKC5hi|1^4s4h3$DthK;N3x>PH5Ly(t}&ET~haRjGhfBj)6gUM@Q)H7yL|<<^T;0tT=Eo zzoICL(+~rtfCCVbwBxJ-VhWS#3{5Zd8Z^GPGG+p$x zI-cl5DRlgDKhj*hxj-0ElA!X^LnE&2TtC=dwL=YQH)#p zclYn#52aL8D0j7nv8zr|1`3?X`FA}MH;b{{onH<*nN3Lb1qDQlShJ$4Kd((oji;OMap#lOY%9SjHyG2AH+N!}}mVexXmtpimyLm__SaZWL>KZOZP! zk!p|yeoZ*+0z2Mz^iDx;!Y<_C95V|Ru{_fI!cM@crIwfbv(Kuzxx3qJEMvM_OML1p zq6dp)Qn7QcRs39v25P6BqN=KT6c$lJr5YOYqSxR2@+sBc#?cKDrh#6!O$)d+t9OO+L9;j4kY=Ue)f8G+Tg6J zDr>GY$1-%Nv%RPtR07ybNvii}Y`A_bR{ATqPFps+ZoUDvMl z|LaqE^cqMXM$nC+K1#o4;tX2y}J`A>;qHm48QbA@NI}nud+M zestXKf!UJMFQ4S}l?U8i@0w9oR#t>Jy`G<5VbxHG^tA_Qx|n}2Gc(h@WFG`_z0BkW zJaPNCyfkOO?T*`q^t#BE1``D*9jk?x`*c0%xYeM#ICe9dzVkC8c&7rZQ(WZL0M0(H zQf$W5HxOdrqd6))vOumF-vaiCZpjJ@nOACBC#+$smCjJx71`OirQ;Dc{=O`RXen zuOhI6ju+oKpkX>sJhNZ=Irz&WZgsq(q5|}6=am=;IDl|`a zTg~tKD=IPsZh_HI zdc`~Sn6*6eN>Wl%{7$}xWo$n2iN1Fd2uO{29_R}lv-)msZcs{&CHB~$?9~&vC1`bw zb58c!%VU)^+q(w{LPit@!?ai`G4O3LHa3o39$8zdC7EjQ7&-a*`C7H%S@7(*=|?Nz z<5)rr9*_6+NC&)@CJ!?=H+OR*NJt>9 z-;nzz>!^igNdaw-Pra}ct*}JD9Z#7bfC_FY8HC}kvKq!3VpmxB)wk%QM~|kM=VJui z9Xs{4UdP>iw-t~GJ578vsm!+nMuM3dUkyBMZYSZBJ_!sAw8m|PjJ06ep})Y;Tpw?5 z+$FLW1oB~cGTa-NHgDY; zx@6rRl*-t;>EH9{{*zPLUaeHGno~;{=Wm- zzAI40j0q2OOyz8c2=2ZXV^=|mf%l~*S-tJ0qkw<@GMdv6jqd%`6yH*1J#nk^%M}$X zJ>7!vSnltIrv?Q+G1qkgWgb8z*UnUR!L`#kv(KDzI9f1ywtJ~gU{DY^{gi)eF2vJr35b`Gw8y8--5}sGITglARZM@Y-K+8 zgyE{HP)c`>rSsF1&tJX%0S3diJwDOTC)eOatpcHny4h-GF|~~;@NJ^b4x{zrSKlsx z{IaQ7c?92Sb9OKFGZD9qPEqL%c-mGM$<@_WSgp$#68%ay5f`aRCe>2mvP%I0Q?i4g zw8f2}SUWoGp`2J&I90l60z|ls9AenuqWMEcim+FDS zSMR+0H2I6*RNVRRj{glw*_>Ejae}UlP zx3)FmteV)BJ@%H5cgr8;q*>#46+j;apcFTJSF_BkDM4=sj z((P7wL~ke%9*R?u+qoT+w91AMJ-2uIeJe|QUc(jHpsT}$72+a%sHB|IH2?1yvK zm;igdE3d7Ro0a_H0E4++a`o}aCXs3}bKO#mAx&7} zpoI}Mxu9?>)kNfQnXmI<7bJ2ull0d)+B3yQ)xmTR_RQ%e-)2$vT10pg$ zJ|0mBMvM!hb#AVJi15G*m9s*J%g#eLmq&|tK1lqUkcg!Yn}oTOn4ywiqSk$~@W zJ*_bEad6LIsbYylLhLKLHU|&vdFI!YVA3qj<=}K`++GrE(DHCZA*hHy0sbXX%jxOK z8}EM2_tZ#PTrHoA8s=bQ=6n1Bd$zah1cD+cc%FVk-e+k^PvYL#R4xogOFtNHZI9LK z{~#vzfmw@0;Kjo5q}O1UN|kmE@wnjr_hXBxHtwvR3uI(_i0tQa2DU0FFc67&@IbkX znbvl-fLPJj$}@Kz9(YMSWSA7bm8~t(WV_1jl9)Z);yLv7?RiN|Otq$dVY$Ejapus@ zc0j7Ww2LKXK1@#^Ok_zFEp4_hw<5tnpqmT*1q&0ZDCr{T>Epj1bc!Q%h@q4ejT9aIy(|0``W$r7 z)dNPRfvCy)WrZ7r&RG!;sFt~_u$&rjCqqI)vPi&hkQ}Z`VoFnIBOIXV_ZJ=^E&jl7 zbqx*=I_4xWOKaJtNs?`l`r(|0Y7YU|*8MjWMH3a(8tNW7n0_>2%PX+7uL@5Q)nm zXcUr9Lkw#uE25!rhwWK;?Z8pf=)RYsdxM!wNWADjLDTgB9)cd=7iawihHPo3!=Pz8 zuY79DZ8&;qET;46DJEPlX%cZ*d1`yZu=iX1vn@Le%$;9aEEaT`>sMcGdn`y4S(1FC z+HSskmqz=_%{7c{gyolb8tE46s9flC!xcx+SB93fd@Z+bDY>{0-BZ=g=Mdy&zM4s4 zBO*cFiozmG_#`i*xI2~qT>J{ z(eS~)Zaw{$?cN#O9~8}!V2tYH6~FGk&{WwF=D)c+cfda!0{KztDt582>Fhy(H~m|` zDxJ2gg0H?V$*viV*UoQoWnc!Mmjab<_Jcn6Nx!K)+aWgV7mJwKEVcyWRb52P$*~UF z%D#InyEo5sPt=-M&Iy-CD`V6Ei7`UJYcS&+Gs4O3c?FfP%_7G^^4Sy;l6MkMhT+5EKM=Y#&7#xj}?Fh;esdd}J-%lI_A}DFC8Fd&8QuN4$*r{63OgJ_( zTR^$_#0bB?UhSt6R|AW1E zklyyMb%yE}MxF!ly6)&0NJbV>i)p}cD{etmM@|@KrA%KvJq&8WvV(j6!2{r{SPR@v|Apex5>h?D;>Bg`x)_23R*n^rhp~g4|mF^Bxd2syhJ=G2u zgm!M+6-43dSFbB7PQw{k@r$tnqSG>VvLR+kr&veM^F~Y8NrrLQ=6kJ#^)%D^dKfQp z<8X73`jDC`=r-*W_r;HUt;?(m_E4-zG`jAr&IU|D>;rF*rOBqD(KEU2Qk4yhnB55# zf?3Ssz+FxJ_Y~JlX5UbZLk3Nep~I3-lf%IR8!LKoHMgS%qjR3OxDKQs6a$8XIDA- zP*cSu2as!$^m8QQthTC+T(SYB?2{@+FAc5Cr`Q>y=y}hcT?RvTX_!h|;?u4%lh%1j z+wX~eX9El^9H>74=k`b4+8L|Zjy6L*>E#v)kCRJYZ9e9a+b=Cg(dBO%yA&~ZT3T9& zNO!FzNB{`jaH%&5sbgs946U}Tz#|s60RSKuic;zRm_Nbu8zMo`l+1!~AuPc-|%W|Isx2P#y*LiuE`s&rIhK7W$OcP+a zcwaIb|1EnN1V>fZJv(+R*s*x$`YEU`unl`w3!DHdkaOK5Ix@D{v)U+5Y}X%CWmYuY z9^G5k?xmFVHaKmm9$rwZnb-ryZE~wGJNkQV?I2{^ODGs4Nuz;^PwVIXqu^6n`%uxViE$Nx+y`#@2lUq zQ=ts*o^YR5_kYO{bD620^-+NfMQ&2Dh-?+V-mPItUr)COh;JIfzJx-d{OAkQ|4^_; zAYv0=PxaXwa2mpw9ATV+M1F2Nu%7#!4Y}o*IVM3C-CrY4`y^ZVfth;_TI#bC0j`Og z`Ri!thtJ$l(rHZHPaZ+8tGKO#EgG>ASHcqjJ;6;kXA|wDfc$LBZEnuP^dp8C+=Fs&UY|$b|{M4zn zaig1+o}RAw^$;)?4?4}0($lMN1dRSC#wZRFn1s4()-Agrz!QOd;g42&EImp8FG)jM znR5^Vu~7!5IAP$T9sbHFtgxiSYIP`w*!Sii3a!4;Yv-lnxtcBx_{hg6(4Cnkm|?!J zzOP%_e_nghc?|h>YqFoOWP2)AV=^8Dg}G;!sE`b^V}>5UlEBOg<2J^3jhXDU&ZTPL zCdS|Xf~KtuWsYUKXGa1*{4Tv{D#fyFkP!*~XJ${(AyN2PRfgH~@6*~k%qJn zH8+PPF5UU^{av!3k7T{WkV0HMa^w@0!%^XFFH1LNQ0ptzLo>6p2A&mH$E5wS0vRVqW^|8PH}eF@FF>`UuQr&BT>&-Nf=j`W&`BHK z_*8*QL&Bg6VVla3uAukYw_IS!%P_)5hyrNj({VlN9)9sZb$^Kx(-^uoQlV3hMX4t( zcC1Pa`oHLRkH120zMnA?>vX=`cU!|E_6I}WfGg09yA2Jv0;i@BiJOv|tO6`ev@l(R z9*oN6oPiOusOdj2-R3aL0Nqzi6VP!Z51((S>Fq5M&oFM$_zlJOBm+%Ld6ztLBO@rc zem?yyvkNDy>UWZIiLA=XO0Y5%MaWxSGJP($MDm_emH>>Gi*ZMbAr{9){=>R zRDyI@3VaHYk_@f9`H4# zyd)vIRUOlbWmulj)}A{^1+(C8M^Nk>9XQ%h3fQ~A;B{CYclJ+sD6o{p1H&S8s6^T_ z-FEx7!Xdq<@PG0{Q0~so{lhBx#KpxWYUAX+Q!iSr*5{9lwGRmeDBv=2+eQ401ZPBH zegcZ=*F=k5NeHVA*x0}s`ZdPARWf`@y!UzXz2xML_4Qajd(^o6igzwpVa%|WdaB(gzDzR8q1@1%SPUj@Oy!;e}nBHdb<|$a(gWOQE(?Pq>uGjviTbL3noYJ~cKqm1d=xTOlf4Gm4T*_~GoJc_WlhlB0)@u-v$FyP;!zTDH$ds+DJGQyLdrAxT|g;c^?vzlFs zdOSFK*pV+n&3ZE-E^O3F> z%kkap`pRovB_&0j-Q6;m%AzfIP9m#x*s&pYdB0kINeQ4c2bx^wOS6%TycY0o*quM$ z_S=`o7eki-?>|^jaiW%%Izk=mrCYxr)IOkTW0iIqt?z3geXDrnND|tfnT2kuztVi~ z)~#Eh{L~ZK1;l&~ytE>Uc{nKB{PK?zfO_CEktQ%xHZPa$Rr=X~j^PPmKQnGFr&eV) zb)W`_ubyXbsZCpp-|7KzYIf;Q|9^s50?N+SogdurrL16Ys|8#ic1`J|il7h-bn=}; z=#J58G;4U%vGplRy~> literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b21528c4536c2de36e636909c84403da72cb04a2 GIT binary patch literal 12221 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0781fa1130125433e0f38e114d8f227bd8afcd5c GIT binary patch literal 12257 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-tritanopia-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-dark-tritanopia-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0781fa1130125433e0f38e114d8f227bd8afcd5c GIT binary patch literal 12257 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-colorblind-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-colorblind-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..0c15cb0782d2c708f1e784033b1d105abc9650f5 GIT binary patch literal 12244 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 literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-high-contrast-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-high-contrast-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..b3f2160a5d461186ec2ab7a01597aeace9973250 GIT binary patch literal 12228 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 Mx%^Q5_p5jR2lT-uQ~&?~ literal 0 HcmV?d00001 diff --git a/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-linux.png b/.playwright/snapshots/components/CheckboxGroup.test.ts-snapshots/CheckboxGroup-SX-Props-light-linux.png new file mode 100644 index 0000000000000000000000000000000000000000..633f5b8f7c3ac1642eb3dd259d1f73fd394c761a GIT binary patch literal 12234 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 literal 0 HcmV?d00001 From 7155500ba5f4ae0128453f42d0b488fa4346aa07 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Wed, 13 Nov 2024 21:53:15 +0000 Subject: [PATCH 4/5] Fix circular dependency --- .../components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx | 3 +-- .../CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx | 2 +- .../CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx | 2 +- .../internal/components/CheckboxOrRadioGroup/FeatureFlag.tsx | 1 + 4 files changed, 4 insertions(+), 4 deletions(-) create mode 100644 packages/react/src/internal/components/CheckboxOrRadioGroup/FeatureFlag.tsx diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx index 3975ef4f133..dbe52aca196 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroup.tsx @@ -15,6 +15,7 @@ import classes from './CheckboxOrRadioGroup.module.css' import {toggleStyledComponent} from '../../utils/toggleStyledComponent' import {useFeatureFlag} from '../../../FeatureFlags' import {clsx} from 'clsx' +import {CSS_MODULES_FLAG} from './FeatureFlag' export type CheckboxOrRadioGroupProps = { /** Class name for custom styling */ @@ -38,8 +39,6 @@ export type CheckboxOrRadioGroupProps = { required?: boolean } & SxProp -export const CSS_MODULES_FLAG = 'primer_react_css_modules_team' - const Body = toggleStyledComponent( CSS_MODULES_FLAG, 'div', diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx index 4fcf9245f1d..4e74d4fc6bb 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupCaption.tsx @@ -3,7 +3,7 @@ import Text from '../../../Text' import type {SxProp} from '../../../sx' import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext' import classes from './CheckboxOrRadioGroup.module.css' -import {CSS_MODULES_FLAG} from './CheckboxOrRadioGroup' +import {CSS_MODULES_FLAG} from './FeatureFlag' import {useFeatureFlag} from '../../../FeatureFlags' import {clsx} from 'clsx' diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx index 53dc220d25b..ee79f687cc1 100644 --- a/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/CheckboxOrRadioGroupLabel.tsx @@ -3,7 +3,7 @@ import Box from '../../../Box' import VisuallyHidden from '../../../_VisuallyHidden' import type {SxProp} from '../../../sx' import CheckboxOrRadioGroupContext from './CheckboxOrRadioGroupContext' -import {CSS_MODULES_FLAG} from './CheckboxOrRadioGroup' +import {CSS_MODULES_FLAG} from './FeatureFlag' import {useFeatureFlag} from '../../../FeatureFlags' import classes from './CheckboxOrRadioGroup.module.css' import {Stack} from '../../../Stack' diff --git a/packages/react/src/internal/components/CheckboxOrRadioGroup/FeatureFlag.tsx b/packages/react/src/internal/components/CheckboxOrRadioGroup/FeatureFlag.tsx new file mode 100644 index 00000000000..3c233f8d2e1 --- /dev/null +++ b/packages/react/src/internal/components/CheckboxOrRadioGroup/FeatureFlag.tsx @@ -0,0 +1 @@ +export const CSS_MODULES_FLAG = 'primer_react_css_modules_team' From e6255832d533b45015d1ba8e100791ece638b3f9 Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Wed, 13 Nov 2024 14:03:03 -0800 Subject: [PATCH 5/5] Create lovely-stingrays-jog.md --- .changeset/lovely-stingrays-jog.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/lovely-stingrays-jog.md diff --git a/.changeset/lovely-stingrays-jog.md b/.changeset/lovely-stingrays-jog.md new file mode 100644 index 00000000000..a4e1a140c03 --- /dev/null +++ b/.changeset/lovely-stingrays-jog.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Convert CheckBoxOrRadioGroup to CSS modules behind feature flag