@patternfly/documentation-framework 2.0.0-alpha.44 → 2.0.0-alpha.46

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 2.0.0-alpha.46 (2023-05-31)
+
+
+### Bug Fixes
+
+* **CSSVariables:** resolve a11y issues in tables ([41a7837](https://github.com/patternfly/patternfly-org/commit/41a78379de36c08d7b36fe48a9ff40a4140cdc63))
+
+
+
+
+
+# 2.0.0-alpha.45 (2023-05-25)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
 # 2.0.0-alpha.44 (2023-05-25)
 
 **Note:** Version bump only for package @patternfly/documentation-framework

package/components/cssVariables/cssVariables.js

@@ -178,11 +178,7 @@ export class CSSVariables extends React.Component {
             <Tr>
               {!this.props.hideSelectorColumn && (
                 <React.Fragment>
-                  <Th expand={{
-                    areAllExpanded: this.state.allRowsExpanded,
-                    collapseAllAriaLabel: "Expand or collapse all CSS variables",
-                    onToggle: this.onCollapse
-                  }}/>
+                  <Th />
                   <Th>Selector</Th>
                 </React.Fragment>
               )}
@@ -201,7 +197,7 @@ export class CSSVariables extends React.Component {
                           rowIndex,
                           isExpanded: row.isOpen,
                           onToggle: this.onCollapse,
-                          expandId: 'css-vars-expandable-toggle'
+                          expandId: `css-vars-expandable-toggle-${this.props.prefix}`
                         }
                         : undefined
                     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/documentation-framework",
   "description": "A framework to build documentation for PatternFly.",
-  "version": "2.0.0-alpha.44",
+  "version": "2.0.0-alpha.46",
   "author": "Red Hat",
   "license": "MIT",
   "private": false,
@@ -91,5 +91,5 @@
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
-  "gitHead": "eea3ab5ab5fb2eebf30ebda97b41739ae3ddf60e"
+  "gitHead": "c544648774dac6e2b88fb3a107cf05259b9573e8"
 }

package/pages/red-hat-font.md

@@ -1,40 +0,0 @@
----
-id: Red Hat font
-section: developer-resources
----
-
-PR - [https://github.com/patternfly/patternfly/pull/4476](https://github.com/patternfly/patternfly/pull/4476)
-
-Available in [v4.161.0](https://github.com/patternfly/patternfly/releases/tag/prerelease-v4.161.0)
-
-## Overview
-
-PatternFly has created opt-ins for `v4.0.2` of the [RedHatFont](https://github.com/RedHatOfficial/RedHatFont/). This is an update from `v2.x`. There are many new features in this update, including:
-
-- Variable fonts
-- New weights in Red Hat Display and Red Hat Text
-- Tabular figures (monospaced numbers) in Red Hat Display and Red Hat Text
-- Red Hat Mono typeface
-- Dropping support for IE11 (dropped the `.woff` format)
-
-### Available Opt-ins
-
-#### `.pf-m-redhat-updated-font`
-
-Updates the Red Hat Text and Red Hat Display font stacks to `v4.0.2`. This should be a safe, seamless opt-in, with small improvements to glyph shape, kerning, metadata across the entire family of fonts. Potential concerns may be that this will remove support for IE11 by removing the `.woff` format support, and small layout shifts as result of the small improvements.
-
-#### `.pf-m-redhatmono-font`
-
-Updates the monospaced font stack to use the Red Hat Mono font. This opt-in can be combined with `.pf-m-redhat-updated-font`.
-
-#### `.pf-m-redhatVF-font`
-
-Updates the Red Hat Text, Red Hat Display, and Red Hat Mono font stacks to use the variable font files.
-
-#### `.pf-m-tabular-nums`
-
-This is a global class that can be applied to any element to enable monospaced numbers on that element and its children.
-
-### Using opt-in classes
-
-To opt-in to any of the new fonts (`.pf-m-redhat-updated-font`, `.pf-m-redhatmono-font`, and `.pf-m-redhatVF-font`), add the opt-in class to the `<body>` tag of your application. To opt-in to monospaced numbers globally across your application, apply `.pf-m-tabular-nums` to any element that wraps your entire application (eg, `<body>`, `<div id="root">`, `<div class="pf-v5-c-page">`, etc). To opt-in to monospaced numbers on a particular element and its children, add the class to that element itself.