fix chevron aria

Author: nick-torres

components/SectionWrapper.jsx

@@ -13,7 +13,7 @@ const defaultControlledProps = {
     isExpanded: false
 };
 
-function SectionWrapper({
+const SectionWrapper = ({
     title,
     icon,
     children,
@@ -33,7 +33,7 @@ function SectionWrapper({
         props: {}
     },
     description
-}) {
+}) => {
     const [isExpanded, setExpanded] = useState(defaultExpandedState);
     const toggleExpand = () => {
         if (controlledProps.isControlled) {
@@ -57,6 +57,7 @@ function SectionWrapper({
                     descTooltip={descTooltip} />
                 {isCollapsible && (
                     <FontAwesomeIcon
+                        aria-label="usda-section-title__expand-icon"
                         tabIndex={0}
                         onKeyDown={createOnKeyDownHandler(toggleExpand)}
                         className="usda-section-title__expand-icon"
@@ -70,7 +71,7 @@ function SectionWrapper({
             {showChildren && !isComingSoon && children}
         </section>
     );
-}
+};
 
 SectionWrapper.propTypes = {
     icon: PropTypes.element.isRequired,

dist/index.js

@@ -623,8 +623,8 @@
 
       import './mocker-runtime-injected.js';
 
-      import './runtime~main.a3e80860.iframe.bundle.js';
+      import './runtime~main.e5ae31c6.iframe.bundle.js';
 
       import './6094.566847d9.iframe.bundle.js';
 
-      import './main.1f494544.iframe.bundle.js';</script></body></html>
+      import './main.b642ca17.iframe.bundle.js';</script></body></html>

docs/iframe.html

@@ -1 +1 @@
-{"generatedAt":1769524821759,"userSince":1747848640087,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":5,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}
+{"generatedAt":1769636476931,"userSince":1747848640087,"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"testPackages":{"@babel/plugin-transform-optional-chaining":"7.27.1","@chromatic-com/storybook":"4.1.1","@testing-library/jest-dom":"6.8.0","@testing-library/react":"14.0.0","eslint-plugin-jasmine":"2.10.1","jest":"28.1.3","jest-cli":"28.1.3"},"hasRouterPackage":false,"packageManager":{"type":"npm","agent":"npm","nodeLinker":"node_modules"},"typescriptOptions":{"reactDocgen":"react-docgen-typescript"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-webpack5","options":{}},"builder":"@storybook/builder-webpack5","renderer":"@storybook/react","portableStoriesFileCount":5,"applicationFileCount":9,"storybookVersion":"9.1.3","language":"typescript","storybookPackages":{"@storybook/addon-a11y":{"version":"9.1.3"},"@storybook/react-webpack5":{"version":"9.1.3"},"storybook":{"version":"9.1.3"}},"addons":{"@storybook/addon-links":{"version":"9.1.3"},"@storybook/addon-webpack5-compiler-babel":{"version":"3.0.6"},"@chromatic-com/storybook":{"version":"4.1.1"},"@storybook/addon-docs":{"version":"9.1.3"},"@storybook/addon-styling-webpack":{"version":"2.0.0"}}}