Merge pull request #1187 from dequelabs/release-v5.8.0

chore(cauldron): Release 5.8.0
dequelabs · Sep 6, 2023 · c97ac17 · c97ac17
2 parents 67e551f + f8920aa
commit c97ac17
Show file tree

Hide file tree

Showing 53 changed files with 6,630 additions and 7,555 deletions.
diff --git a/.babelrc b/.babelrc
@@ -2,7 +2,6 @@
   "presets": ["@babel/env", "@babel/react", "@babel/preset-typescript"],
   "plugins": [
     "transform-export-extensions",
-    "@babel/plugin-proposal-class-properties",
     "@babel/plugin-proposal-export-default-from"
   ]
 }
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,23 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [5.8.0](https://github.com/dequelabs/cauldron/compare/v5.7.1...v5.8.0) (2023-09-05)
+
+
+### Features
+
+* **react:** Adds clock icon ([#1155](https://github.com/dequelabs/cauldron/issues/1155)) ([0dd10f2](https://github.com/dequelabs/cauldron/commit/0dd10f2c077a04808e31a826f3f1a2425c29cce4))
+
+
+### Bug Fixes
+
+* **breadcrumbs:** amend `/` separator colours in light and dark mode ([#1153](https://github.com/dequelabs/cauldron/issues/1153)) ([f2f134b](https://github.com/dequelabs/cauldron/commit/f2f134b5fe68252bf43d7fbb271aa6b3ca99e9fe))
+* **react:** fix color contrast issue for accordion trigger on hover ([#1163](https://github.com/dequelabs/cauldron/issues/1163)) ([57df9d4](https://github.com/dequelabs/cauldron/commit/57df9d4fdced99ba9cd3b0ec9eb69e438bce56bc))
+* **react:** fix issue where TwoColumnPanel would not collapse correctly with reduced motion ([#1158](https://github.com/dequelabs/cauldron/issues/1158)) ([ab3e5b8](https://github.com/dequelabs/cauldron/commit/ab3e5b872ceb6bed117c0c7ad993fb30fba040b2))
+* **react:** fix options menu size and update documentation to v2 docs ([#1166](https://github.com/dequelabs/cauldron/issues/1166)) ([8df46f8](https://github.com/dequelabs/cauldron/commit/8df46f8243ab6d00025dcfe3350dce2fa86af04b))
+* **table:** adjust border table thickness and sortable table icon ([#1154](https://github.com/dequelabs/cauldron/issues/1154)) ([5f0c732](https://github.com/dequelabs/cauldron/commit/5f0c7324cf7fc7b02cba8513c998877280fe45b9))
+* **table:** position sort icons using flex-start ([#1160](https://github.com/dequelabs/cauldron/issues/1160)) ([dc735be](https://github.com/dequelabs/cauldron/commit/dc735bed609f67de5194e5142feed5deb8159805))
+
 ### [5.7.1](https://github.com/dequelabs/cauldron/compare/v5.7.0...v5.7.1) (2023-08-04)
 
 

diff --git a/docs/Demo/PropDocs.js b/docs/Demo/PropDocs.js
diff --git a/docs/Demo/index.css b/docs/Demo/index.css
diff --git a/docs/Demo/index.js b/docs/Demo/index.js
diff --git a/docs/FieldWrapNotice.js b/docs/FieldWrapNotice.js
diff --git a/docs/collections.ts b/docs/collections.ts
@@ -17,7 +17,6 @@ interface Collections {
  * Maps specific components/mdx to collections:
  *  - Pages collection is for generic documentation (like getting started, or principles)
  *  - Components collection is for all component MDX documentation
- *  - ComponentsV1 collection is for all current (js) documentation
  *
  * These collections can be used to automatically import/sort components and display
  * them in the relevant section within the site navigation.
@@ -29,7 +28,6 @@ const collections: Collections = (require as any)
     (collections: Collections, key: string) => {
       const pagesMatch = minimatch(key, './pages/*.mdx');
       const componentMatch = minimatch(key, './pages/components/*.mdx');
-      const componentsV1Match = minimatch(key, './patterns/components/**/*.js');
       const filepath = `docs${key.substring(1)}`;
 
       if (pagesMatch) {
@@ -66,31 +64,13 @@ const collections: Collections = (require as any)
           ...props
         };
         collections.components.push(component);
-      } else if (componentsV1Match) {
-        const name = key.match(/(\w+)\/index\.jsx?$/)?.[1] || '';
-        const { default: Component } = require(`./patterns/components/${name}`);
-        const component = {
-          name,
-          title: name,
-          Component,
-          path: `/components/${name}`
-        };
-        collections.componentsV1.push(component);
       }
 
       return collections;
     },
     { pages: [], components: [], componentsV1: [] }
   );
 
-// Merge V1/MDX components into a single list with MDX components taking priority
-const componentsList: Collection<{ deprecated?: boolean }>[] = [
-  ...collections.components,
-  ...collections.componentsV1.filter(
-    v1 => !collections.components.find(c => c.name === v1.name)
-  )
-].sort((a, b) => a.name.localeCompare(b.name));
-
 // Pages should first be sorted by their index, then alphabetical
 export const pages = [
   ...collections.pages
@@ -105,5 +85,6 @@ export const pages = [
     .sort((a, b) => a.name.localeCompare(b.name))
 ];
 
-export const components = componentsList;
-export const componentsV2 = collections.components;
+export const components = [...collections.components].sort((a, b) =>
+  a.name.localeCompare(b.name)
+);
diff --git a/docs/components/ComponentLayout.css b/docs/components/ComponentLayout.css
@@ -75,6 +75,10 @@ ul.Component__list li {
   overflow: hidden;
 }
 
+.Component .Offscreen {
+  top: 0;
+}
+
 .Component > .Panel {
   padding: var(--space-small);
 }
@@ -125,6 +129,15 @@ ul.Component__list li {
   text-align: center;
 }
 
+table.Component__Props tr td:first-child,
+ul.Component__Props
+  li
+  dl
+  .DescriptionList__item:first-child
+  .DescriptionList__details {
+  white-space: nowrap;
+}
+
 ul.Component__Props {
   list-style-type: none;
   margin: 0 !important;