Merge pull request #1321 from dequelabs/release-v6.1.0

chore(cauldron): Release 6.1.0
dequelabs · Jan 24, 2024 · 1c07d65 · 1c07d65
2 parents 905d520 + db1e111
commit 1c07d65
Show file tree

Hide file tree

Showing 28 changed files with 2,903 additions and 2,246 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,25 @@
 
 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.
 
+## [6.1.0](https://github.com/dequelabs/cauldron/compare/v6.0.0...v6.1.0) (2024-01-24)
+
+
+### Features
+
+* synced tabs with uxpin ([#1292](https://github.com/dequelabs/cauldron/issues/1292)) ([403a38d](https://github.com/dequelabs/cauldron/commit/403a38d4cc3388d453be20c8308b0c20db94c119))
+
+
+### Bug Fixes
+
+* **Combobox:** prevent default event  when Combobox listbox is expanded on enter keypress ([#1319](https://github.com/dequelabs/cauldron/issues/1319)) ([6de7685](https://github.com/dequelabs/cauldron/commit/6de7685ab576bf8d1a2edb36051486576a046cb4))
+* **Combobox:** set aria-activedescendant correctly when listbox is expanded with selected value ([#1320](https://github.com/dequelabs/cauldron/issues/1320)) ([3a04d8b](https://github.com/dequelabs/cauldron/commit/3a04d8b8ec3b2821ce33a3667266732841c22df5))
+* **react,styles:** keep rest background for disabled:active button state ([#1310](https://github.com/dequelabs/cauldron/issues/1310)) ([ca3aa82](https://github.com/dequelabs/cauldron/commit/ca3aa821bb47efbf7c2aac28d22937b599d8bc89))
+* **style:** removed double bottom border and added padding for < 64 rem ([#1303](https://github.com/dequelabs/cauldron/issues/1303)) ([c37994c](https://github.com/dequelabs/cauldron/commit/c37994cd2b1a02ddd8086d27d9e76380ac8775ec))
+* **styles:** use correct border for table headers with row headings ([#1308](https://github.com/dequelabs/cauldron/issues/1308)) ([b991497](https://github.com/dequelabs/cauldron/commit/b9914978995b7a75e8f4e0bd411d90b2752be992))
+* **style:** synced stepper with pattern library ([#1251](https://github.com/dequelabs/cauldron/issues/1251)) ([7c3f70b](https://github.com/dequelabs/cauldron/commit/7c3f70bef1ab2a8d88e891752e032d5ed27c9083))
+* **style:** Synced styles and added large variant of IconButton ([#1304](https://github.com/dequelabs/cauldron/issues/1304)) ([e5868a1](https://github.com/dequelabs/cauldron/commit/e5868a15a355d351d3d64f041aa609e3e81b8a29))
+* **style:** synced text field styles with pattern library ([#1206](https://github.com/dequelabs/cauldron/issues/1206)) ([51a804a](https://github.com/dequelabs/cauldron/commit/51a804a162fa2482529e443a0a41808c1ce2fa78))
+
 ## [6.0.0](https://github.com/dequelabs/cauldron/compare/v5.13.0...v6.0.0) (2023-12-20)
 
 

diff --git a/docs/pages/components/IconButton.mdx b/docs/pages/components/IconButton.mdx
@@ -72,6 +72,17 @@ If there are multiple icon buttons with the same label, the visible label text c
 </div>
 ```
 
+### Large
+
+```jsx example
+<IconButton variant="error" icon="pencil" label="Edit" large />
+<IconButton variant="error" icon="pencil" label="Edit" disabled large />
+<IconButton variant="secondary" icon="pencil" label="Edit" large />
+<IconButton variant="secondary" icon="pencil" label="Edit" disabled large />
+<IconButton variant="primary" icon="pencil" label="Edit" large />
+<IconButton variant="primary" icon="pencil" label="Edit" disabled large />
+```
+
 ## Props
 
 <ComponentProps
@@ -119,6 +130,12 @@ If there are multiple icon buttons with the same label, the visible label text c
       defaultValue: 'document.body',
       description: 'The parent element to place the Tooltip in.'
     },
+    {
+      name: 'large',
+      type: 'boolean',
+      defaultValue: 'false',
+      description: 'Larger visual style of icon button.'
+    }
   ]}
 />
 

diff --git a/docs/pages/components/Table.mdx b/docs/pages/components/Table.mdx
@@ -27,7 +27,9 @@ import {
 } from '@deque/cauldron-react'
 ```
 
-## Default
+## Examples
+
+### Default
 
 ```jsx example
 <Table>
@@ -101,7 +103,7 @@ import {
 </Table>
 ```
 
-## Bordered
+### Bordered
 
 ```jsx example
 <Table variant="border">
@@ -137,7 +139,7 @@ import {
 </Table>
 ```
 
-## Bordered with Footer
+### Bordered with Footer
 
 ```jsx example
 <Table variant="border">
@@ -180,7 +182,7 @@ import {
 </Table>
 ```
 
-## Sortable
+### Sortable
 
 export const tableData = [
   {
@@ -268,6 +270,70 @@ function SortableTableExample() {
   As a best practice, when a table has sorted columns an author should indicate which column is currently sorted by setting the sort direction for the active sorted column.
 </Note>
 
+### With Row Headings
+
+```jsx example
+<Table>
+  <TableBody>
+    <TableRow>
+      <TableHeader scope="row">City</TableHeader>
+      <TableCell>Budapest</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableHeader scope="row">Country</TableHeader>
+      <TableCell>Hungary</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableHeader scope="row">Planet</TableHeader>
+      <TableCell>Earth</TableCell>
+    </TableRow>
+  </TableBody>
+</Table>
+```
+
+### With Row and Column Headings
+
+```jsx example
+<Table>
+  <TableHead>
+    <TableRow>
+      <TableCell />
+      <TableHeader scope="col">Monday</TableHeader>
+      <TableHeader scope="col">Tuesday</TableHeader>
+      <TableHeader scope="col">Wednesday</TableHeader>
+      <TableHeader scope="col">Thursday</TableHeader>
+      <TableHeader scope="col">Friday</TableHeader>
+    </TableRow>
+  </TableHead>
+  <TableBody>
+    <TableRow>
+      <TableHeader scope="row">Ends with Day</TableHeader>
+      <TableCell>Yes</TableCell>
+      <TableCell>Yes</TableCell>
+      <TableCell>Yes</TableCell>
+      <TableCell>Yes</TableCell>
+      <TableCell>Yes</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableHeader scope="row">Middle of Week</TableHeader>
+      <TableCell>No</TableCell>
+      <TableCell>No</TableCell>
+      <TableCell>Yes</TableCell>
+      <TableCell>No</TableCell>
+      <TableCell>No</TableCell>
+    </TableRow>
+    <TableRow>
+      <TableHeader scope="row">Next to Weekend</TableHeader>
+      <TableCell>Yes</TableCell>
+      <TableCell>No</TableCell>
+      <TableCell>No</TableCell>
+      <TableCell>No</TableCell>
+      <TableCell>Yes</TableCell>
+    </TableRow>
+  </TableBody>
+</Table>
+```
+
 ## Props
 
 ### Table

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "cauldron",
   "private": true,
-  "version": "6.0.0",
+  "version": "6.1.0",
   "license": "MPL-2.0",
   "scripts": {
     "clean": "rimraf dist docs/dist",

diff --git a/packages/react/__tests__/axe.js b/packages/react/__tests__/axe.js
diff --git a/packages/react/__tests__/axe.ts b/packages/react/__tests__/axe.ts
@@ -0,0 +1,9 @@
+import { JestAxe, configureAxe } from 'jest-axe';
+
+const axe: JestAxe = configureAxe({
+  rules: {
+    region: { enabled: false }
+  }
+});
+
+export default axe;
diff --git a/packages/react/__tests__/setupTests.js → packages/react/__tests__/setupTests.ts b/packages/react/__tests__/setupTests.js → packages/react/__tests__/setupTests.ts
@@ -1,5 +1,6 @@
 import { configure } from 'enzyme';
 import Adapter from 'enzyme-adapter-react-16';
+import '@testing-library/jest-dom';
 import 'jest-axe/extend-expect';
 
 configure({ adapter: new Adapter() });

diff --git a/packages/react/__tests__/src/components/Button/index.js b/packages/react/__tests__/src/components/Button/index.js