Merge pull request #1521 from chanzuckerberg/release-v10.0.0

## [10.0.0](v9.1.0...v10.0.0) (2023-03-02)


### ⚠ BREAKING CHANGES

* remove data-bootstrap-override EDS-850

### Features

* **Avatar:** add avatar component ([#1510](#1510)) ([bc21f85](bc21f85))
* **slider:** create slider ([#1503](#1503)) ([e7ced34](e7ced34))
* **TextareaField:** add TextArea base component and TextareaField ([#1493](#1493)) ([f2ba31d](f2ba31d))


### Bug Fixes

* remove data-bootstrap-override EDS-850 ([3b5d59b](3b5d59b))
* remove old, outdated, unnecessary snapshot ([fb63a34](fb63a34))
* **Select:** sync label design with form fields ([#1506](#1506)) ([efe9330](efe9330))
* update deps ([9a80e7f](9a80e7f))
* upgrade axe-core from 4.4.3 to 4.6.3 ([af3f9c5](af3f9c5))

.eslintrc

@@ -36,7 +36,15 @@
  "alphabetize": {
  "order": "asc"
  },
- "groups": ["builtin", "external", "sibling", "parent", "index"]
+ "groups": ["builtin", "external", "sibling", "parent", "index"],
+ "pathGroups": [
+ {
+ "pattern": "*.module.css",
+ "group": "index",
+ "patternOptions": { "matchBase": true },
+ "position": "after"
+ }
+ ]
  }
  ],
  "@typescript-eslint/no-unused-vars": "warn",

.github/renovate.json5

@@ -21,8 +21,6 @@
  },
 
  ignoreDeps: [
- // axe-core starting v4.5 causes some axe-storybook tests to time out, ticket: EDS-779
- 'axe-core',
  // headlessui starting v1.7.6 causes some downstream feature tests to fail
  '@headlessui/react',
  ],

.storybook/components/DesignTokens/Tier1/TypographyPresets.jsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
-import styles from './TypographyPresets.module.css';
 import { Grid } from '../../../../src';
 import { TokenSpecimen } from '../../TokenSpecimen/TokenSpecimen';
+import styles from './TypographyPresets.module.css';
 
 export const PRESET_SIZE_MAP = {
  '001': {

.storybook/components/DesignTokens/Tier2/TypographyUsage.jsx

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
-import styles from './TypographyUsage.module.css';
 import { Grid, Section } from '../../../../src';
 import { TokenSpecimen } from '../../TokenSpecimen/TokenSpecimen';
 import { PRESET_SIZE_MAP } from '../Tier1/TypographyPresets';
+import styles from './TypographyUsage.module.css';
 
 export class Tier2TypographyUsage extends Component {
  render() {

.storybook/pages/AlongDemo/AlongDemo.stories.ts

@@ -19,4 +19,11 @@ export const WatchPage: StoryObj<Args> = {
  const nextPageButton = await canvas.findByText('Hogwarts');
  userEvent.click(nextPageButton);
  },
+ parameters: {
+ axe: {
+ // Don't run axe on this story. The video seems to cause asset preloading to fail (even when
+ // the video has preload="none").
+ skip: true,
+ },
+ },
 };

.storybook/pages/AlongDemo/AlongDemo.tsx

@@ -1,9 +1,6 @@
 import clsx from 'clsx';
 import React, { useId, useState } from 'react';
 
-import styles from './AlongDemo.module.css';
-import globalStyles from './GlobalStyles.module.css';
-
 import {
  Button,
  ButtonGroup,
@@ -25,6 +22,8 @@ import AlongUserIllustration2 from '../../static/along-user-illustration-2.png';
 import GoogleLogo from '../../static/google-logo.svg';
 import MicrosoftLogo from '../../static/microsoft-logo.svg';
 import Sprout from '../../static/sprout.svg';
+import styles from './AlongDemo.module.css';
+import globalStyles from './GlobalStyles.module.css';
 
 const GlobalFooter = ({ className }: { className?: string }) => (
  <ul className={clsx(styles['wireframe-demo__footer'], className)}>

.storybook/pages/CoursePlannerEdit/CoursePlannerEdit.tsx

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import styles from './CoursePlannerEdit.module.css';
 
 import ProjectCard from './ProjectCard';
 
@@ -31,6 +30,7 @@ import CardWithNotification from '../../recipes/CardWithNotification';
 import TableCard from '../../recipes/TableCard';
 
 import EmptyImage from '../../static/hand-pencil.svg';
+import styles from './CoursePlannerEdit.module.css';
 
 const CognitiveSkillColumns = [
  {

.storybook/pages/CoursePlannerEdit/ProjectCard/ProjectCard.tsx

@@ -1,7 +1,6 @@
 import clsx from 'clsx';
 import type { ReactNode } from 'react';
 import React from 'react';
-import styles from './ProjectCard.module.css';
 
 import {
  Card,
@@ -15,6 +14,7 @@ import {
 import type { HeadingElement } from '../../../../src/components/Heading';
 
 import type { IconName } from '../../../../src/components/Icon';
+import styles from './ProjectCard.module.css';
 
 export interface Props {
  /**