Merge pull request #1747 from okta/release/v0.21.4

Release/v0.21.4
okta · Apr 13, 2023 · facb0d9 · facb0d9
2 parents 06e016c + 253b9c5
commit facb0d9
Show file tree

Hide file tree

Showing 49 changed files with 262 additions and 36 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+### Features
+
+- **odyssey-react-mui:** add ScreenReaderText component ([b0c98ad](https://github.com/okta/odyssey/commit/b0c98ad72924c5a510590f5e584dc99e1465ae1c))
+- wrapped CircularProgress ([fda8978](https://github.com/okta/odyssey/commit/fda89787c3bc13830d2d4e09290d261e490c0902))
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 ### Features

diff --git a/lerna.json b/lerna.json
@@ -5,5 +5,5 @@
   "packages": ["packages/*"],
   "useNx": false,
   "useWorkspaces": true,
-  "version": "0.21.3"
+  "version": "0.21.4"
 }
diff --git a/packages/babel-plugin-fully-specified/CHANGELOG.md b/packages/babel-plugin-fully-specified/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/babel-plugin-fully-specified
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/babel-plugin-fully-specified

diff --git a/packages/babel-plugin-fully-specified/package.json b/packages/babel-plugin-fully-specified/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/babel-plugin-fully-specified",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "private": true,
   "description": "Babel plugin to generate fully specified ESM module syntax",
   "author": "Okta, Inc.",

diff --git a/packages/browserslist-config-odyssey/CHANGELOG.md b/packages/browserslist-config-odyssey/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/browserslist-config-odyssey
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/browserslist-config-odyssey

diff --git a/packages/browserslist-config-odyssey/package.json b/packages/browserslist-config-odyssey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/browserslist-config-odyssey",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Browserslist config for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/conventional-changelog-odyssey/CHANGELOG.md b/packages/conventional-changelog-odyssey/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/conventional-changelog-odyssey
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/conventional-changelog-odyssey

diff --git a/packages/conventional-changelog-odyssey/package.json b/packages/conventional-changelog-odyssey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/conventional-changelog-odyssey",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "main": "index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/eslint-plugin-odyssey/CHANGELOG.md b/packages/eslint-plugin-odyssey/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/eslint-plugin-odyssey
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/eslint-plugin-odyssey

diff --git a/packages/eslint-plugin-odyssey/package.json b/packages/eslint-plugin-odyssey/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/eslint-plugin-odyssey",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-babel-loader/CHANGELOG.md b/packages/odyssey-babel-loader/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-babel-loader
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-babel-loader

diff --git a/packages/odyssey-babel-loader/package.json b/packages/odyssey-babel-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-babel-loader",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Babel webpack loader for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-babel-preset/CHANGELOG.md b/packages/odyssey-babel-preset/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-babel-preset
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-babel-preset

diff --git a/packages/odyssey-babel-preset/package.json b/packages/odyssey-babel-preset/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-babel-preset",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Babel preset for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-commitlint/CHANGELOG.md b/packages/odyssey-commitlint/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-commitlint
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-commitlint

diff --git a/packages/odyssey-commitlint/package.json b/packages/odyssey-commitlint/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-commitlint",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-design-tokens/CHANGELOG.md b/packages/odyssey-design-tokens/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-design-tokens
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-design-tokens

diff --git a/packages/odyssey-design-tokens/package.json b/packages/odyssey-design-tokens/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-design-tokens",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Design tokens for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-eslint-config/CHANGELOG.md b/packages/odyssey-eslint-config/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-eslint-config
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-eslint-config

diff --git a/packages/odyssey-eslint-config/package.json b/packages/odyssey-eslint-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-eslint-config",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-icons/CHANGELOG.md b/packages/odyssey-icons/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-icons
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-icons

diff --git a/packages/odyssey-icons/package.json b/packages/odyssey-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-icons",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "private": true,
   "description": "The home for Odyssey's supported icons.",
   "homepage": "https://github.com/okta/odyssey",

diff --git a/packages/odyssey-lifecycle/CHANGELOG.md b/packages/odyssey-lifecycle/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-lifecycle
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-lifecycle

diff --git a/packages/odyssey-lifecycle/package.json b/packages/odyssey-lifecycle/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-lifecycle",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "Lifecycle scripts for lerna and npm",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-lint-staged/CHANGELOG.md b/packages/odyssey-lint-staged/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-lint-staged
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-lint-staged

diff --git a/packages/odyssey-lint-staged/package.json b/packages/odyssey-lint-staged/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-lint-staged",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-react-labs/CHANGELOG.md b/packages/odyssey-react-labs/CHANGELOG.md
@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+**Note:** Version bump only for package @okta/odyssey-react-labs
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 **Note:** Version bump only for package @okta/odyssey-react-labs

diff --git a/packages/odyssey-react-labs/package.json b/packages/odyssey-react-labs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-react-labs",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "React components for Odyssey, that will eventually be part of Odyssey React but who's implementation isn't yet approved.",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-react-mui/CHANGELOG.md b/packages/odyssey-react-mui/CHANGELOG.md
@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.4](https://github.com/okta/odyssey/compare/v0.21.3...v0.21.4) (2023-04-13)
+
+### Features
+
+- **odyssey-react-mui:** add ScreenReaderText component ([b0c98ad](https://github.com/okta/odyssey/commit/b0c98ad72924c5a510590f5e584dc99e1465ae1c))
+- wrapped CircularProgress ([fda8978](https://github.com/okta/odyssey/commit/fda89787c3bc13830d2d4e09290d261e490c0902))
+
 ## [0.21.3](https://github.com/okta/odyssey/compare/v0.21.2...v0.21.3) (2023-04-06)
 
 ### Features

diff --git a/packages/odyssey-react-mui/package.json b/packages/odyssey-react-mui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-react-mui",
-  "version": "0.21.3",
+  "version": "0.21.4",
   "description": "React MUI components for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

diff --git a/packages/odyssey-react-mui/src/Banner.tsx b/packages/odyssey-react-mui/src/Banner.tsx
@@ -12,7 +12,7 @@
 
 import { AlertColor, AlertProps } from "@mui/material";
 import { memo } from "react";
-import { Alert, Link, visuallyHidden } from "./";
+import { Alert, Link, ScreenReaderText } from "./";
 
 export interface BannerProps {
   /**
@@ -55,7 +55,7 @@ const Banner = ({
   text,
 }: BannerProps) => (
   <Alert onClose={onClose} role={role} severity={severity} variant="banner">
-    <span style={visuallyHidden}>{severity}:</span>
+    <ScreenReaderText>{severity}:</ScreenReaderText>
     {text}
     {linkUrl && (
       <Link href={linkUrl} variant="monochrome">

diff --git a/packages/odyssey-react-mui/src/CheckboxGroup.tsx b/packages/odyssey-react-mui/src/CheckboxGroup.tsx
@@ -18,7 +18,7 @@ import {
   FormGroup,
   FormHelperText,
   FormLabel,
-  visuallyHidden,
+  ScreenReaderText,
 } from ".";
 
 export type CheckboxGroupProps = {
@@ -61,7 +61,7 @@ const CheckboxGroup = ({
       <FormGroup aria-describedby={ariaDescribedBy}>{children}</FormGroup>
       {errorMessage && (
         <FormHelperText id={`${name}-error`} error>
-          <span style={visuallyHidden}>Error:</span> {errorMessage}
+          <ScreenReaderText>Error:</ScreenReaderText> {errorMessage}
         </FormHelperText>
       )}
     </FormControl>

diff --git a/packages/odyssey-react-mui/src/CircularProgress.tsx b/packages/odyssey-react-mui/src/CircularProgress.tsx
@@ -0,0 +1,24 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { CircularProgress as MuiCircularProgress } from "@mui/material";
+
+export type CircularProgressProps = {
+  value?: number;
+};
+
+export const CircularProgress = ({ value }: CircularProgressProps) => (
+  <MuiCircularProgress
+    value={value}
+    variant={value ? "determinate" : "indeterminate"}
+  />
+);
diff --git a/packages/odyssey-react-mui/src/Infobox.tsx b/packages/odyssey-react-mui/src/Infobox.tsx
@@ -12,7 +12,7 @@
 
 import { AlertColor } from "@mui/material";
 import { memo, ReactNode } from "react";
-import { Alert, AlertTitle, visuallyHidden } from ".";
+import { Alert, AlertTitle, ScreenReaderText } from ".";
 
 export interface InfoboxProps {
   /**
@@ -37,7 +37,7 @@ export interface InfoboxProps {
 
 const Infobox = ({ children, severity, role, title }: InfoboxProps) => (
   <Alert role={role} severity={severity} variant="infobox">
-    <span style={visuallyHidden}>{severity}: </span>
+    <ScreenReaderText>{severity}: </ScreenReaderText>
     {title && <AlertTitle>{title}</AlertTitle>}
     {children}
   </Alert>

diff --git a/packages/odyssey-react-mui/src/RadioGroup.tsx b/packages/odyssey-react-mui/src/RadioGroup.tsx
@@ -17,8 +17,8 @@ import {
   FormControl,
   FormLabel,
   FormHelperText,
-  visuallyHidden,
   Radio,
+  ScreenReaderText,
   useUniqueId,
   RadioProps,
 } from ".";
@@ -104,7 +104,7 @@ const RadioGroup = ({
       </MuiRadioGroup>
       {errorMessage && (
         <FormHelperText id={`${uniqueName}-error`} error>
-          <span style={visuallyHidden}>Error:</span> {errorMessage}
+          <ScreenReaderText>Error:</ScreenReaderText> {errorMessage}
         </FormHelperText>
       )}
     </FormControl>