@okta/odyssey-react-mui 0.21.2 → 0.21.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/Banner.js +2 -3
  3. package/dist/Banner.js.map +1 -1
  4. package/dist/CheckboxGroup.js +2 -3
  5. package/dist/CheckboxGroup.js.map +1 -1
  6. package/dist/CircularProgress.js +12 -0
  7. package/dist/CircularProgress.js.map +1 -0
  8. package/dist/Infobox.js +2 -3
  9. package/dist/Infobox.js.map +1 -1
  10. package/dist/RadioGroup.js +2 -3
  11. package/dist/RadioGroup.js.map +1 -1
  12. package/dist/ScreenReaderText.js +30 -0
  13. package/dist/ScreenReaderText.js.map +1 -0
  14. package/dist/TextField.js +2 -3
  15. package/dist/TextField.js.map +1 -1
  16. package/dist/index.js +3 -1
  17. package/dist/index.js.map +1 -1
  18. package/dist/src/CircularProgress.d.ts +16 -0
  19. package/dist/src/CircularProgress.d.ts.map +1 -0
  20. package/dist/src/Link.d.ts +1 -1
  21. package/dist/src/RadioGroup.d.ts.map +1 -1
  22. package/dist/src/ScreenReaderText.d.ts +21 -0
  23. package/dist/src/ScreenReaderText.d.ts.map +1 -0
  24. package/dist/src/index.d.ts +4 -2
  25. package/dist/src/index.d.ts.map +1 -1
  26. package/dist/src/theme/components.d.ts.map +1 -1
  27. package/dist/theme/components.js +132 -23
  28. package/dist/theme/components.js.map +1 -1
  29. package/dist/theme/palette.js +1 -1
  30. package/dist/theme/palette.js.map +1 -1
  31. package/dist/tsconfig.production.tsbuildinfo +1 -1
  32. package/package.json +5 -5
  33. package/src/Banner.tsx +2 -2
  34. package/src/CheckboxGroup.tsx +2 -2
  35. package/src/CircularProgress.tsx +24 -0
  36. package/src/Infobox.tsx +2 -2
  37. package/src/RadioGroup.tsx +2 -2
  38. package/src/ScreenReaderText.tsx +36 -0
  39. package/src/TextField.tsx +2 -2
  40. package/src/index.ts +2 -2
  41. package/src/theme/components.tsx +151 -18
  42. package/src/theme/palette.ts +1 -1
package/dist/theme/palette.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"palette.js","names":["Tokens","palette","mode","common","black","ColorNeutralDark","white","ColorPaletteNeutralWhite","primary","lighter","ColorPaletteBlue000","light","ColorPaletteBlue300","main","ColorPaletteBlue500","dark","ColorPaletteBlue900","contrastText","ColorTextBodyInverse","secondary","ColorPaletteTurquoise500","error","ColorPaletteRed000","ColorPaletteRed300","ColorPaletteRed500","ColorPaletteRed900","warning","ColorPaletteYellow000","ColorPaletteYellow300","ColorPaletteYellow500","ColorPaletteYellow900","ColorTextBody","info","success","ColorPaletteGreen000","ColorPaletteGreen300","ColorPaletteGreen500","ColorPaletteGreen900","grey","ColorPaletteNeutral000","ColorPaletteNeutral100","ColorPaletteNeutral200","ColorPaletteNeutral500","ColorPaletteNeutral600","ColorPaletteNeutral900","A100","A200","A400","A700","text","disabled","divider","ColorBorderDisplay","background","paper","ColorBackgroundBase","default","action","active","hover","hoverOpacity","selected","selectedOpacity","disabledBackground","disabledOpacity","focus","focusOpacity","activatedOpacity"],"sources":["../../src/theme/palette.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const palette: ThemeOptions[\"palette\"] = {\n mode: \"light\",\n common: {\n black: Tokens.ColorNeutralDark,\n white: Tokens.ColorPaletteNeutralWhite,\n },\n primary: {\n lighter: Tokens.ColorPaletteBlue000,\n light: Tokens.ColorPaletteBlue300,\n main: Tokens.ColorPaletteBlue500,\n dark: Tokens.ColorPaletteBlue900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n secondary: {\n light: \"#80c7ca\",\n main: Tokens.ColorPaletteTurquoise500,\n dark: \"#004650\",\n contrastText: Tokens.ColorTextBodyInverse,\n },\n error: {\n lighter: Tokens.ColorPaletteRed000,\n light: Tokens.ColorPaletteRed300,\n main: Tokens.ColorPaletteRed500,\n dark: Tokens.ColorPaletteRed900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n warning: {\n lighter: Tokens.ColorPaletteYellow000,\n light: Tokens.ColorPaletteYellow300,\n main: Tokens.ColorPaletteYellow500,\n dark: Tokens.ColorPaletteYellow900,\n contrastText: Tokens.ColorTextBody,\n },\n info: {\n lighter: Tokens.ColorPaletteBlue000,\n light: Tokens.ColorPaletteBlue300,\n main: Tokens.ColorPaletteBlue500,\n dark: Tokens.ColorPaletteBlue900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n success: {\n lighter: Tokens.ColorPaletteGreen000,\n light: Tokens.ColorPaletteGreen300,\n main: Tokens.ColorPaletteGreen500,\n dark: Tokens.ColorPaletteGreen900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n grey: {\n 50: Tokens.ColorPaletteNeutral000,\n 100: Tokens.ColorPaletteNeutral100,\n 200: Tokens.ColorPaletteNeutral200,\n 300: \"#c1c1c8\",\n 400: \"#aaaab4\",\n 500: Tokens.ColorPaletteNeutral500,\n 600: Tokens.ColorPaletteNeutral600,\n 700: \"#585862\",\n 800: \"#41414b\",\n 900: Tokens.ColorPaletteNeutral900,\n // These are \"Accent\" colors. MUI's palette matches them to the standard greys.\n A100: Tokens.ColorPaletteNeutral100,\n A200: Tokens.ColorPaletteNeutral200,\n A400: \"#aaaab4\",\n A700: \"#585862\",\n },\n text: {\n primary: Tokens.ColorPaletteNeutral900,\n secondary: Tokens.ColorPaletteNeutral600,\n disabled: Tokens.ColorPaletteNeutral500,\n },\n divider: Tokens.ColorBorderDisplay,\n background: {\n paper: Tokens.ColorBackgroundBase,\n default: Tokens.ColorBackgroundBase,\n },\n action: {\n // We have no equivalents here. It's likely we will update these as their uses are discovered.\n active: \"rgba(0, 0, 0, 0.54)\",\n hover: \"rgba(0, 0, 0, 0.04)\",\n hoverOpacity: 0.04,\n selected: \"rgba(0, 0, 0, 0.08)\",\n selectedOpacity: 0.08,\n disabled: Tokens.ColorPaletteNeutral200,\n disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n disabledOpacity: 0.38,\n focus: \"rgba(0, 0, 0, 0.12)\",\n focusOpacity: 0.12,\n activatedOpacity: 0.12,\n },\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"palette.js","names":["Tokens","palette","mode","common","black","ColorNeutralDark","white","ColorPaletteNeutralWhite","primary","lighter","ColorPaletteBlue000","light","ColorPaletteBlue300","main","ColorPaletteBlue500","dark","ColorPaletteBlue900","contrastText","ColorTextBodyInverse","secondary","ColorPaletteTurquoise500","error","ColorPaletteRed000","ColorPaletteRed300","ColorPaletteRed500","ColorPaletteRed900","warning","ColorPaletteYellow000","ColorPaletteYellow300","ColorPaletteYellow500","ColorPaletteYellow900","ColorTextBody","info","success","ColorPaletteGreen000","ColorPaletteGreen300","ColorPaletteGreen500","ColorPaletteGreen900","grey","ColorPaletteNeutral000","ColorPaletteNeutral100","ColorPaletteNeutral200","ColorPaletteNeutral500","ColorPaletteNeutral600","ColorPaletteNeutral900","A100","A200","A400","A700","text","disabled","divider","ColorBorderDisplay","background","paper","ColorBackgroundBase","default","action","active","hover","hoverOpacity","selected","selectedOpacity","disabledBackground","disabledOpacity","focus","focusOpacity","activatedOpacity"],"sources":["../../src/theme/palette.ts"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport type { ThemeOptions } from \"@mui/material\";\nimport * as Tokens from \"@okta/odyssey-design-tokens\";\n\nexport const palette: ThemeOptions[\"palette\"] = {\n mode: \"light\",\n common: {\n black: Tokens.ColorNeutralDark,\n white: Tokens.ColorPaletteNeutralWhite,\n },\n primary: {\n lighter: Tokens.ColorPaletteBlue000,\n light: Tokens.ColorPaletteBlue300,\n main: Tokens.ColorPaletteBlue500,\n dark: Tokens.ColorPaletteBlue900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n secondary: {\n light: \"#80c7ca\",\n main: Tokens.ColorPaletteTurquoise500,\n dark: \"#004650\",\n contrastText: Tokens.ColorTextBodyInverse,\n },\n error: {\n lighter: Tokens.ColorPaletteRed000,\n light: Tokens.ColorPaletteRed300,\n main: Tokens.ColorPaletteRed500,\n dark: Tokens.ColorPaletteRed900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n warning: {\n lighter: Tokens.ColorPaletteYellow000,\n light: Tokens.ColorPaletteYellow300,\n main: Tokens.ColorPaletteYellow500,\n dark: Tokens.ColorPaletteYellow900,\n contrastText: Tokens.ColorTextBody,\n },\n info: {\n lighter: Tokens.ColorPaletteBlue000,\n light: Tokens.ColorPaletteBlue300,\n main: Tokens.ColorPaletteBlue500,\n dark: Tokens.ColorPaletteBlue900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n success: {\n lighter: Tokens.ColorPaletteGreen000,\n light: Tokens.ColorPaletteGreen300,\n main: Tokens.ColorPaletteGreen500,\n dark: Tokens.ColorPaletteGreen900,\n contrastText: Tokens.ColorTextBodyInverse,\n },\n grey: {\n 50: Tokens.ColorPaletteNeutral000,\n 100: Tokens.ColorPaletteNeutral100,\n 200: Tokens.ColorPaletteNeutral200,\n 300: \"#c1c1c8\",\n 400: \"#aaaab4\",\n 500: Tokens.ColorPaletteNeutral500,\n 600: Tokens.ColorPaletteNeutral600,\n 700: \"#585862\",\n 800: \"#41414b\",\n 900: Tokens.ColorPaletteNeutral900,\n // These are \"Accent\" colors. MUI's palette matches them to the standard greys.\n A100: Tokens.ColorPaletteNeutral100,\n A200: Tokens.ColorPaletteNeutral200,\n A400: \"#aaaab4\",\n A700: \"#585862\",\n },\n text: {\n primary: Tokens.ColorPaletteNeutral900,\n secondary: Tokens.ColorPaletteNeutral600,\n disabled: Tokens.ColorPaletteNeutral600,\n },\n divider: Tokens.ColorBorderDisplay,\n background: {\n paper: Tokens.ColorBackgroundBase,\n default: Tokens.ColorBackgroundBase,\n },\n action: {\n // We have no equivalents here. It's likely we will update these as their uses are discovered.\n active: \"rgba(0, 0, 0, 0.54)\",\n hover: \"rgba(0, 0, 0, 0.04)\",\n hoverOpacity: 0.04,\n selected: \"rgba(0, 0, 0, 0.08)\",\n selectedOpacity: 0.08,\n disabled: Tokens.ColorPaletteNeutral200,\n disabledBackground: \"rgba(0, 0, 0, 0.12)\",\n disabledOpacity: 0.38,\n focus: \"rgba(0, 0, 0, 0.12)\",\n focusOpacity: 0.12,\n activatedOpacity: 0.12,\n },\n};\n"],"mappings":"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"}