Merge pull request #1786 from okta/release/v0.23.0

Release/v0.23.0

CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+### Features
+
+- add Migrations and Code Styling docs to Storybook ([#1750](https://github.com/okta/odyssey/issues/1750)) ([09412ae](https://github.com/okta/odyssey/commit/09412aed12b0eb25202f34bfbb384062eec36300))
+- add uniqueId to MenuButton button ([a06377b](https://github.com/okta/odyssey/commit/a06377b1c10c49b5e68722b0bb775b8277cac781))
+- wrap the Dialog ([1f8b331](https://github.com/okta/odyssey/commit/1f8b3314a135333369f44efc21de097cd0d42712))
+- wrapped Toast ([bf6d5c7](https://github.com/okta/odyssey/commit/bf6d5c779d0b57a0bd74f537ada7be763df1080e))
+
+### Bug Fixes
+
+- add Field wrapper to CheckboxGroup and RadioGroup ([#1762](https://github.com/okta/odyssey/issues/1762)) ([6f8c14d](https://github.com/okta/odyssey/commit/6f8c14d9d7ebcf0c5f9bbcb0e867820b5631b7a3))
+- add missing onInput to Autocomplete ([#1757](https://github.com/okta/odyssey/issues/1757)) ([9d6c628](https://github.com/okta/odyssey/commit/9d6c628e3cc8675a6752f5a617d55f580d475c04))
+- add name to fields ([a891438](https://github.com/okta/odyssey/commit/a89143845ddd72ecfa218233cdd3ab0c51e94aca))
+- Fix broken Toast stories ([b5651f6](https://github.com/okta/odyssey/commit/b5651f6eb8d6578305fecd3d92be7c9d18eea27d))
+- fix disabled selection radios ([50be355](https://github.com/okta/odyssey/commit/50be3557e46d23bc9e99bfdcbf668fe097b58fb4))
+- Icon generation now using newest version of SVGR and SVGO ([#1755](https://github.com/okta/odyssey/issues/1755)) ([89a30a3](https://github.com/okta/odyssey/commit/89a30a3685d1bd1600abf3876d910a19ff236f9b))
+- **odyssey-react-mui:** allow pointer-events on :disabled buttons but not :active:disabled ([30bb4bf](https://github.com/okta/odyssey/commit/30bb4bf93edeffe7558204c2cce46ffe7b2b85bf))
+- **odyssey-react-mui:** ensure pointer events are disabled when Button is ([bfd162f](https://github.com/okta/odyssey/commit/bfd162f2ec86d866f8e77b94d0f828440a4c78e2))
+- **odyssey-react-mui:** fix Icon sizing for Checkbox ([96c5acd](https://github.com/okta/odyssey/commit/96c5acdf9916c8db9edbf744f774eb17695b25ef))
+- **odyssey-react-mui:** fixed TextField always showing input adronment ([#1785](https://github.com/okta/odyssey/issues/1785)) ([9170df0](https://github.com/okta/odyssey/commit/9170df0f8c771fdad398e5460766da77f27c0b3e))
+- **odyssey-react-mui:** pass variant and target props to Link ([6594fcd](https://github.com/okta/odyssey/commit/6594fcd801689518da4ec7df13fd33c8726bd44b))
+- **odyssey-react-mui:** the Tooltip not working on Button ([7935b94](https://github.com/okta/odyssey/commit/7935b940dda9969aedaf16b7d9ef776352f7ec28))
+- **odyssey-storybook:** include static toast stories for docs ([6d8fa58](https://github.com/okta/odyssey/commit/6d8fa581e4aa96fd9316cf5641dd869ec449af15))
+- **odyssey-storybook:** restore defaultValues for RadioGroup ([4ba8ebd](https://github.com/okta/odyssey/commit/4ba8ebd6d633c3502284dab573414766bb3493d7))
+- **odyssey-storybook:** stories were broken because templates don't have .args ([7f7343a](https://github.com/okta/odyssey/commit/7f7343ac8e03130f322b427d612937963d781f1e))
+- updated Migration doc ([87c37ca](https://github.com/okta/odyssey/commit/87c37caa7ae39733ddd378a45f8a275af3ac670d))
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 ### Features

lerna.json

@@ -5,5 +5,5 @@
   "packages": ["packages/*"],
   "useNx": false,
   "useWorkspaces": true,
-  "version": "0.22.0"
+  "version": "0.23.0"
 }

package.json

@@ -11,9 +11,10 @@
     "node": ">=16 <17"
   },
   "scripts": {
-    "build": "lerna run build --ignore @okta/odyssey-storybook",
+    "build": "lerna run build --ignore @okta/odyssey-storybook --ignore @okta/odyssey-icons --ignore @okta/odyssey-svgr",
     "dev:source": "lerna run dev:source",
     "eslint": "eslint . --ext .js,.jsx,.ts,.tsx",
+    "generate:icons": "yarn workspace @okta/odyssey-icons build && yarn workspace @okta/odyssey-svgr build && yarn workspace @okta/odyssey-react-mui build:icons",
     "lerna-publish": "lerna publish from-package --no-push --force-publish --no-verify-registry",
     "lerna-version": "lerna version --no-git-tag-version --include-merged-tags --conventional-commits --no-push --force-publish",
     "lint": "yarn eslint && yarn stylelint && yarn prettier-check",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/babel-plugin-fully-specified
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/babel-plugin-fully-specified

packages/babel-plugin-fully-specified/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/babel-plugin-fully-specified",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "private": true,
   "description": "Babel plugin to generate fully specified ESM module syntax",
   "author": "Okta, Inc.",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/browserslist-config-odyssey
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/browserslist-config-odyssey

packages/browserslist-config-odyssey/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/browserslist-config-odyssey",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Browserslist config for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/conventional-changelog-odyssey
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/conventional-changelog-odyssey

packages/conventional-changelog-odyssey/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/conventional-changelog-odyssey",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "main": "index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/eslint-plugin-odyssey
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/eslint-plugin-odyssey

packages/eslint-plugin-odyssey/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/eslint-plugin-odyssey",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/odyssey-babel-loader
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/odyssey-babel-loader

packages/odyssey-babel-loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-babel-loader",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Babel webpack loader for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/odyssey-babel-preset
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/odyssey-babel-preset

packages/odyssey-babel-preset/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-babel-preset",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Babel preset for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/odyssey-commitlint
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/odyssey-commitlint

packages/odyssey-commitlint/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-commitlint",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "main": "src/index.js",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/odyssey-design-tokens
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/odyssey-design-tokens

packages/odyssey-design-tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okta/odyssey-design-tokens",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Design tokens for Odyssey, Okta's design system",
   "author": "Okta, Inc.",
   "license": "Apache-2.0",

packages/odyssey-design-tokens/src/color/palette.json

@@ -7,106 +7,126 @@
           "value": "#ffffff"
         },
         "000": {
-          "comment": "Used for Backgrounds, read-only & disabled input fills",
-          "value": "#f5f5f6"
+          "comment": "Used for backgrounds, read-only & disabled input fills",
+          "value": "#f4f4f4"
         },
         "100": {
           "comment": "Used for read-only/disabled states",
-          "value": "#ebebed"
+          "value": "#ededed"
+        },
+        "200": {
+          "comment": "Used for display borders",
+          "value": "#e1e1e1"
         },
-        "200": { "comment": "Used for Display borders", "value": "#d7d7dc" },
         "500": {
-          "comment": "Used for Interactive UI borders",
-          "value": "#8c8c96"
+          "comment": "Used for interactive UI borders",
+          "value": "#8d8d8d"
         },
         "600": {
-          "comment": "Used for caption text, Status label, disabled Overlay Buttons",
-          "value": "#6e6e78"
+          "comment": "Used for caption text, status label, disabled overlay buttons",
+          "value": "#6e6e6e"
         },
         "900": {
           "comment": "Used for titles, body copy, icons, shadows, tooltips",
-          "value": "#1d1d21"
+          "value": "#272727"
         }
       },
       "blue": {
         "000": {
           "comment": "Used for clear button hover, backgrounds",
-          "value": "#f2f5ff"
+          "value": "#f2f3fd"
         },
         "300": {
           "comment": "Used for buttons disabled state fills & borders, focus rings",
-          "value": "#a7b5ec"
-        },
-        "400": {
-          "comment": "Used for a11y-friendly UI backgrounds",
-          "value": "#788ee2"
+          "value": "#9daaf1"
         },
         "500": {
           "comment": "Used for links, buttons, icons, hover states, selected states",
-          "value": "#1662dd"
+          "value": "#4c64e1"
         },
         "900": {
           "comment": "Used for okta logo, brand moments, button hovers",
-          "value": "#00297a"
+          "value": "#22307c"
         }
       },
       "green": {
         "000": {
           "comment": "Used for moments of success, validation, wayfinding",
-          "value": "#e5faf3"
+          "value": "#defae7"
+        },
+        "300": {
+          "comment": "n/a",
+          "value": "#7be09e"
         },
-        "300": { "comment": "N/A", "value": "#84d2b1" },
         "500": {
           "comment": "Used for moments of success, validation, wayfinding, status",
-          "value": "#00b478"
+          "value": "#197f48"
         },
         "600": {
-          "comment": "Used for background color for success messaging",
-          "value": "#008055"
+          "comment": "n/a",
+          "value": "#0e562f"
         },
         "900": {
           "comment": "Used for moments of success, validation, wayfinding",
-          "value": "#00503c"
+          "value": "#0a4023"
         }
       },
       "red": {
         "000": {
           "comment": "Used for system errors, danger buttons, error states",
-          "value": "#ffdfe2"
+          "value": "#fff0ee"
         },
         "300": {
           "comment": "Used for danger button disabled state fills, borders, & focus ring",
-          "value": "#f88c90"
+          "value": "#febbae"
         },
         "500": {
           "comment": "Used for system errors, danger buttons, error states, status dot",
-          "value": "#da372c"
+          "value": "#d92300"
         },
         "900": {
           "comment": "Used for destructive button & invalid input hovers",
-          "value": "#640019"
+          "value": "#711200"
         }
       },
       "yellow": {
-        "000": { "comment": "Used for moments of caution", "value": "#faf5dc" },
-        "300": { "comment": "N/A", "value": "#f9dc77" },
+        "000": {
+          "comment": "Used for moments of caution",
+          "value": "#fcf6ac"
+        },
+        "300": {
+          "comment": "n/a",
+          "value": "#f9c503"
+        },
         "500": {
-          "comment": "Used for Moments of caution, status dot",
-          "value": "#ffc61c"
+          "comment": "Used for moments of caution, status dot",
+          "value": "#986603"
         },
-        "900": { "comment": "Used for moments of caution", "value": "#663800" }
+        "900": {
+          "comment": "Used for moments of caution",
+          "value": "#4c3302"
+        }
       },
       "orange": {
-        "500": { "comment": "N/A", "value": "#e97107" }
+        "500": {
+          "comment": "n/a",
+          "value": "#ef9b05"
+        }
       },
       "turquoise": {
-        "400": { "comment": "Used for background color", "value": "#65adb7" },
-        "500": { "comment": "Used for brand moments", "value": "#2d8c9e" }
+        "400": {
+          "comment": "Used for background color",
+          "value": "#4cb7a3"
+        },
+        "500": {
+          "comment": "Used for brand moments",
+          "value": "#096256"
+        }
       },
       "purple": {
         "500": {
-          "comment": "Used for Moments of learning, tips, brand moments",
-          "value": "#8d6e97"
+          "comment": "Used for moments of learning, tips, brand moments",
+          "value": "#4016a0"
         }
       }
     }

packages/odyssey-design-tokens/src/font.json

@@ -3,11 +3,11 @@
     "family": {
       "base": {
         "comment": "Default font used within all Okta product user interfaces",
-        "value": "'Public Sans', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"
+        "value": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif"
       },
       "mono": {
         "comment": "Monospace font used within all Okta product user interfaces",
-        "value": "'Inconsolata', 'SFMono-Regular', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier', monospace"
+        "value": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace"
       }
     },
     "scale": {

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.23.0](https://github.com/okta/odyssey/compare/v0.22.0...v0.23.0) (2023-05-08)
+
+**Note:** Version bump only for package @okta/odyssey-eslint-config
+
 ## [0.22.0](https://github.com/okta/odyssey/compare/v0.21.4...v0.22.0) (2023-04-21)
 
 **Note:** Version bump only for package @okta/odyssey-eslint-config