diff --git a/CHANGELOG.md b/CHANGELOG.md index 52dd14039c..29b9260ce7 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,29 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +### ⚠ BREAKING CHANGES + +- **odyssey-react-mui:** removes `body` and `caption` variants in favor of MUI's `body1` and `subtitle` + +### Features + +- added nonce capabilities for Okta apps ([c89a488](https://github.com/okta/odyssey/commit/c89a48848d6daf8aed1c0f0f865130a8b3f3c96a)) +- **odyssey-icons:** add UserGroup assets ([b205264](https://github.com/okta/odyssey/commit/b205264b1bab5f7f9a2278024ef647436248e54d)) +- **odyssey-react-mui:** add styles for kbd to Typography ([69b3ecc](https://github.com/okta/odyssey/commit/69b3eccd8bf40dc634754c3fb19518574e88c9db)) +- **odyssey-react-mui:** add UserGroupIcon ([532a2d2](https://github.com/okta/odyssey/commit/532a2d2d6351d93c99c2af3b0e92d7041de331b8)) +- **odyssey-react-mui:** apply ODS Icons to MuiAlert ([4260b7a](https://github.com/okta/odyssey/commit/4260b7aeccf0534707687dfc3c8c5f94dbb20901)) +- **odyssey-react-mui:** set defaultProps for SvgIcon ([52b2e7d](https://github.com/okta/odyssey/commit/52b2e7d15f16f899523e396b53fcfcb7056a958b)) +- **odyssey-react-mui:** themes spacing for Form layout and Typography ([263d248](https://github.com/okta/odyssey/commit/263d2482643e600041edaa34073b164eb1cf8873)) +- **odyssey-storybook:** add user-group icon example ([3715357](https://github.com/okta/odyssey/commit/3715357edfba73ed92bff2525df007ad9f6ba93b)) + +### Bug Fixes + +- fixed incorrect Nonce global on window ([5a21b7d](https://github.com/okta/odyssey/commit/5a21b7d3041161a6b14520ca540f78673a2521f8)) +- **odyssey-react-mui:** fix adjacent Button spacing ([44941d5](https://github.com/okta/odyssey/commit/44941d55d83249069cd6a545104a106b624e7387)) +- temporarily remove `type: "module"` from odyssey-react-mui ([5fde17a](https://github.com/okta/odyssey/commit/5fde17a72970174a69a27080763e66b91e9d1cfb)) + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) ### Features diff --git a/lerna.json b/lerna.json index 02dd35bbab..045ea30892 100644 --- a/lerna.json +++ b/lerna.json @@ -1,5 +1,5 @@ { - "version": "0.14.6", + "version": "0.15.0", "npmClient": "yarn", "changelogPreset": "@okta/conventional-changelog-odyssey", "useWorkspaces": true, diff --git a/package.json b/package.json index 5b6b0a2e48..53c65e5709 100644 --- a/package.json +++ b/package.json @@ -32,10 +32,10 @@ }, "devDependencies": { "@commitlint/cli": "^14.0.0", - "@okta/odyssey-commitlint": "^0.14.6", - "@okta/odyssey-eslint-config": "^0.14.6", - "@okta/odyssey-lint-staged": "^0.14.6", - "@okta/odyssey-stylelint": "^0.14.6", + "@okta/odyssey-commitlint": "^0.15.0", + "@okta/odyssey-eslint-config": "^0.15.0", + "@okta/odyssey-lint-staged": "^0.15.0", + "@okta/odyssey-stylelint": "^0.15.0", "eslint": "^7.27.0", "husky": "^7.0.2", "lerna": "^5.1.7", diff --git a/packages/babel-plugin-fully-specified/CHANGELOG.md b/packages/babel-plugin-fully-specified/CHANGELOG.md index d1b49762c0..6689eeb74c 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/babel-plugin-fully-specified + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index 580df2619a..bf51758750 100644 --- 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.14.6", + "version": "0.15.0", "private": true, "description": "Babel plugin to generate fully specified ESM module syntax", "author": "Okta, Inc.", @@ -22,8 +22,8 @@ }, "devDependencies": { "@babel/core": "^7.15.0", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "babel-jest": "^26.6.3", "jest": "^26.6.3", "typescript": "^4.4.4" diff --git a/packages/browserslist-config-odyssey/CHANGELOG.md b/packages/browserslist-config-odyssey/CHANGELOG.md index d149e80521..d09cf0a858 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/browserslist-config-odyssey + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index d0bb682518..5e8a137e99 100644 --- 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.14.6", + "version": "0.15.0", "description": "Browserslist config for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -16,8 +16,8 @@ "prepack": "yarn exec prepack" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "typescript": "^4.4.4" } } diff --git a/packages/conventional-changelog-odyssey/CHANGELOG.md b/packages/conventional-changelog-odyssey/CHANGELOG.md index ef7d4a9ddb..edb9cee84c 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/conventional-changelog-odyssey + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index 7a9e104c9a..bd9985f26d 100644 --- 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.14.6", + "version": "0.15.0", "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 index 3c33166b3d..e4a2f2bea7 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/eslint-plugin-odyssey + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index eec8257d15..10d7947582 100644 --- 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.14.6", + "version": "0.15.0", "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 index f90cfa9095..aecdef93de 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-babel-loader + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index e3de064686..33baaf35be 100644 --- 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.14.6", + "version": "0.15.0", "description": "Babel webpack loader for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -19,7 +19,7 @@ }, "devDependencies": { "@babel/core": "^7.15.0", - "@okta/odyssey-lifecycle": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", "webpack": "4.46.0" } } diff --git a/packages/odyssey-babel-plugin/CHANGELOG.md b/packages/odyssey-babel-plugin/CHANGELOG.md index 9fda2845ef..c54cf17b1f 100644 --- a/packages/odyssey-babel-plugin/CHANGELOG.md +++ b/packages/odyssey-babel-plugin/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-babel-plugin + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-babel-plugin diff --git a/packages/odyssey-babel-plugin/package.json b/packages/odyssey-babel-plugin/package.json index 76247059f4..698c5a7f4a 100644 --- a/packages/odyssey-babel-plugin/package.json +++ b/packages/odyssey-babel-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-babel-plugin", - "version": "0.14.6", + "version": "0.15.0", "description": "Babel plugin for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -23,9 +23,9 @@ }, "devDependencies": { "@babel/core": "^7.15.0", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-postcss-preset": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-postcss-preset": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "babel-jest": "^26.6.3", "jest": "^26.6.3", "postcss": "^8.3.6", diff --git a/packages/odyssey-babel-preset/CHANGELOG.md b/packages/odyssey-babel-preset/CHANGELOG.md index 62a6a39ef1..c146064bcc 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-babel-preset + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index 9292422c51..42345fc452 100644 --- 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.14.6", + "version": "0.15.0", "description": "Babel preset for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -20,11 +20,11 @@ "@babel/preset-env": "^7.15.0", "@babel/preset-react": "^7.14.5", "@babel/preset-typescript": "^7.15.0", - "@okta/odyssey-babel-plugin": "^0.14.6" + "@okta/odyssey-babel-plugin": "^0.15.0" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@types/babel__core": "^7.1.15", "typescript": "^4.4.4" } diff --git a/packages/odyssey-commitlint/CHANGELOG.md b/packages/odyssey-commitlint/CHANGELOG.md index 5e6d09e5ea..68daf62693 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-commitlint + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-commitlint diff --git a/packages/odyssey-commitlint/package.json b/packages/odyssey-commitlint/package.json index 097db81042..68c70a7a8a 100644 --- a/packages/odyssey-commitlint/package.json +++ b/packages/odyssey-commitlint/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-commitlint", - "version": "0.14.6", + "version": "0.15.0", "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 index b4063d6087..801301b56a 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-design-tokens + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index cb9bc59c35..002fba446c 100644 --- 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.14.6", + "version": "0.15.0", "description": "Design tokens for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -20,7 +20,7 @@ "directory": "packages/odyssey-design-tokens" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", "style-dictionary": "^3.0.1" }, "scripts": { diff --git a/packages/odyssey-eslint-config/CHANGELOG.md b/packages/odyssey-eslint-config/CHANGELOG.md index 7ce4e24228..0f6a35f739 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-eslint-config + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index 41c1035e6a..5910bd437d 100644 --- a/packages/odyssey-eslint-config/package.json +++ b/packages/odyssey-eslint-config/package.json @@ -1,12 +1,12 @@ { "name": "@okta/odyssey-eslint-config", - "version": "0.14.6", + "version": "0.15.0", "main": "src/index.js", "author": "Okta, Inc.", "license": "Apache-2.0", "private": true, "dependencies": { - "@okta/eslint-plugin-odyssey": "^0.14.6", + "@okta/eslint-plugin-odyssey": "^0.15.0", "@typescript-eslint/eslint-plugin": "^4.31.1", "@typescript-eslint/parser": "^4.31.1", "eslint-config-prettier": "^8.3.0", diff --git a/packages/odyssey-icons/CHANGELOG.md b/packages/odyssey-icons/CHANGELOG.md index 5b0ad91755..1853916206 100644 --- a/packages/odyssey-icons/CHANGELOG.md +++ b/packages/odyssey-icons/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +### Features + +- **odyssey-icons:** add UserGroup assets ([b205264](https://github.com/okta/odyssey/commit/b205264b1bab5f7f9a2278024ef647436248e54d)) + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-icons diff --git a/packages/odyssey-icons/figma/user-group.svg b/packages/odyssey-icons/figma/user-group.svg new file mode 100644 index 0000000000..3c4c8e8251 --- /dev/null +++ b/packages/odyssey-icons/figma/user-group.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/odyssey-icons/package.json b/packages/odyssey-icons/package.json index 9dc2dafc72..cc2b37a4cc 100644 --- a/packages/odyssey-icons/package.json +++ b/packages/odyssey-icons/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-icons", - "version": "0.14.6", + "version": "0.15.0", "private": true, "description": "The home for Odyssey's supported icons.", "homepage": "https://github.com/okta/odyssey", diff --git a/packages/odyssey-icons/src/user-group.svg b/packages/odyssey-icons/src/user-group.svg new file mode 100644 index 0000000000..3f23b87f29 --- /dev/null +++ b/packages/odyssey-icons/src/user-group.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/odyssey-ie-11-sandbox/CHANGELOG.md b/packages/odyssey-ie-11-sandbox/CHANGELOG.md index e8464627e2..797177064a 100644 --- a/packages/odyssey-ie-11-sandbox/CHANGELOG.md +++ b/packages/odyssey-ie-11-sandbox/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-ie-11-sandbox + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-ie-11-sandbox diff --git a/packages/odyssey-ie-11-sandbox/package.json b/packages/odyssey-ie-11-sandbox/package.json index 5307d0bad2..cf5524ddf6 100644 --- a/packages/odyssey-ie-11-sandbox/package.json +++ b/packages/odyssey-ie-11-sandbox/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-ie-11-sandbox", - "version": "0.14.6", + "version": "0.15.0", "private": true, "description": "Testing for IE11", "author": "Okta, Inc.", @@ -17,7 +17,7 @@ "build": "webpack --mode production" }, "dependencies": { - "@okta/odyssey-react": "^0.14.6", + "@okta/odyssey-react": "^0.15.0", "core-js": "^3.21.0", "proxy-polyfill": "^0.3.2", "react": "^17.0.2", @@ -28,8 +28,8 @@ "@babel/preset-env": "7.15.0", "@babel/preset-react": "7.14.5", "@babel/preset-typescript": "7.15.0", - "@okta/browserslist-config-odyssey": "^0.14.6", - "@okta/odyssey-babel-preset": "^0.14.6", + "@okta/browserslist-config-odyssey": "^0.15.0", + "@okta/odyssey-babel-preset": "^0.15.0", "babel-loader": "8.2.2", "css-loader": "3.6.0", "html-webpack-plugin": "4.5.2", diff --git a/packages/odyssey-lifecycle/CHANGELOG.md b/packages/odyssey-lifecycle/CHANGELOG.md index 0b21f60667..2e31399ce1 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-lifecycle + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-lifecycle diff --git a/packages/odyssey-lifecycle/package.json b/packages/odyssey-lifecycle/package.json index e74852657b..0c51536234 100644 --- a/packages/odyssey-lifecycle/package.json +++ b/packages/odyssey-lifecycle/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-lifecycle", - "version": "0.14.6", + "version": "0.15.0", "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 index 0161dff3bd..f1cf3d144a 100644 --- 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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-lint-staged + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **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 index f3dc0c835f..68d4d4dde8 100644 --- 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.14.6", + "version": "0.15.0", "main": "src/index.js", "author": "Okta, Inc.", "license": "Apache-2.0", diff --git a/packages/odyssey-postcss-preset/CHANGELOG.md b/packages/odyssey-postcss-preset/CHANGELOG.md index 534a9e1b5b..62cb969367 100644 --- a/packages/odyssey-postcss-preset/CHANGELOG.md +++ b/packages/odyssey-postcss-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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-postcss-preset + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-postcss-preset diff --git a/packages/odyssey-postcss-preset/package.json b/packages/odyssey-postcss-preset/package.json index 0d4d0748f9..f3f1f2360a 100644 --- a/packages/odyssey-postcss-preset/package.json +++ b/packages/odyssey-postcss-preset/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-postcss-preset", - "version": "0.14.6", + "version": "0.15.0", "description": "Postcss preset for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -17,7 +17,7 @@ "prepack": "yarn exec prepack" }, "dependencies": { - "@okta/odyssey-postcss-theme": "^0.14.6", + "@okta/odyssey-postcss-theme": "^0.15.0", "autoprefixer": "^10.3.4", "cssnano": "^5.0.8", "loader-utils": "^1.4.0", @@ -25,8 +25,8 @@ "postcss-modules": "^4.2.2" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@types/cssnano": "^4.0.1", "jest": "^26.6.3", "typescript": "^4.4.4" diff --git a/packages/odyssey-postcss-scss/CHANGELOG.md b/packages/odyssey-postcss-scss/CHANGELOG.md index 6e921f6f43..16255ccee0 100644 --- a/packages/odyssey-postcss-scss/CHANGELOG.md +++ b/packages/odyssey-postcss-scss/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-postcss-scss + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-postcss-scss diff --git a/packages/odyssey-postcss-scss/package.json b/packages/odyssey-postcss-scss/package.json index c063a24738..9755520420 100644 --- a/packages/odyssey-postcss-scss/package.json +++ b/packages/odyssey-postcss-scss/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-postcss-scss", - "version": "0.14.6", + "version": "0.15.0", "description": "Postcss scss plugin for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -20,8 +20,8 @@ "sass": "^1.42.1" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@types/sass": "^1.16.1", "jest": "^26.6.3", "postcss": "^8.3.6", diff --git a/packages/odyssey-postcss-theme/CHANGELOG.md b/packages/odyssey-postcss-theme/CHANGELOG.md index 24b5f33a2b..84c2c5f5e0 100644 --- a/packages/odyssey-postcss-theme/CHANGELOG.md +++ b/packages/odyssey-postcss-theme/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-postcss-theme + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-postcss-theme diff --git a/packages/odyssey-postcss-theme/package.json b/packages/odyssey-postcss-theme/package.json index 85fd59ddb4..53e7c8efb8 100644 --- a/packages/odyssey-postcss-theme/package.json +++ b/packages/odyssey-postcss-theme/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-postcss-theme", - "version": "0.14.6", + "version": "0.15.0", "description": "Postcss theme plugin for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -17,8 +17,8 @@ "prepack": "yarn exec prepack" }, "devDependencies": { - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "jest": "^26.6.3", "typescript": "^4.4.4" }, diff --git a/packages/odyssey-react-mui/CHANGELOG.md b/packages/odyssey-react-mui/CHANGELOG.md index e25d1817c8..343be2a075 100644 --- a/packages/odyssey-react-mui/CHANGELOG.md +++ b/packages/odyssey-react-mui/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. +## [0.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +### ⚠ BREAKING CHANGES + +- **odyssey-react-mui:** removes `body` and `caption` variants in favor of MUI's `body1` and `subtitle` + +### Features + +- **odyssey-react-mui:** add styles for kbd to Typography ([69b3ecc](https://github.com/okta/odyssey/commit/69b3eccd8bf40dc634754c3fb19518574e88c9db)) +- **odyssey-react-mui:** add UserGroupIcon ([532a2d2](https://github.com/okta/odyssey/commit/532a2d2d6351d93c99c2af3b0e92d7041de331b8)) +- **odyssey-react-mui:** apply ODS Icons to MuiAlert ([4260b7a](https://github.com/okta/odyssey/commit/4260b7aeccf0534707687dfc3c8c5f94dbb20901)) +- **odyssey-react-mui:** set defaultProps for SvgIcon ([52b2e7d](https://github.com/okta/odyssey/commit/52b2e7d15f16f899523e396b53fcfcb7056a958b)) +- **odyssey-react-mui:** themes spacing for Form layout and Typography ([263d248](https://github.com/okta/odyssey/commit/263d2482643e600041edaa34073b164eb1cf8873)) + +### Bug Fixes + +- **odyssey-react-mui:** fix adjacent Button spacing ([44941d5](https://github.com/okta/odyssey/commit/44941d55d83249069cd6a545104a106b624e7387)) +- temporarily remove `type: "module"` from odyssey-react-mui ([5fde17a](https://github.com/okta/odyssey/commit/5fde17a72970174a69a27080763e66b91e9d1cfb)) + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) ### Features diff --git a/packages/odyssey-react-mui/package.json b/packages/odyssey-react-mui/package.json index f832e796d5..37b0231954 100644 --- a/packages/odyssey-react-mui/package.json +++ b/packages/odyssey-react-mui/package.json @@ -1,13 +1,12 @@ { "name": "@okta/odyssey-react-mui", - "version": "0.14.6", + "version": "0.15.0", "description": "React MUI components for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", "main": "dist/index.js", "module": "dist/index.js", "types": "dist/index.d.ts", - "type": "module", "exports": { ".": { "default": "./dist/index.js" @@ -19,7 +18,7 @@ "directory": "packages/odyssey-react-mui" }, "dependencies": { - "@okta/odyssey-design-tokens": "^0.14.6" + "@okta/odyssey-design-tokens": "^0.15.0" }, "devDependencies": { "@babel/cli": "^7.14.8", @@ -28,12 +27,12 @@ "@emotion/styled": "^11.10.0", "@mui/icons-material": "^5.8.4", "@mui/material": "^5.9.2", - "@okta/browserslist-config-odyssey": "^0.14.6", - "@okta/odyssey-babel-preset": "^0.14.6", - "@okta/odyssey-icons": "^0.14.6", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-svgr": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/browserslist-config-odyssey": "^0.15.0", + "@okta/odyssey-babel-preset": "^0.15.0", + "@okta/odyssey-icons": "^0.15.0", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-svgr": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@svgr/cli": "^5.5.0", "@testing-library/dom": "^7.28.1", "@testing-library/jest-dom": "^5.12.0", diff --git a/packages/odyssey-react-mui/src/components/Icon/UserGroup.tsx b/packages/odyssey-react-mui/src/components/Icon/UserGroup.tsx new file mode 100644 index 0000000000..7c0b649ac5 --- /dev/null +++ b/packages/odyssey-react-mui/src/components/Icon/UserGroup.tsx @@ -0,0 +1,44 @@ +/*! + * 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. + */ + +// Code automatically generated by svgr; DO NOT EDIT. + +import { forwardRef } from "react"; +import { SvgIcon } from "./SvgIcon"; +import type { SvgIconNoChildrenProps } from "./types"; + +export type UserGroupIconProps = SvgIconNoChildrenProps; + +export const UserGroupIcon = forwardRef( + (props, ref) => { + return ( + + <> + + + + ); + } +); + +UserGroupIcon.displayName = "UserGroupIcon"; diff --git a/packages/odyssey-react-mui/src/components/Icon/index.tsx b/packages/odyssey-react-mui/src/components/Icon/index.tsx index 17d8581e8c..207c2e720a 100644 --- a/packages/odyssey-react-mui/src/components/Icon/index.tsx +++ b/packages/odyssey-react-mui/src/components/Icon/index.tsx @@ -125,6 +125,9 @@ export * from "./Settings"; import { SubtractIcon } from "./Subtract"; export * from "./Subtract"; +import { UserGroupIcon } from "./UserGroup"; +export * from "./UserGroup"; + import { UserIcon } from "./User"; export * from "./User"; @@ -166,5 +169,6 @@ export const iconDictionary = { search: SearchIcon, settings: SettingsIcon, subtract: SubtractIcon, + "user-group": UserGroupIcon, user: UserIcon, }; diff --git a/packages/odyssey-react-mui/src/themes/odyssey/components.ts b/packages/odyssey-react-mui/src/themes/odyssey/components.tsx similarity index 91% rename from packages/odyssey-react-mui/src/themes/odyssey/components.ts rename to packages/odyssey-react-mui/src/themes/odyssey/components.tsx index eab0986fc7..6f10c13492 100644 --- a/packages/odyssey-react-mui/src/themes/odyssey/components.ts +++ b/packages/odyssey-react-mui/src/themes/odyssey/components.tsx @@ -13,9 +13,22 @@ import type { ThemeOptions } from "@mui/material"; //import radioClasses from "@mui/material"; import { outlinedInputClasses } from "@mui/material/OutlinedInput"; +import { + AlertTriangleFilledIcon, + CheckCircleFilledIcon, + InformationCircleFilledIcon, +} from "../../components/Icon"; export const components: ThemeOptions["components"] = { MuiAlert: { + defaultProps: { + iconMapping: { + error: , + info: , + success: , + warning: , + }, + }, styleOverrides: { root: ({ ownerState, theme }) => ({ padding: theme.spacing(4), @@ -82,7 +95,7 @@ export const components: ThemeOptions["components"] = { }), message: ({ ownerState, theme }) => ({ padding: 0, - lineHeight: theme.typography.body.lineHeight, + lineHeight: theme.typography.body1.lineHeight, ...(ownerState.variant === "banner" && { display: "flex", justifyContent: "space-between", @@ -90,9 +103,6 @@ export const components: ThemeOptions["components"] = { }), ...(ownerState.variant === "toast" && { flexGrow: 1, - paddingRight: `calc((${theme.spacing(1)} * 2) + ${ - theme.typography.body.fontSize - } + ${theme.spacing(4)})`, }), }), }, @@ -277,7 +287,7 @@ export const components: ThemeOptions["components"] = { lineHeight: "1.14285714", whiteSpace: "nowrap", - "& + &": { + ".MuiButton-root + &": { marginInlineStart: theme.spacing(2), }, @@ -364,17 +374,26 @@ export const components: ThemeOptions["components"] = { }, }, MuiFormControl: { + defaultProps: { + margin: "normal", + }, styleOverrides: { root: ({ ownerState, theme }) => ({ width: "100%", maxWidth: "32rem", ...(ownerState.margin === "normal" && { marginTop: 0, - marginBottom: theme.spacing(4), + marginBottom: theme.spacing(5), + "&:last-child": { + marginBottom: 0, + }, }), ...(ownerState.margin === "dense" && { marginTop: 0, - marginBottom: theme.spacing(4), + marginBottom: theme.spacing(5), + "&:last-child": { + marginBottom: 0, + }, }), ...(ownerState.fullWidth && { maxWidth: "100%", @@ -462,7 +481,7 @@ export const components: ThemeOptions["components"] = { styleOverrides: { root: ({ theme }) => ({ padding: theme.spacing(1), - fontSize: theme.typography.body.fontSize, + fontSize: theme.typography.body1.fontSize, }), }, }, @@ -688,6 +707,12 @@ export const components: ThemeOptions["components"] = { }, }, }, + MuiSvgIcon: { + defaultProps: { + fontSize: "inherit", + color: "inherit", + }, + }, MuiTab: { defaultProps: { iconPosition: "start", @@ -698,7 +723,7 @@ export const components: ThemeOptions["components"] = { minWidth: "unset", minHeight: "unset", padding: `${theme.spacing(4)} 0`, - lineHeight: theme.typography.body.lineHeight, + lineHeight: theme.typography.body1.lineHeight, overflow: "visible", ...(ownerState.selected == true && { color: theme.palette.text.primary, @@ -708,8 +733,8 @@ export const components: ThemeOptions["components"] = { opacity: 1, }), ...(ownerState.wrapped && { - fontSize: theme.typography.caption.fontSize, - lineHeight: theme.typography.caption.lineHeight, + fontSize: theme.typography.subtitle1.fontSize, + lineHeight: theme.typography.subtitle1.lineHeight, }), "&:hover": { color: theme.palette.primary.main, @@ -759,11 +784,40 @@ export const components: ThemeOptions["components"] = { defaultProps: { fontFamily: "'Public Sans', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif", + variantMapping: { + h1: "h1", + h2: "h2", + h3: "h3", + h4: "h4", + h5: "h5", + h6: "h6", + subtitle1: "p", + body1: "p", + inherit: "p", + kbd: "kbd", + legend: "legend", + }, }, styleOverrides: { paragraph: ({ theme }) => ({ marginBottom: theme.spacing(4), }), + root: ({ theme, ownerState }) => ({ + ...(ownerState.variant === "kbd" && { + display: "inline-block", + minWidth: `calc(${theme.typography.subtitle1.fontSize} * ${theme.typography.h5.lineHeight})`, + borderStyle: theme.mixins.borderStyle, + borderWidth: theme.mixins.borderWidth, + borderRadius: theme.mixins.borderRadius, + borderColor: theme.palette.grey[200], + backgroundColor: theme.palette.grey[50], + padding: `calc(${theme.spacing(1)} / 2) ${theme.spacing(1)}`, + fontSize: theme.typography.subtitle1.fontSize, + fontWeight: theme.typography.fontWeightRegular, + lineHeight: theme.typography.h5.lineHeight, + boxShadow: `0 1px 1px 0 hsla(240, 6%, 12%, 0.05)`, + }), + }), }, }, }; diff --git a/packages/odyssey-react-mui/src/themes/odyssey/typography.ts b/packages/odyssey-react-mui/src/themes/odyssey/typography.ts index 95ee127710..25adee1861 100644 --- a/packages/odyssey-react-mui/src/themes/odyssey/typography.ts +++ b/packages/odyssey-react-mui/src/themes/odyssey/typography.ts @@ -63,9 +63,13 @@ export const typography: ThemeOptions["typography"] = { lineHeight: Tokens.FontLineHeightHeading6, marginBottom: Tokens.SpaceScale1, }, - subtitle1: undefined, + subtitle1: { + fontWeight: Tokens.FontWeightNormal, + fontSize: Tokens.FontScale0, + lineHeight: Tokens.FontLineHeightBody, + }, subtitle2: undefined, - body: { + body1: { fontFamily: Tokens.FontFamilyBase, fontWeight: Number(Tokens.FontWeightNormal), fontSize: Tokens.FontScale1, @@ -74,13 +78,14 @@ export const typography: ThemeOptions["typography"] = { lineHeight: Tokens.FontLineHeightBody, letterSpacing: "initial", }, - body1: undefined, body2: undefined, button: undefined, - caption: { - fontWeight: Tokens.FontWeightNormal, - fontSize: Tokens.FontScale0, - lineHeight: Tokens.FontLineHeightBody, - }, overline: undefined, + legend: { + padding: 0, + fontWeight: Number(Tokens.FontWeightBold), + fontSize: Tokens.FontScale2, + lineHeight: Tokens.FontLineHeightHeading6, + marginBottom: Tokens.SpaceScale1, + }, }; diff --git a/packages/odyssey-react-mui/src/themes/odyssey/typography.types.ts b/packages/odyssey-react-mui/src/themes/odyssey/typography.types.ts index 58ced144bd..01a665a3c3 100644 --- a/packages/odyssey-react-mui/src/themes/odyssey/typography.types.ts +++ b/packages/odyssey-react-mui/src/themes/odyssey/typography.types.ts @@ -14,23 +14,29 @@ import { CSSProperties } from "react"; declare module "@mui/material/styles" { interface TypographyVariants { - body: CSSProperties; + kbd: CSSProperties; + legend: CSSProperties; } interface TypographyVariantsOptions { - body?: CSSProperties; + kbd?: CSSProperties; + legend?: CSSProperties; } } declare module "@mui/material/Typography" { interface TypographyPropsVariantOverrides { - body1: false; + body1: true; body2: false; body: true; button: false; + kbd: true; + legend: true; overline: false; - subtitle1: false; + subtitle1: true; subtitle2: false; default: true; // used by Link monochrome: true; // used by Link } } + +export {}; diff --git a/packages/odyssey-react-theme/CHANGELOG.md b/packages/odyssey-react-theme/CHANGELOG.md index 7a48936938..47d2a42611 100644 --- a/packages/odyssey-react-theme/CHANGELOG.md +++ b/packages/odyssey-react-theme/CHANGELOG.md @@ -3,6 +3,16 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +### Features + +- added nonce capabilities for Okta apps ([c89a488](https://github.com/okta/odyssey/commit/c89a48848d6daf8aed1c0f0f865130a8b3f3c96a)) + +### Bug Fixes + +- fixed incorrect Nonce global on window ([5a21b7d](https://github.com/okta/odyssey/commit/5a21b7d3041161a6b14520ca540f78673a2521f8)) + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-react-theme diff --git a/packages/odyssey-react-theme/package.json b/packages/odyssey-react-theme/package.json index 8e898b1a4c..0ef840c42e 100644 --- a/packages/odyssey-react-theme/package.json +++ b/packages/odyssey-react-theme/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-react-theme", - "version": "0.14.6", + "version": "0.15.0", "description": "React theme logic for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -20,16 +20,16 @@ "directory": "packages/odyssey-react-theme" }, "dependencies": { - "@okta/odyssey-design-tokens": "^0.14.6", + "@okta/odyssey-design-tokens": "^0.15.0", "hoist-non-react-statics": "^3.3.2" }, "devDependencies": { "@babel/cli": "^7.14.8", "@babel/core": "^7.15.0", - "@okta/browserslist-config-odyssey": "^0.14.6", - "@okta/odyssey-babel-preset": "^0.14.6", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/browserslist-config-odyssey": "^0.15.0", + "@okta/odyssey-babel-preset": "^0.15.0", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@testing-library/jest-dom": "^5.12.0", "@testing-library/react": "^11.2.7", "@types/hoist-non-react-statics": "^3.3.1", diff --git a/packages/odyssey-react-theme/src/withTheme/stylesheet.ts b/packages/odyssey-react-theme/src/withTheme/stylesheet.ts index ef86a2fc8a..ca9fc92bee 100644 --- a/packages/odyssey-react-theme/src/withTheme/stylesheet.ts +++ b/packages/odyssey-react-theme/src/withTheme/stylesheet.ts @@ -17,6 +17,8 @@ export class OStyleSheet extends Set { super(); const el = document.createElement("style"); el.setAttribute("data-ods", ""); + // @ts-expect-error ts(2339) + el.setAttribute("nonce", window.cspNonce); this.element = document.head.appendChild(el); } diff --git a/packages/odyssey-react/CHANGELOG.md b/packages/odyssey-react/CHANGELOG.md index d207e4056e..c1829a7546 100644 --- a/packages/odyssey-react/CHANGELOG.md +++ b/packages/odyssey-react/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-react + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-react diff --git a/packages/odyssey-react/package.json b/packages/odyssey-react/package.json index 50e5e5eba2..3bc48b1e23 100644 --- a/packages/odyssey-react/package.json +++ b/packages/odyssey-react/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-react", - "version": "0.14.6", + "version": "0.15.0", "description": "React components for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -20,20 +20,20 @@ "directory": "packages/odyssey-react" }, "dependencies": { - "@okta/odyssey-react-theme": "^0.14.6", + "@okta/odyssey-react-theme": "^0.15.0", "@react-aria/focus": "3.5.0", "choices.js": "^9.0.1" }, "devDependencies": { "@babel/cli": "^7.14.8", "@babel/core": "^7.15.0", - "@okta/browserslist-config-odyssey": "^0.14.6", - "@okta/odyssey-babel-preset": "^0.14.6", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-postcss-preset": "^0.14.6", - "@okta/odyssey-postcss-scss": "^0.14.6", - "@okta/odyssey-stylelint": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/browserslist-config-odyssey": "^0.15.0", + "@okta/odyssey-babel-preset": "^0.15.0", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-postcss-preset": "^0.15.0", + "@okta/odyssey-postcss-scss": "^0.15.0", + "@okta/odyssey-stylelint": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@testing-library/dom": "^7.28.1", "@testing-library/jest-dom": "^5.12.0", "@testing-library/react": "^11.2.7", diff --git a/packages/odyssey-storybook/CHANGELOG.md b/packages/odyssey-storybook/CHANGELOG.md index 290a65eece..337346e159 100644 --- a/packages/odyssey-storybook/CHANGELOG.md +++ b/packages/odyssey-storybook/CHANGELOG.md @@ -3,6 +3,12 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [0.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +### Features + +- **odyssey-storybook:** add user-group icon example ([3715357](https://github.com/okta/odyssey/commit/3715357edfba73ed92bff2525df007ad9f6ba93b)) + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-storybook diff --git a/packages/odyssey-storybook/package.json b/packages/odyssey-storybook/package.json index 766c6befb8..adba3d1591 100644 --- a/packages/odyssey-storybook/package.json +++ b/packages/odyssey-storybook/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-storybook", - "version": "0.14.6", + "version": "0.15.0", "description": "Documentation for Odyssey, Okta's design system", "author": "Okta, Inc.", "license": "Apache-2.0", @@ -15,13 +15,13 @@ "@mui/icons-material": "^5.8.4", "@mui/material": "^5.9.2", "@mui/utils": "^5.9.2", - "@okta/odyssey-babel-loader": "^0.14.6", - "@okta/odyssey-design-tokens": "^0.14.6", - "@okta/odyssey-lifecycle": "^0.14.6", - "@okta/odyssey-react": "^0.14.6", - "@okta/odyssey-react-mui": "^0.14.6", - "@okta/odyssey-react-theme": "^0.14.6", - "@okta/odyssey-typescript": "^0.14.6", + "@okta/odyssey-babel-loader": "^0.15.0", + "@okta/odyssey-design-tokens": "^0.15.0", + "@okta/odyssey-lifecycle": "^0.15.0", + "@okta/odyssey-react": "^0.15.0", + "@okta/odyssey-react-mui": "^0.15.0", + "@okta/odyssey-react-theme": "^0.15.0", + "@okta/odyssey-typescript": "^0.15.0", "@pxblue/storybook-rtl-addon": "^1.0.1", "@storybook/addon-a11y": "^6.5.10", "@storybook/addon-actions": "^6.5.10", diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Banner/Banner.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Banner/Banner.mdx index c2063f14ca..01bc475acf 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Banner/Banner.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Banner/Banner.mdx @@ -160,7 +160,7 @@ When including an action, be sure the link text clearly indicates where it leads Info, Success, Warning, Error Yes Yes - Yes + No No diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.mdx index 0f74945204..e5a79cd18a 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.mdx @@ -13,11 +13,11 @@ Users can click a Checkbox to make a choice and click it again to deselect an op Checkboxes may appear individually or as a group. - + - + ### Required Checkboxes @@ -35,7 +35,7 @@ Checkboxes support several states: enabled, hover, focus, disabled, invalid, req Checkboxes in their "unchecked" state are considered enabled. They are ready for user interaction. - + ### Checked @@ -43,7 +43,7 @@ Checkboxes in their "unchecked" state are considered enabled. They are ready for Checked Checkboxes, sometimes referred to as "ticked", display a check to indicate the they are selected. - + ### Disabled @@ -53,7 +53,7 @@ Disabled inputs are unavailable for interaction and cannot be focused. They can Checkboxes may be disabled individually or as a group. The values of disabled inputs will not be submitted. - + ### Invalid @@ -65,7 +65,7 @@ When indicating a validation error, please use FormHelperText set to `error` to Unlike Radio Buttons, Checkboxes validate individually, not as a group. - + ### Indeterminate @@ -75,5 +75,5 @@ In the case of nested checkboxes, an indeterminate state may be required. Note that this state is visual-only and will be submitted as either "checked" or "unchecked" depending on the internal state. - + diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx index 31f8f56596..2d05645091 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Checkbox/Checkbox.stories.tsx @@ -25,7 +25,7 @@ import { MuiThemeDecorator } from "../../../../.storybook/components"; import CheckboxMdx from "./Checkbox.mdx"; export default { - title: `MUI Components/Checkbox`, + title: `MUI Components/Forms/Checkbox`, component: Checkbox, parameters: { docs: { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.mdx new file mode 100644 index 0000000000..5369556054 --- /dev/null +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.mdx @@ -0,0 +1,111 @@ +import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs"; + + + +# Form + +The `Form` component arranges input controls to help with the layout and building of a form. + +## Overview + +Forms are used for submitting data so it is important for them to be easy to understand and easy to complete. There is generally not one simple way to create all forms but following basic usability guidelines can provide a good starting point. + + + + + +## Content + +`Form` supports the following sections: + +### Form header + +Forms should include a heading that describes the form. This heading may be provided by the form's context; for example, a modal or page's title. + +An additional description can follow the heading. + + + + + +### Field groups + +Field groups allow you to group fields together within the same form. + +Field groups should be labeled by a legend. They can also include descriptions. + + + + + +### Form actions + +This section houses buttons to allow the user to submit, clear, or exit the form. + +## Best practices + +### Length + +In general, it is good for forms to be as simple and short as possible. Eliminating unnecessary fields will reduce user effort and translate to better completion rates. + +Often in products like Okta, it will be difficult to avoid more complex forms for things like settings or configurations. In these cases based on context, it is an acceptable solution. + +### Layout + +The `Form` component is designed in a single-column layout to maintain a logical flow of completion. + +Adding multiple columns in a form can generate confusion for users and lead to usability problems such as having more than one way to interpret the form and forcing users to reorient their eyes to different places in the form. + +## Validation + +### Error types + +#### Form error + +Some errors may occur at the highest level. For example, the server may be unable to process the submission. + +In these cases, an `Infobox` should be added at the top of the form to increase visibility. This alert should persist until the relevant errors are resolved. + + + + + +#### Field group error + +When multiple input selections are incompatible, the whole group may be made invalid. + +In this case, an `Infobox` should be inserted at the top of the field group. This alert should persist until all input errors are resolved. + + + + + +#### Input error + +Each input field within a form has its own error state that prevents a user from moving forward or completing a form. + + + + + +### Validation styles + +Forms can validate in one of two ways. Even though Odyssey has suggestions on which one is preferable, both are acceptable, and choosing one is completely dependent on the product use case. + +#### Client-side validation + +Client-side validation is recommended when possible. It offers a better experience since errors can be displayed in real-time. For example, if a user enters an invalid email format, you can display an error message before the form is submitted. + +Inline errors should not be displayed until input has lost its active or focus state, this way the user has an opportunity to finish filling out the field before an error message is shown. + +#### Server-side validation + +On the server side, validation occurs when the user submits their input fields via a button. The form is then sent to the server and If there are any errors the feedback is sent back to the client with the errors. + +Form-level errors are most often detected at this level of validation. + +## References and additional material + +- Kathryn Whitenton (2016, May 1) [Website Forms Usability: Top 10 Recommendations](https://www.nngroup.com/articles/web-form-design/) - Nielsen Norman Group +- Matteo Penzo (2006, July 12) [Label Placement in Forms](https://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php) - UXmatters +- Edward Scott (2018, September 17) [Avoid Multi-Column Forms](https://baymard.com/blog/avoid-multi-column-forms) - Baymard Institute diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.stories.tsx new file mode 100644 index 0000000000..13fd7d2c20 --- /dev/null +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Form/Form.stories.tsx @@ -0,0 +1,327 @@ +/*! + * Copyright (c) 2021-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 { Story } from "@storybook/react"; +import { + Alert, + AlertTitle, + Box, + Button, + Checkbox, + FormControl, + FormControlLabel, + FormGroup, + FormLabel, + InputLabel, + OutlinedInput, + RadioGroup, + Radio, + Select, + Typography, +} from "@mui/material"; +import { MuiThemeDecorator } from "../../../../.storybook/components"; + +import FormMdx from "./Form.mdx"; + +export default { + title: `MUI Components/Forms/Form`, + component: OutlinedInput, + parameters: { + docs: { + page: FormMdx, + }, + }, + argTypes: { + formAlert: { + control: "boolean", + defaultValue: null, + }, + formTitle: { + control: "text", + defaultValue: null, + }, + formTitleSize: { + control: "select", + options: ["h1", "h2", "h3", "h4"], + defaultValue: "h4", + }, + formHint: { + control: "text", + defaultValue: null, + }, + fieldGroupAlert: { + control: "boolean", + defaultValue: false, + }, + fieldGroupOne: { + control: "boolean", + defaultValue: false, + }, + fieldGroupOneTitle: { + control: "text", + defaultValue: false, + }, + fieldGroupOneHint: { + control: "text", + defaultValue: false, + }, + fieldGroupTwo: { + control: "boolean", + defaultValue: false, + }, + fieldGroupTwoTitle: { + control: "text", + defaultValue: false, + }, + fieldGroupTwoHint: { + control: "text", + defaultValue: false, + }, + }, + decorators: [MuiThemeDecorator], +}; + +const Template: Story = (args) => { + const {} = args; + return ( + //
+ ({ + maxWidth: theme.mixins.maxWidth, + })} + > + {/* */} + {args.formTitle && ( + ({ + marginBottom: theme.spacing(6), + })} + > + + {args.formTitle} + + {args.formHint && {args.formHint}} + {args.formAlert && ( + + Something's wrong + Something has gone horribly awry. + + )} + + )} + {/* One */} + {args.fieldGroupOne && ( + ({ + border: 0, + padding: 0, + margin: 0, + marginBottom: theme.spacing(7), + })} + > + {args.fieldGroupOneTitle && ( + {args.fieldGroupOneTitle} + )} + {args.fieldGroupOneTitle && ( + {args.fieldGroupOneHint} + )} + + + Docking license + + + + + Nature of visit + + + + )} + {/* Two */} + {args.fieldGroupTwo && ( + ({ + border: 0, + padding: 0, + margin: 0, + marginBottom: theme.spacing(7), + })} + > + Ship registration + + Here are some more fields in a separate field group. + + {args.fieldGroupAlert && ( + + Something else is wrong + Something else has gone horribly awry! + + )} + + Destination + + + + Systems check + + } + label="Life support" + /> + } + label="Warp core containment" + /> + } + label="Cetacean ops" + /> + + + + Destination + + } + label="Lightspeed" + /> + } + label="Warp speed" + /> + } + label="Ludicrous speed" + /> + + + + Destination + + + + )} + {/* ? (new variant needed) ? */} + + + + + + ); +}; + +// States + +export const Simple = Template.bind({}); +Simple.args = { + fieldGroupOne: true, +}; + +export const WithHeader = Template.bind({}); +WithHeader.args = { + formTitle: "Docking registration", + formHint: + "Before docking with the station, please register your ship and crew.", + fieldGroupOne: true, +}; + +export const WithLegend = Template.bind({}); +WithLegend.args = { + fieldGroupOne: true, + fieldGroupOneTitle: "Reason for visit", + fieldGroupOneHint: + "This helps us understand why you are visiting our station.", + fieldGroupTwo: true, +}; + +export const WithFormError = Template.bind({}); +WithFormError.args = { + formAlert: true, + formTitle: "Docking registration", + formHint: + "Before docking with the station, please register your ship and crew.", + fieldGroupOne: true, +}; + +export const WithFieldGroupError = Template.bind({}); +WithFieldGroupError.args = { + fieldGroupAlert: true, + fieldGroupOne: true, + fieldGroupOneTitle: "Reason for visit", + fieldGroupOneHint: + "This helps us understand why you are visiting our station.", + fieldGroupTwo: true, +}; + +export const KitchenSink = Template.bind({}); +KitchenSink.args = { + formAlert: true, + formTitle: "Docking registration", + formHint: + "Before docking with the station, please register your ship and crew.", + fieldGroupAlert: true, + fieldGroupOne: true, + fieldGroupOneTitle: "Reason for visit", + fieldGroupOneHint: + "This helps us understand why you are visiting our station.", + fieldGroupTwo: true, +}; diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Icon/Icon.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Icon/Icon.stories.tsx index 7b385144bb..1d7e4299f9 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Icon/Icon.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Icon/Icon.stories.tsx @@ -153,6 +153,10 @@ const meta: Array<{ name: keyof typeof iconDictionary; use: string }> = [ use: "To subtract or remove", }, { name: "user", use: "To support a user name" }, + { + name: "user-group", + use: "To represent a group of users", + }, ]; export const Library = (): ReactElement => { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Infobox/Infobox.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Infobox/Infobox.mdx index a740d6da3b..9b56a278d3 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Infobox/Infobox.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Infobox/Infobox.mdx @@ -116,6 +116,97 @@ Infobox should always include their main messaging within the body content. Titl When deploying Infoboxes, two `role`s may apply. Error variants should utilize the `alert` role, as their contents represent immediate risk or failure. Success and Warning variants are better suited to the `status` role, which provides a less urgent announcement on appearance. The Info variant does not require a `role`, as it represents plain content. -## Props - - +## References + +
+
Related Components
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Differences between the available alert components
ComponentAvailable Variants + + Dynamic + + + + + Transient + + + + + Dismissible + + + + + Actionable + + +
+ Banner + Info, Warning, ErrorNoNoYesYes
InfoboxSuccess, Warning, ErrorYesNoNoYes
+ + Toast + + Info, Success, Warning, ErrorYesYesNoNo
+
diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/PasswordInput/PasswordInput.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/PasswordInput/PasswordInput.stories.tsx index 74e7ceb1b5..1a22655464 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/PasswordInput/PasswordInput.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/PasswordInput/PasswordInput.stories.tsx @@ -23,7 +23,7 @@ import { MuiThemeDecorator } from "../../../../.storybook/components"; import PasswordInputMdx from "./PasswordInput.mdx"; export default { - title: `MUI Components/PasswordInput`, + title: `MUI Components/Forms/PasswordInput`, component: PasswordInput, parameters: { docs: { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.mdx index 9dd4ba5724..2c231d9c41 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.mdx @@ -25,7 +25,7 @@ Consider how you wish to present your list of options to the user. A radio group ### Default - + ### Hint text @@ -33,7 +33,7 @@ Consider how you wish to present your list of options to the user. A radio group The hint text is placed in between the label and the radio buttons. - + ### Disabled @@ -41,7 +41,7 @@ The hint text is placed in between the label and the radio buttons. Disabled inputs block any possible user interaction and cannot be focused. - + ### Invalid @@ -49,7 +49,7 @@ Disabled inputs block any possible user interaction and cannot be focused. Validation should happen on the group and not individually on each item. - + ## Anatomy diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx index 2a2e481f98..938b681819 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Radio/Radio.stories.tsx @@ -25,7 +25,7 @@ import { MuiThemeDecorator } from "../../../../.storybook/components"; import RadioMdx from "./Radio.mdx"; export default { - title: `MUI Components/Radio`, + title: `MUI Components/Forms/Radio`, component: Radio, parameters: { docs: { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.mdx index ce412eefb2..97b76b3932 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.mdx @@ -33,15 +33,15 @@ The browser-native `` the `n #### Single - + - + - + #### Multi @@ -53,7 +53,3 @@ Selects are most useful when users are choosing between 7-15 options. For smalle Selects perform better when the options are familiar to the user. If a user may be unfamiliar with their options or need to compare them, use Radio Buttons. Select inputs should not have a default selected unless a majority of users will be choosing it. - -## Props - - diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.stories.tsx index 0cfb23a97e..69873175c0 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Select/Select.stories.tsx @@ -18,7 +18,7 @@ import { MuiThemeDecorator } from "../../../../.storybook/components"; import SelectMdx from "./Select.mdx"; export default { - title: `MUI Components/Select`, + title: `MUI Components/Forms/Select`, component: Select, parameters: { docs: { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.mdx index 0780812f42..a6a3542651 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.mdx @@ -13,7 +13,7 @@ Text fields allow users to edit and input data. This default serves as the basis for our Text Inputs. - + ### Textarea @@ -21,13 +21,13 @@ This default serves as the basis for our Text Inputs. Textareas should be used for multi-line text inputs. As the user types the field will grow vertically to accommodate the new lines. - + ### Hints - + ### Adornments @@ -35,11 +35,11 @@ Textareas should be used for multi-line text inputs. As the user types the field Adornments may be added to inputs to create additional affordances or behavior. Odyssey supports icon and text adornments. - + - + ## States @@ -51,7 +51,7 @@ Text fields support the following states: enabled, hover, focus, disabled, read- Text fields in their "normal" state are considered enabled. They are ready for user interaction. - + ### Disabled @@ -61,7 +61,7 @@ Disabled inputs are unavailable for interaction and cannot be focused. They can The values of disabled inputs will not be submitted. - + ### Read-only @@ -73,7 +73,7 @@ This state can be helpful when displaying computed or third-party values, or whe The values of read-only inputs will be submitted. - + ### Optional @@ -89,7 +89,7 @@ The invalid state is for inputs with incorrect values or values of the wrong for When indicating a validation error, please use a Field Error label to indicate the nature of the error. Color alone is not an accessible way to signify that something has gone wrong. - + ## Input Types @@ -101,7 +101,7 @@ Text fields support most free-form content, but we offer specific support for em There are no specific UI changes for email addresses, but inputs of this type will validate that the address is properly formatted. - + ### Tel @@ -109,7 +109,7 @@ There are no specific UI changes for email addresses, but inputs of this type wi Unlike email fields, tel inputs are not automatically validated because global formats are so varied. - + ### Password @@ -117,7 +117,7 @@ Unlike email fields, tel inputs are not automatically validated because global f Passwords inputs ensure that sensitive content is safely obscured. - + ## Accessibility diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx index b00b9aa3af..fc75532cc5 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/TextField/TextField.stories.tsx @@ -24,7 +24,7 @@ import { MuiThemeDecorator } from "../../../../.storybook/components"; import TextFieldMdx from "./TextField.mdx"; export default { - title: `MUI Components/Text Field`, + title: `MUI Components/Forms/Text Field`, component: OutlinedInput, parameters: { docs: { diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.mdx index d917347e22..f21f016ec2 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.mdx @@ -8,25 +8,20 @@ Toasts are transient, non-disruptive messages that provide at-a-glance, asynchro ## Anatomy -Each Toast is made up of up to four parts: Icon & Color, Title, Body, and a Dismiss Button. +Each Toast is made up of up to three parts: Severity, Title, and Message.
-
Icon & Color
+
Severity
- These are mapped to the different variants of Toast and shouldn't be mixed. + This indicates the toast's status as Info, Success, Warning, or Error.
Title (optional)
Provides quick context; one line max
-
Body
+
Message
Supplemental information. Be concise - less than three lines of content - as your Toast will soon vanish!
-
Dismiss "X"
-
- Included to ensure users are able to dismiss Toasts manually. Placement is - handled automatically based on content. -
@@ -41,7 +36,7 @@ The Toast pen will take care of positioning and layout automatically. Toasts wil If multiple Toasts are triggered in a short time, they will stack in order of appearance. For visual consistency, Toasts will resize to match the largest Toast visible. -## Variants +## Severity ### Info @@ -171,13 +166,9 @@ Do not use Error Toasts for in-page errors such as invalid form fields. Instead, Info, Success, Warning, Error Yes Yes - Yes + No No - -## Props - - diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx index c8b8579b93..d6b4a7b3a0 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Toast/Toast.stories.tsx @@ -67,7 +67,7 @@ const DefaultTemplate: Story = (args) => { - + {args.title && {args.title}} {args.content} @@ -79,7 +79,7 @@ const DefaultTemplate: Story = (args) => { const StaticTemplate: Story = (args) => { return ( - undefined} severity={args.severity} variant="toast"> + {args.title && {args.title}} {args.content} diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.mdx b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.mdx index 6403355825..ce1b00587d 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.mdx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.mdx @@ -8,28 +8,28 @@ A set of pre-defined text styles for headers, body copy, and links designed for ## Hierarchy - +Typographical hierarchy indicates importance of content. Through size and weight, a strong hierarchy can provide clarity to a user to easily understand which level of the content they're on. Sections need subsections, and those subsections may also need their own subsections. Visually, a user should be able to clearly tell a parent section from a child section simply by the relationship in size and weight between headings. -Typographical hierarchy indicates importance of content. Through size and weight, a strong hierarchy can provide clarity to a user to easily understand which level of the content they’re on. Sections need subsections, and those subsections may also need their own subsections. Visually, a user should be able to clearly tell a parent section from a child section simply by the relationship in size and weight between headings. +## Type styles - +To ensure consistency in typography sizes throughout Okta touchpoints, we've created a custom type scale paired with appropriate weights and line-heights. -## Type styles +### Body - +Odyssey ships with a base font-size of `14px`. We also offer a smaller "caption" style for subtext, figure captions, and other tertiary content. -To ensure consistency in typography sizes throughout Okta touchpoints, we’ve created a custom type scale paired with appropriate weights and line-heights. + + + - + + + ### Headings - - Headings are used to describe the main idea of a page, a section, or content that follows it. By default, header tags (`h1` through `h6`) use the corresponding title size. - - @@ -54,22 +54,22 @@ Headings are used to describe the main idea of a page, a section, or content tha -### Body - - +### Elements -Odyssey ships with a base font-size of `16px`. We also offer a smaller "caption" style for subtext, figure captions, and other tertiary content. +`Typography` also allows the insertion of styled, semantic elements. - +#### `kbd` - + - + -## Props +#### `legend` - + + + diff --git a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx index e55713c24c..92ccd2a7e4 100644 --- a/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx +++ b/packages/odyssey-storybook/src/components/odyssey-mui/Typography/Typography.stories.tsx @@ -30,7 +30,18 @@ export default { defaultValue: "Spice is vital for space travel.", }, variant: { - options: ["h1", "h2", "h3", "h4", "h5", "h6", "body", "caption"], + options: [ + "h1", + "h2", + "h3", + "h4", + "h5", + "h6", + "body1", + "subtitle1", + "kbd", + "legend", + ], control: { type: "select" }, }, }, @@ -78,11 +89,29 @@ Heading6.args = { export const Body = Template.bind({}); Body.args = { children: "This is body copy.", - variant: "body", + variant: "body1", }; export const Caption = Template.bind({}); Caption.args = { children: "This is a caption.", - variant: "caption", + variant: "subtitle1", +}; + +export const Legend = Template.bind({}); +Legend.args = { + children: "This is a legend", + variant: "legend", +}; + +export const kbd = Template.bind({}); +kbd.args = { + children: "⌘", + variant: "kbd", +}; + +export const kbd2 = Template.bind({}); +kbd2.args = { + children: "Ctrl", + variant: "kbd", }; diff --git a/packages/odyssey-stylelint/CHANGELOG.md b/packages/odyssey-stylelint/CHANGELOG.md index b126348006..24a5b64041 100644 --- a/packages/odyssey-stylelint/CHANGELOG.md +++ b/packages/odyssey-stylelint/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-stylelint + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-stylelint diff --git a/packages/odyssey-stylelint/package.json b/packages/odyssey-stylelint/package.json index 1a4c231e63..f9790f6398 100644 --- a/packages/odyssey-stylelint/package.json +++ b/packages/odyssey-stylelint/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-stylelint", - "version": "0.14.6", + "version": "0.15.0", "main": "src/index.js", "author": "Okta, Inc.", "license": "Apache-2.0", diff --git a/packages/odyssey-svgr/CHANGELOG.md b/packages/odyssey-svgr/CHANGELOG.md index 32cab14259..b3daff9179 100644 --- a/packages/odyssey-svgr/CHANGELOG.md +++ b/packages/odyssey-svgr/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-svgr + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-svgr diff --git a/packages/odyssey-svgr/package.json b/packages/odyssey-svgr/package.json index 39787c43f2..18ff7b6895 100644 --- a/packages/odyssey-svgr/package.json +++ b/packages/odyssey-svgr/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-svgr", - "version": "0.14.6", + "version": "0.15.0", "description": "Configuration files for svgr icon conversion", "author": "Okta, Inc.", "license": "Apache-2.0", diff --git a/packages/odyssey-typescript/CHANGELOG.md b/packages/odyssey-typescript/CHANGELOG.md index 4ac3d71dc9..3d429055f9 100644 --- a/packages/odyssey-typescript/CHANGELOG.md +++ b/packages/odyssey-typescript/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.15.0](https://github.com/okta/odyssey/compare/v0.14.6...v0.15.0) (2022-09-01) + +**Note:** Version bump only for package @okta/odyssey-typescript + ### [0.14.6](https://github.com/okta/odyssey/compare/v0.14.5...v0.14.6) (2022-08-18) **Note:** Version bump only for package @okta/odyssey-typescript diff --git a/packages/odyssey-typescript/package.json b/packages/odyssey-typescript/package.json index 9c8dd0f31d..ea5e74165f 100644 --- a/packages/odyssey-typescript/package.json +++ b/packages/odyssey-typescript/package.json @@ -1,6 +1,6 @@ { "name": "@okta/odyssey-typescript", - "version": "0.14.6", + "version": "0.15.0", "author": "Okta, Inc.", "license": "Apache-2.0", "private": true, diff --git a/yarn.lock b/yarn.lock index bf17e11d5d..155d235ea3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5872,20 +5872,20 @@ __metadata: dependencies: "@babel/core": ^7.15.0 "@babel/types": ^7.14.5 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 babel-jest: ^26.6.3 jest: ^26.6.3 typescript: ^4.4.4 languageName: unknown linkType: soft -"@okta/browserslist-config-odyssey@^0.14.6, @okta/browserslist-config-odyssey@workspace:packages/browserslist-config-odyssey": +"@okta/browserslist-config-odyssey@^0.15.0, @okta/browserslist-config-odyssey@workspace:packages/browserslist-config-odyssey": version: 0.0.0-use.local resolution: "@okta/browserslist-config-odyssey@workspace:packages/browserslist-config-odyssey" dependencies: - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 typescript: ^4.4.4 languageName: unknown linkType: soft @@ -5898,7 +5898,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/eslint-plugin-odyssey@^0.14.6, @okta/eslint-plugin-odyssey@workspace:packages/eslint-plugin-odyssey": +"@okta/eslint-plugin-odyssey@^0.15.0, @okta/eslint-plugin-odyssey@workspace:packages/eslint-plugin-odyssey": version: 0.0.0-use.local resolution: "@okta/eslint-plugin-odyssey@workspace:packages/eslint-plugin-odyssey" dependencies: @@ -5909,27 +5909,27 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-babel-loader@^0.14.6, @okta/odyssey-babel-loader@workspace:packages/odyssey-babel-loader": +"@okta/odyssey-babel-loader@^0.15.0, @okta/odyssey-babel-loader@workspace:packages/odyssey-babel-loader": version: 0.0.0-use.local resolution: "@okta/odyssey-babel-loader@workspace:packages/odyssey-babel-loader" dependencies: "@babel/core": ^7.15.0 - "@okta/odyssey-lifecycle": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 babel-loader: ^8 webpack: 4.46.0 languageName: unknown linkType: soft -"@okta/odyssey-babel-plugin@^0.14.6, @okta/odyssey-babel-plugin@workspace:packages/odyssey-babel-plugin": +"@okta/odyssey-babel-plugin@^0.15.0, @okta/odyssey-babel-plugin@workspace:packages/odyssey-babel-plugin": version: 0.0.0-use.local resolution: "@okta/odyssey-babel-plugin@workspace:packages/odyssey-babel-plugin" dependencies: "@babel/core": ^7.15.0 "@babel/template": ^7.12.13 "@babel/types": ^7.14.5 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-postcss-preset": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-postcss-preset": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 babel-jest: ^26.6.3 jest: ^26.6.3 postcss: ^8.3.6 @@ -5941,7 +5941,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-babel-preset@^0.14.6, @okta/odyssey-babel-preset@workspace:packages/odyssey-babel-preset": +"@okta/odyssey-babel-preset@^0.15.0, @okta/odyssey-babel-preset@workspace:packages/odyssey-babel-preset": version: 0.0.0-use.local resolution: "@okta/odyssey-babel-preset@workspace:packages/odyssey-babel-preset" dependencies: @@ -5949,15 +5949,15 @@ __metadata: "@babel/preset-env": ^7.15.0 "@babel/preset-react": ^7.14.5 "@babel/preset-typescript": ^7.15.0 - "@okta/odyssey-babel-plugin": ^0.14.6 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-babel-plugin": ^0.15.0 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@types/babel__core": ^7.1.15 typescript: ^4.4.4 languageName: unknown linkType: soft -"@okta/odyssey-commitlint@^0.14.6, @okta/odyssey-commitlint@workspace:packages/odyssey-commitlint": +"@okta/odyssey-commitlint@^0.15.0, @okta/odyssey-commitlint@workspace:packages/odyssey-commitlint": version: 0.0.0-use.local resolution: "@okta/odyssey-commitlint@workspace:packages/odyssey-commitlint" dependencies: @@ -5969,20 +5969,20 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-design-tokens@^0.14.6, @okta/odyssey-design-tokens@workspace:packages/odyssey-design-tokens": +"@okta/odyssey-design-tokens@^0.15.0, @okta/odyssey-design-tokens@workspace:packages/odyssey-design-tokens": version: 0.0.0-use.local resolution: "@okta/odyssey-design-tokens@workspace:packages/odyssey-design-tokens" dependencies: - "@okta/odyssey-lifecycle": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 style-dictionary: ^3.0.1 languageName: unknown linkType: soft -"@okta/odyssey-eslint-config@^0.14.6, @okta/odyssey-eslint-config@workspace:packages/odyssey-eslint-config": +"@okta/odyssey-eslint-config@^0.15.0, @okta/odyssey-eslint-config@workspace:packages/odyssey-eslint-config": version: 0.0.0-use.local resolution: "@okta/odyssey-eslint-config@workspace:packages/odyssey-eslint-config" dependencies: - "@okta/eslint-plugin-odyssey": ^0.14.6 + "@okta/eslint-plugin-odyssey": ^0.15.0 "@typescript-eslint/eslint-plugin": ^4.31.1 "@typescript-eslint/parser": ^4.31.1 eslint-config-prettier: ^8.3.0 @@ -5995,7 +5995,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-icons@^0.14.6, @okta/odyssey-icons@workspace:packages/odyssey-icons": +"@okta/odyssey-icons@^0.15.0, @okta/odyssey-icons@workspace:packages/odyssey-icons": version: 0.0.0-use.local resolution: "@okta/odyssey-icons@workspace:packages/odyssey-icons" dependencies: @@ -6011,9 +6011,9 @@ __metadata: "@babel/preset-env": 7.15.0 "@babel/preset-react": 7.14.5 "@babel/preset-typescript": 7.15.0 - "@okta/browserslist-config-odyssey": ^0.14.6 - "@okta/odyssey-babel-preset": ^0.14.6 - "@okta/odyssey-react": ^0.14.6 + "@okta/browserslist-config-odyssey": ^0.15.0 + "@okta/odyssey-babel-preset": ^0.15.0 + "@okta/odyssey-react": ^0.15.0 babel-loader: 8.2.2 core-js: ^3.21.0 css-loader: 3.6.0 @@ -6029,7 +6029,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-lifecycle@^0.14.6, @okta/odyssey-lifecycle@workspace:packages/odyssey-lifecycle": +"@okta/odyssey-lifecycle@^0.15.0, @okta/odyssey-lifecycle@workspace:packages/odyssey-lifecycle": version: 0.0.0-use.local resolution: "@okta/odyssey-lifecycle@workspace:packages/odyssey-lifecycle" bin: @@ -6037,7 +6037,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-lint-staged@^0.14.6, @okta/odyssey-lint-staged@workspace:packages/odyssey-lint-staged": +"@okta/odyssey-lint-staged@^0.15.0, @okta/odyssey-lint-staged@workspace:packages/odyssey-lint-staged": version: 0.0.0-use.local resolution: "@okta/odyssey-lint-staged@workspace:packages/odyssey-lint-staged" peerDependencies: @@ -6046,13 +6046,13 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-postcss-preset@^0.14.6, @okta/odyssey-postcss-preset@workspace:packages/odyssey-postcss-preset": +"@okta/odyssey-postcss-preset@^0.15.0, @okta/odyssey-postcss-preset@workspace:packages/odyssey-postcss-preset": version: 0.0.0-use.local resolution: "@okta/odyssey-postcss-preset@workspace:packages/odyssey-postcss-preset" dependencies: - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-postcss-theme": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-postcss-theme": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@types/cssnano": ^4.0.1 autoprefixer: ^10.3.4 cssnano: ^5.0.8 @@ -6066,12 +6066,12 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-postcss-scss@^0.14.6, @okta/odyssey-postcss-scss@workspace:packages/odyssey-postcss-scss": +"@okta/odyssey-postcss-scss@^0.15.0, @okta/odyssey-postcss-scss@workspace:packages/odyssey-postcss-scss": version: 0.0.0-use.local resolution: "@okta/odyssey-postcss-scss@workspace:packages/odyssey-postcss-scss" dependencies: - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@types/sass": ^1.16.1 jest: ^26.6.3 postcss: ^8.3.6 @@ -6082,12 +6082,12 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-postcss-theme@^0.14.6, @okta/odyssey-postcss-theme@workspace:packages/odyssey-postcss-theme": +"@okta/odyssey-postcss-theme@^0.15.0, @okta/odyssey-postcss-theme@workspace:packages/odyssey-postcss-theme": version: 0.0.0-use.local resolution: "@okta/odyssey-postcss-theme@workspace:packages/odyssey-postcss-theme" dependencies: - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 jest: ^26.6.3 typescript: ^4.4.4 peerDependencies: @@ -6095,7 +6095,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-react-mui@^0.14.6, @okta/odyssey-react-mui@workspace:packages/odyssey-react-mui": +"@okta/odyssey-react-mui@^0.15.0, @okta/odyssey-react-mui@workspace:packages/odyssey-react-mui": version: 0.0.0-use.local resolution: "@okta/odyssey-react-mui@workspace:packages/odyssey-react-mui" dependencies: @@ -6105,13 +6105,13 @@ __metadata: "@emotion/styled": ^11.10.0 "@mui/icons-material": ^5.8.4 "@mui/material": ^5.9.2 - "@okta/browserslist-config-odyssey": ^0.14.6 - "@okta/odyssey-babel-preset": ^0.14.6 - "@okta/odyssey-design-tokens": ^0.14.6 - "@okta/odyssey-icons": ^0.14.6 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-svgr": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/browserslist-config-odyssey": ^0.15.0 + "@okta/odyssey-babel-preset": ^0.15.0 + "@okta/odyssey-design-tokens": ^0.15.0 + "@okta/odyssey-icons": ^0.15.0 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-svgr": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@svgr/cli": ^5.5.0 "@testing-library/dom": ^7.28.1 "@testing-library/jest-dom": ^5.12.0 @@ -6142,17 +6142,17 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-react-theme@^0.14.6, @okta/odyssey-react-theme@workspace:packages/odyssey-react-theme": +"@okta/odyssey-react-theme@^0.15.0, @okta/odyssey-react-theme@workspace:packages/odyssey-react-theme": version: 0.0.0-use.local resolution: "@okta/odyssey-react-theme@workspace:packages/odyssey-react-theme" dependencies: "@babel/cli": ^7.14.8 "@babel/core": ^7.15.0 - "@okta/browserslist-config-odyssey": ^0.14.6 - "@okta/odyssey-babel-preset": ^0.14.6 - "@okta/odyssey-design-tokens": ^0.14.6 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/browserslist-config-odyssey": ^0.15.0 + "@okta/odyssey-babel-preset": ^0.15.0 + "@okta/odyssey-design-tokens": ^0.15.0 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@testing-library/jest-dom": ^5.12.0 "@testing-library/react": ^11.2.7 "@types/hoist-non-react-statics": ^3.3.1 @@ -6172,20 +6172,20 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-react@^0.14.6, @okta/odyssey-react@workspace:packages/odyssey-react": +"@okta/odyssey-react@^0.15.0, @okta/odyssey-react@workspace:packages/odyssey-react": version: 0.0.0-use.local resolution: "@okta/odyssey-react@workspace:packages/odyssey-react" dependencies: "@babel/cli": ^7.14.8 "@babel/core": ^7.15.0 - "@okta/browserslist-config-odyssey": ^0.14.6 - "@okta/odyssey-babel-preset": ^0.14.6 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-postcss-preset": ^0.14.6 - "@okta/odyssey-postcss-scss": ^0.14.6 - "@okta/odyssey-react-theme": ^0.14.6 - "@okta/odyssey-stylelint": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/browserslist-config-odyssey": ^0.15.0 + "@okta/odyssey-babel-preset": ^0.15.0 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-postcss-preset": ^0.15.0 + "@okta/odyssey-postcss-scss": ^0.15.0 + "@okta/odyssey-react-theme": ^0.15.0 + "@okta/odyssey-stylelint": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@react-aria/focus": 3.5.0 "@testing-library/dom": ^7.28.1 "@testing-library/jest-dom": ^5.12.0 @@ -6222,13 +6222,13 @@ __metadata: "@mui/icons-material": ^5.8.4 "@mui/material": ^5.9.2 "@mui/utils": ^5.9.2 - "@okta/odyssey-babel-loader": ^0.14.6 - "@okta/odyssey-design-tokens": ^0.14.6 - "@okta/odyssey-lifecycle": ^0.14.6 - "@okta/odyssey-react": ^0.14.6 - "@okta/odyssey-react-mui": ^0.14.6 - "@okta/odyssey-react-theme": ^0.14.6 - "@okta/odyssey-typescript": ^0.14.6 + "@okta/odyssey-babel-loader": ^0.15.0 + "@okta/odyssey-design-tokens": ^0.15.0 + "@okta/odyssey-lifecycle": ^0.15.0 + "@okta/odyssey-react": ^0.15.0 + "@okta/odyssey-react-mui": ^0.15.0 + "@okta/odyssey-react-theme": ^0.15.0 + "@okta/odyssey-typescript": ^0.15.0 "@pxblue/storybook-rtl-addon": ^1.0.1 "@storybook/addon-a11y": ^6.5.10 "@storybook/addon-actions": ^6.5.10 @@ -6253,7 +6253,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-stylelint@^0.14.6, @okta/odyssey-stylelint@workspace:packages/odyssey-stylelint": +"@okta/odyssey-stylelint@^0.15.0, @okta/odyssey-stylelint@workspace:packages/odyssey-stylelint": version: 0.0.0-use.local resolution: "@okta/odyssey-stylelint@workspace:packages/odyssey-stylelint" dependencies: @@ -6273,7 +6273,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-svgr@^0.14.6, @okta/odyssey-svgr@workspace:packages/odyssey-svgr": +"@okta/odyssey-svgr@^0.15.0, @okta/odyssey-svgr@workspace:packages/odyssey-svgr": version: 0.0.0-use.local resolution: "@okta/odyssey-svgr@workspace:packages/odyssey-svgr" dependencies: @@ -6282,7 +6282,7 @@ __metadata: languageName: unknown linkType: soft -"@okta/odyssey-typescript@^0.14.6, @okta/odyssey-typescript@workspace:packages/odyssey-typescript": +"@okta/odyssey-typescript@^0.15.0, @okta/odyssey-typescript@workspace:packages/odyssey-typescript": version: 0.0.0-use.local resolution: "@okta/odyssey-typescript@workspace:packages/odyssey-typescript" peerDependencies: @@ -20422,10 +20422,10 @@ __metadata: resolution: "odyssey@workspace:." dependencies: "@commitlint/cli": ^14.0.0 - "@okta/odyssey-commitlint": ^0.14.6 - "@okta/odyssey-eslint-config": ^0.14.6 - "@okta/odyssey-lint-staged": ^0.14.6 - "@okta/odyssey-stylelint": ^0.14.6 + "@okta/odyssey-commitlint": ^0.15.0 + "@okta/odyssey-eslint-config": ^0.15.0 + "@okta/odyssey-lint-staged": ^0.15.0 + "@okta/odyssey-stylelint": ^0.15.0 eslint: ^7.27.0 husky: ^7.0.2 lerna: ^5.1.7