Skip to content

Commit 64e3590

Browse files
authored
Fix some RAC docs colors (#4990)
1 parent d4d21a7 commit 64e3590

File tree

4 files changed

+12
-12
lines changed

4 files changed

+12
-12
lines changed

packages/dev/docs/src/Layout.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -442,22 +442,22 @@ function Nav({currentPageName, pages}) {
442442
</h2>
443443
</a>
444444
</header>
445-
{sections.map(section => {
445+
{sections.map((section, i) => {
446446
let contents = categories.filter(c => section.pages[c]?.length).map(key => {
447447
const headingId = `${section.title ? section.title.toLowerCase() + '-' : ''}${key.trim().toLowerCase().replace(/\s+/g, '-')}-heading`;
448448
return (
449-
<>
449+
<React.Fragment key={headingId}>
450450
<h3 className={sideNavStyles['spectrum-SideNav-heading']} id={headingId}>{key}</h3>
451451
<ul className={sideNavStyles['spectrum-SideNav']} aria-labelledby={headingId}>
452-
{section.pages[key].sort((a, b) => (a.order || 0) < (b.order || 0) || a.title < b.title ? -1 : 1).map(p => <SideNavItem {...p} preRelease={section.title === 'Components' ? '' : p.preRelease} />)}
452+
{section.pages[key].sort((a, b) => (a.order || 0) < (b.order || 0) || a.title < b.title ? -1 : 1).map(p => <SideNavItem key={p.title} {...p} preRelease={section.title === 'Components' ? '' : p.preRelease} />)}
453453
</ul>
454-
</>
454+
</React.Fragment>
455455
);
456456
});
457457

458458
if (section.title) {
459459
return (
460-
<details open={section.isActive}>
460+
<details key={section.title} open={section.isActive}>
461461
<summary style={{fontWeight: 'bold'}}>
462462
<ChevronRight size="S" /> {section.title}
463463
{section.title === 'Components' && <VersionBadge version={Object.values(section.pages)[0][0].preRelease} style={{marginLeft: 'auto', fontWeight: 'normal'}} />}
@@ -466,7 +466,7 @@ function Nav({currentPageName, pages}) {
466466
</details>
467467
);
468468
} else {
469-
return <>{contents}</>;
469+
return <React.Fragment key={i}>{contents}</React.Fragment>;
470470
}
471471
})}
472472
</nav>

packages/react-aria-components/docs/Checkbox.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -64,8 +64,8 @@ import {Checkbox} from 'react-aria-components';
6464
--selected-color: slateblue;
6565
--selected-color-pressed: lch(from slateblue calc(l - 10%) c h);
6666
--checkmark-color: white;
67-
--invalid-color: var(--spectrum-global-color-static-red-600);
68-
--invalid-color-pressed: var(--spectrum-global-color-static-red-700);
67+
--invalid-color: var(--spectrum-global-color-red-600);
68+
--invalid-color-pressed: var(--spectrum-global-color-red-700);
6969

7070
display: flex;
7171
align-items: center;

packages/react-aria-components/docs/CheckboxGroup.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -94,8 +94,8 @@ import {CheckboxGroup, Checkbox, Label} from 'react-aria-components';
9494
--selected-color: slateblue;
9595
--selected-color-pressed: lch(from slateblue calc(l - 10%) c h);
9696
--checkmark-color: white;
97-
--invalid-color: var(--spectrum-global-color-static-red-600);
98-
--invalid-color-pressed: var(--spectrum-global-color-static-red-700);
97+
--invalid-color: var(--spectrum-global-color-red-600);
98+
--invalid-color-pressed: var(--spectrum-global-color-red-700);
9999

100100
display: flex;
101101
align-items: center;

packages/react-aria-components/docs/RadioGroup.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -83,8 +83,8 @@ import {RadioGroup, Radio, Label} from 'react-aria-components';
8383
--background-color: var(--spectrum-global-color-gray-50);
8484
--selected-color: slateblue;
8585
--selected-color-pressed: lch(from slateblue calc(l - 10%) c h);
86-
--invalid-color: var(--spectrum-global-color-static-red-600);
87-
--invalid-color-pressed: var(--spectrum-global-color-static-red-700);
86+
--invalid-color: var(--spectrum-global-color-red-600);
87+
--invalid-color-pressed: var(--spectrum-global-color-red-700);
8888

8989
display: flex;
9090
align-items: center;

0 commit comments

Comments
 (0)