@okta/odyssey-react-mui 0.17.0 → 0.19.0
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.
- package/CHANGELOG.md +168 -0
- package/README.md +4 -20
- package/dist/Banner.d.ts +47 -0
- package/dist/Banner.d.ts.map +1 -0
- package/dist/Banner.js +41 -0
- package/dist/Banner.js.map +1 -0
- package/dist/Infobox.d.ts +36 -0
- package/dist/Infobox.d.ts.map +1 -0
- package/dist/Infobox.js +36 -0
- package/dist/Infobox.js.map +1 -0
- package/dist/Link.d.ts +1 -1
- package/dist/Link.d.ts.map +1 -1
- package/dist/Link.js +16 -2
- package/dist/Link.js.map +1 -1
- package/dist/OdysseyThemeProvider.d.ts +3 -1
- package/dist/OdysseyThemeProvider.d.ts.map +1 -1
- package/dist/OdysseyThemeProvider.js +7 -4
- package/dist/OdysseyThemeProvider.js.map +1 -1
- package/dist/PasswordInput.d.ts +1 -1
- package/dist/PasswordInput.d.ts.map +1 -1
- package/dist/Radio.d.ts +19 -0
- package/dist/Radio.d.ts.map +1 -0
- package/dist/Radio.js +32 -0
- package/dist/Radio.js.map +1 -0
- package/dist/RadioGroup.d.ts +47 -0
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +59 -0
- package/dist/RadioGroup.js.map +1 -0
- package/dist/Status.d.ts +23 -0
- package/dist/Status.d.ts.map +1 -0
- package/dist/Status.js +25 -0
- package/dist/Status.js.map +1 -0
- package/dist/TextField.d.ts +87 -0
- package/dist/TextField.d.ts.map +1 -0
- package/dist/TextField.js +100 -0
- package/dist/TextField.js.map +1 -0
- package/dist/iconDictionary/Add.d.ts +1 -1
- package/dist/iconDictionary/Add.d.ts.map +1 -1
- package/dist/iconDictionary/AddCircle.d.ts +1 -1
- package/dist/iconDictionary/AddCircle.d.ts.map +1 -1
- package/dist/iconDictionary/AlertCircle.d.ts +1 -1
- package/dist/iconDictionary/AlertCircle.d.ts.map +1 -1
- package/dist/iconDictionary/AlertCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/AlertCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/AlertTriangleFilled.d.ts +1 -1
- package/dist/iconDictionary/AlertTriangleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Anchor.d.ts +1 -1
- package/dist/iconDictionary/Anchor.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowDown.d.ts +1 -1
- package/dist/iconDictionary/ArrowDown.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowLeft.d.ts +1 -1
- package/dist/iconDictionary/ArrowLeft.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowRight.d.ts +1 -1
- package/dist/iconDictionary/ArrowRight.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowUp.d.ts +1 -1
- package/dist/iconDictionary/ArrowUp.d.ts.map +1 -1
- package/dist/iconDictionary/ArrowUpDown.d.ts +1 -1
- package/dist/iconDictionary/ArrowUpDown.d.ts.map +1 -1
- package/dist/iconDictionary/Calendar.d.ts +1 -1
- package/dist/iconDictionary/Calendar.d.ts.map +1 -1
- package/dist/iconDictionary/Check.d.ts +1 -1
- package/dist/iconDictionary/Check.d.ts.map +1 -1
- package/dist/iconDictionary/CheckCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/CheckCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/ChevronDown.d.ts +1 -1
- package/dist/iconDictionary/ChevronDown.d.ts.map +1 -1
- package/dist/iconDictionary/ChevronUp.d.ts +1 -1
- package/dist/iconDictionary/ChevronUp.d.ts.map +1 -1
- package/dist/iconDictionary/Close.d.ts +1 -1
- package/dist/iconDictionary/Close.d.ts.map +1 -1
- package/dist/iconDictionary/CloseCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/CloseCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Copy.d.ts +1 -1
- package/dist/iconDictionary/Copy.d.ts.map +1 -1
- package/dist/iconDictionary/Delete.d.ts +1 -1
- package/dist/iconDictionary/Delete.d.ts.map +1 -1
- package/dist/iconDictionary/Download.d.ts +1 -1
- package/dist/iconDictionary/Download.d.ts.map +1 -1
- package/dist/iconDictionary/DragHandle.d.ts +1 -1
- package/dist/iconDictionary/DragHandle.d.ts.map +1 -1
- package/dist/iconDictionary/Edit.d.ts +1 -1
- package/dist/iconDictionary/Edit.d.ts.map +1 -1
- package/dist/iconDictionary/ExternalLink.d.ts +1 -1
- package/dist/iconDictionary/ExternalLink.d.ts.map +1 -1
- package/dist/iconDictionary/Eye.d.ts +1 -1
- package/dist/iconDictionary/Eye.d.ts.map +1 -1
- package/dist/iconDictionary/EyeOff.d.ts +1 -1
- package/dist/iconDictionary/EyeOff.d.ts.map +1 -1
- package/dist/iconDictionary/Filter.d.ts +1 -1
- package/dist/iconDictionary/Filter.d.ts.map +1 -1
- package/dist/iconDictionary/Globe.d.ts +1 -1
- package/dist/iconDictionary/Globe.d.ts.map +1 -1
- package/dist/iconDictionary/Home.d.ts +1 -1
- package/dist/iconDictionary/Home.d.ts.map +1 -1
- package/dist/iconDictionary/InformationCircle.d.ts +1 -1
- package/dist/iconDictionary/InformationCircle.d.ts.map +1 -1
- package/dist/iconDictionary/InformationCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/InformationCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Notification.d.ts +1 -1
- package/dist/iconDictionary/Notification.d.ts.map +1 -1
- package/dist/iconDictionary/OverflowVertical.d.ts +1 -1
- package/dist/iconDictionary/OverflowVertical.d.ts.map +1 -1
- package/dist/iconDictionary/QuestionCircle.d.ts +1 -1
- package/dist/iconDictionary/QuestionCircle.d.ts.map +1 -1
- package/dist/iconDictionary/QuestionCircleFilled.d.ts +1 -1
- package/dist/iconDictionary/QuestionCircleFilled.d.ts.map +1 -1
- package/dist/iconDictionary/Search.d.ts +1 -1
- package/dist/iconDictionary/Search.d.ts.map +1 -1
- package/dist/iconDictionary/Settings.d.ts +1 -1
- package/dist/iconDictionary/Settings.d.ts.map +1 -1
- package/dist/iconDictionary/Subtract.d.ts +1 -1
- package/dist/iconDictionary/Subtract.d.ts.map +1 -1
- package/dist/iconDictionary/User.d.ts +1 -1
- package/dist/iconDictionary/User.d.ts.map +1 -1
- package/dist/iconDictionary/UserGroup.d.ts +1 -1
- package/dist/iconDictionary/UserGroup.d.ts.map +1 -1
- package/dist/index.d.ts +12 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -4
- package/dist/index.js.map +1 -1
- package/dist/theme/components.d.ts.map +1 -1
- package/dist/theme/components.js +578 -179
- package/dist/theme/components.js.map +1 -1
- package/dist/theme/components.types.d.ts +5 -0
- package/dist/theme/components.types.d.ts.map +1 -1
- package/dist/theme/components.types.js.map +1 -1
- package/dist/theme/typography.d.ts.map +1 -1
- package/dist/theme/typography.js +6 -0
- package/dist/theme/typography.js.map +1 -1
- package/dist/theme/typography.types.d.ts +3 -3
- package/dist/theme/typography.types.d.ts.map +1 -1
- package/dist/theme/typography.types.js.map +1 -1
- package/package.json +7 -7
- package/src/Banner.tsx +69 -0
- package/src/Infobox.tsx +47 -0
- package/src/Link.tsx +4 -4
- package/src/OdysseyThemeProvider.tsx +25 -5
- package/src/Radio.tsx +28 -0
- package/src/RadioGroup.tsx +105 -0
- package/src/Status.tsx +29 -0
- package/src/TextField.tsx +220 -0
- package/src/index.ts +33 -15
- package/src/theme/components.tsx +518 -85
- package/src/theme/components.types.ts +7 -0
- package/src/theme/typography.ts +6 -0
- package/src/theme/typography.types.ts +3 -3
- package/tsconfig.json +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,174 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.19.0](https://github.com/okta/odyssey/compare/v0.16.1...v0.19.0) (2023-02-09)
|
|
7
|
+
|
|
8
|
+
### ⚠ BREAKING CHANGES
|
|
9
|
+
|
|
10
|
+
- **odyssey-react-mui:** remove `kbd` variant from Typography component
|
|
11
|
+
|
|
12
|
+
### Features
|
|
13
|
+
|
|
14
|
+
- abstract Radio and RadioGroup ([6b34afa](https://github.com/okta/odyssey/commit/6b34afaa83ce0043731ff8d111d3114fabd9ecf7))
|
|
15
|
+
- add DatePicker styles to Labs ([#1672](https://github.com/okta/odyssey/issues/1672)) ([f8d8b5e](https://github.com/okta/odyssey/commit/f8d8b5e4f8d30f8bce346e4dca47f88c8350a26b))
|
|
16
|
+
- add name and defaultValue attributes ([1eb7608](https://github.com/okta/odyssey/commit/1eb76081f528ebf3d529d667593d105f2c4d266d))
|
|
17
|
+
- add TextInput ([fa5a033](https://github.com/okta/odyssey/commit/fa5a03309263a1239c1902c86eef04d5ba4c4774))
|
|
18
|
+
- added customTheme property to OdysseyThemeProvider ([4207c4b](https://github.com/okta/odyssey/commit/4207c4b0079bd19f637d5ad83c8c8d188598cdf1))
|
|
19
|
+
- added Emotion CacheProvider as part of ThemeProvider ([4c00a59](https://github.com/okta/odyssey/commit/4c00a591f8e1c237eec74758d4d8a13fd7a5499a))
|
|
20
|
+
- added forwardRef to Link ([5598ff8](https://github.com/okta/odyssey/commit/5598ff872a2bd9cf2e3e3a9898ddbbbe9c05ce38))
|
|
21
|
+
- added optional nonce prop to OdysseyCacheProvider ([f264b50](https://github.com/okta/odyssey/commit/f264b50d5c737fcaa672eadb4d3302acfd136582))
|
|
22
|
+
- added styles for DatePicker theming ([db967ba](https://github.com/okta/odyssey/commit/db967bad7fe836d8f5877f6ffe5a601f78ff47ec))
|
|
23
|
+
- **odyssey-react-mui:** add 'alert' to available Banner roles ([bf6f645](https://github.com/okta/odyssey/commit/bf6f6455e9271c070daa84d9668851906aa16ef4))
|
|
24
|
+
- **odyssey-react-mui:** add check icon to selected list items ([dbe5777](https://github.com/okta/odyssey/commit/dbe577783a3506d6ebb46047437936c242b69303))
|
|
25
|
+
- **odyssey-react-mui:** add element styles to ScopedCssBaseline ([d2831b0](https://github.com/okta/odyssey/commit/d2831b0a8ad0a9063aea85ceaff69dcfea16314b))
|
|
26
|
+
- **odyssey-react-mui:** add status theme to Chip ([82c9c28](https://github.com/okta/odyssey/commit/82c9c284c016b63e96ddbe3b3c82822b9c7f5857))
|
|
27
|
+
- **odyssey-react-mui:** add theme for ListSubheader ([b27c79a](https://github.com/okta/odyssey/commit/b27c79a91eda15a802520bc07ba0a9025b30d63c))
|
|
28
|
+
- **odyssey-react-mui:** add theme for multiselect ([ce8fbdb](https://github.com/okta/odyssey/commit/ce8fbdb33218b6064556800ad0a9a60a06c617b1))
|
|
29
|
+
- **odyssey-react-mui:** add theme for Tag/Chip ([8539c6d](https://github.com/okta/odyssey/commit/8539c6d3aa3a29fcef0984bc611ccab9a4b524af))
|
|
30
|
+
- **odyssey-react-mui:** export ScopedCssBaseline for use ([5a98aaa](https://github.com/okta/odyssey/commit/5a98aaacf4142f84b2e03dc13b03d4435790e014))
|
|
31
|
+
- **odyssey-react-mui:** increase default icon size to 16px; add ui type variant ([6577c33](https://github.com/okta/odyssey/commit/6577c331c29a5bfc53b41ebd269cf69366e2825c))
|
|
32
|
+
- **odyssey-react-mui:** make rem-base themeable, add element styles to ScopedCssBaseline ([ebafd5c](https://github.com/okta/odyssey/commit/ebafd5cb13afae7c8bf365782264c248b8345960))
|
|
33
|
+
- **odyssey-react-mui:** theme Select and refactor InputBase styles to support Select ([0538fb1](https://github.com/okta/odyssey/commit/0538fb1f77f79f2fca1635001163c11d6dfbd7f7))
|
|
34
|
+
- **odyssey-react-mui:** wrap and export Infobox ([4b0f283](https://github.com/okta/odyssey/commit/4b0f283e47fa553c2d72e3b85ee76102aa327709))
|
|
35
|
+
- **odyssey-react-mui:** wrap and export Status component ([55ac9c9](https://github.com/okta/odyssey/commit/55ac9c9e9b204e4262c8a7a39b60b48627baae30))
|
|
36
|
+
- re-exported MUI List components as Odyssey MUI components ([9a78122](https://github.com/okta/odyssey/commit/9a781222830fb3003ce935cbacedf5a0b62a1cec))
|
|
37
|
+
- replace the previous TextField ([e01ce2a](https://github.com/okta/odyssey/commit/e01ce2ae315bafce886179135e05c0cd11b52430))
|
|
38
|
+
- updated a bunch of packages to the latest version ([36ce1d0](https://github.com/okta/odyssey/commit/36ce1d09a621f273878345c20cfc782059c04cd2))
|
|
39
|
+
- updated Radio and fixed types on TextField and Banner ([9cfa050](https://github.com/okta/odyssey/commit/9cfa05093fa59923085bcac18908065457a018f4))
|
|
40
|
+
- wrap banner and add stories ([0ccfbd0](https://github.com/okta/odyssey/commit/0ccfbd0ef845c1f598c5409d37e5fb9a83d94f47))
|
|
41
|
+
|
|
42
|
+
### Bug Fixes
|
|
43
|
+
|
|
44
|
+
- add Status import to index ([d16b6df](https://github.com/okta/odyssey/commit/d16b6df831dd22accbc58450595a642b2330c42d))
|
|
45
|
+
- added missing export for OdysseyThemeProvider and OdysseyCacheProvider ([3273f35](https://github.com/okta/odyssey/commit/3273f3537856a2b71161888ab291c5663bc2dbcb))
|
|
46
|
+
- adjusted boolean prop names in Radio ([25eb5d1](https://github.com/okta/odyssey/commit/25eb5d1686526355c2b1ae4b83f23c80c5c72951))
|
|
47
|
+
- adjusted boolean prop names in RadioGroup ([135a8ec](https://github.com/okta/odyssey/commit/135a8ec09a25b849eb413b93548dca1683480b1e))
|
|
48
|
+
- another potential Lerna build order fix ([b4eb393](https://github.com/okta/odyssey/commit/b4eb39322204682e0b33dd76a7901370de754020))
|
|
49
|
+
- ensure aria-describedby only show when needed ([a75a290](https://github.com/okta/odyssey/commit/a75a29038164875c1a56329669ac95159ba689f2))
|
|
50
|
+
- fixed a number of logistical issues ([48a95e1](https://github.com/okta/odyssey/commit/48a95e1bf963632186b083eaa461a1ec3b2ac7c8))
|
|
51
|
+
- forwardRef in Link ([d1429af](https://github.com/okta/odyssey/commit/d1429afe1dde8608e2587abc2be99e7601650dc5))
|
|
52
|
+
- minor type updates in unique ID hooks ([01df5b2](https://github.com/okta/odyssey/commit/01df5b2d7a19ed9862d27e1ca423d2ea29ad17c6))
|
|
53
|
+
- **odyssey-react-mui:** fix floating and small Button properties, fix Toast layout ([e98d36b](https://github.com/okta/odyssey/commit/e98d36b57509a99ccd0f2290aee56322a0d155b8))
|
|
54
|
+
- **odyssey-react-mui:** make figcaption styles a fallback ([a4a232a](https://github.com/okta/odyssey/commit/a4a232a99964f683df9a913ec003b8c81219eed3))
|
|
55
|
+
- **odyssey-react-mui:** make Link a11y-compliant in all cases ([baf01c0](https://github.com/okta/odyssey/commit/baf01c0d6650b83a4b5db3e5bf7fad863d4a25f6))
|
|
56
|
+
- **odyssey-react-mui:** override MuiBackdrop colors correctly ([972a2c3](https://github.com/okta/odyssey/commit/972a2c3090fd6f4827adfc14390d5798dec2ab50))
|
|
57
|
+
- **odyssey-react-mui:** provide safety dec for input box-shadow ([9562e74](https://github.com/okta/odyssey/commit/9562e7482b69b005b7d48f2694890a3b5277693c))
|
|
58
|
+
- **odyssey-react-mui:** size and align icons correctly within Button ([7787bf0](https://github.com/okta/odyssey/commit/7787bf0d03da093dc4a94955e57240c9b11e7762))
|
|
59
|
+
- onClose prop type ([4c2052f](https://github.com/okta/odyssey/commit/4c2052f7d3f449dafdac892b2e1bbeb8cb7ceacc))
|
|
60
|
+
- remove vestigial AlertProps import ([af7883b](https://github.com/okta/odyssey/commit/af7883b3c54257e5deeeca6db6ff9e62580c9694))
|
|
61
|
+
- renamed inType to inputType ([dd67213](https://github.com/okta/odyssey/commit/dd67213a3ed6ce81dc322402b14886ecf5e53f88))
|
|
62
|
+
- split OdysseyThemeProvider and OdysseyCacheProvider ([16a6ce3](https://github.com/okta/odyssey/commit/16a6ce3672a634e3450545ffe8c41a70db1b7fb3))
|
|
63
|
+
- textAlign logical value in FormHelperText for RTL support ([19208d5](https://github.com/okta/odyssey/commit/19208d5aed4677d9198f56cd2da0598913e4b5e1))
|
|
64
|
+
- update physical CSS properties (_-left, _-right) to use logical CSS counterpart for RTL support ([08ac38c](https://github.com/okta/odyssey/commit/08ac38c303d01de7a8c5b9ea2600a0bfec3acb5e))
|
|
65
|
+
- update type of onClose for lintert ([6983d7d](https://github.com/okta/odyssey/commit/6983d7d5aad1864593579a3e9d9df6c2c5f1b137))
|
|
66
|
+
- updated per PR comments ([e436890](https://github.com/okta/odyssey/commit/e436890a1eaedffc5ba382b88f1e6271fad4861b))
|
|
67
|
+
- updated prop names ([1a73aa8](https://github.com/okta/odyssey/commit/1a73aa8aa1197e47795cda7b54382deb9ed56628))
|
|
68
|
+
- upgraded MUI icons ([c978ab6](https://github.com/okta/odyssey/commit/c978ab66375f649a9b66544dbc490cc0442cff2c))
|
|
69
|
+
|
|
70
|
+
## [0.18.0](https://github.com/okta/odyssey/compare/v0.16.1...v0.18.0) (2023-02-02)
|
|
71
|
+
|
|
72
|
+
### ⚠ BREAKING CHANGES
|
|
73
|
+
|
|
74
|
+
- **odyssey-react-mui:** remove `kbd` variant from Typography component
|
|
75
|
+
|
|
76
|
+
### Features
|
|
77
|
+
|
|
78
|
+
- abstract Radio and RadioGroup ([6b34afa](https://github.com/okta/odyssey/commit/6b34afaa83ce0043731ff8d111d3114fabd9ecf7))
|
|
79
|
+
- add DatePicker styles to Labs ([#1672](https://github.com/okta/odyssey/issues/1672)) ([f8d8b5e](https://github.com/okta/odyssey/commit/f8d8b5e4f8d30f8bce346e4dca47f88c8350a26b))
|
|
80
|
+
- add name and defaultValue attributes ([1eb7608](https://github.com/okta/odyssey/commit/1eb76081f528ebf3d529d667593d105f2c4d266d))
|
|
81
|
+
- add TextInput ([fa5a033](https://github.com/okta/odyssey/commit/fa5a03309263a1239c1902c86eef04d5ba4c4774))
|
|
82
|
+
- added customTheme property to OdysseyThemeProvider ([4207c4b](https://github.com/okta/odyssey/commit/4207c4b0079bd19f637d5ad83c8c8d188598cdf1))
|
|
83
|
+
- added Emotion CacheProvider as part of ThemeProvider ([4c00a59](https://github.com/okta/odyssey/commit/4c00a591f8e1c237eec74758d4d8a13fd7a5499a))
|
|
84
|
+
- added forwardRef to Link ([5598ff8](https://github.com/okta/odyssey/commit/5598ff872a2bd9cf2e3e3a9898ddbbbe9c05ce38))
|
|
85
|
+
- added optional nonce prop to OdysseyCacheProvider ([f264b50](https://github.com/okta/odyssey/commit/f264b50d5c737fcaa672eadb4d3302acfd136582))
|
|
86
|
+
- added styles for DatePicker theming ([db967ba](https://github.com/okta/odyssey/commit/db967bad7fe836d8f5877f6ffe5a601f78ff47ec))
|
|
87
|
+
- **odyssey-react-mui:** add check icon to selected list items ([dbe5777](https://github.com/okta/odyssey/commit/dbe577783a3506d6ebb46047437936c242b69303))
|
|
88
|
+
- **odyssey-react-mui:** add element styles to ScopedCssBaseline ([d2831b0](https://github.com/okta/odyssey/commit/d2831b0a8ad0a9063aea85ceaff69dcfea16314b))
|
|
89
|
+
- **odyssey-react-mui:** add status theme to Chip ([82c9c28](https://github.com/okta/odyssey/commit/82c9c284c016b63e96ddbe3b3c82822b9c7f5857))
|
|
90
|
+
- **odyssey-react-mui:** add theme for ListSubheader ([b27c79a](https://github.com/okta/odyssey/commit/b27c79a91eda15a802520bc07ba0a9025b30d63c))
|
|
91
|
+
- **odyssey-react-mui:** add theme for multiselect ([ce8fbdb](https://github.com/okta/odyssey/commit/ce8fbdb33218b6064556800ad0a9a60a06c617b1))
|
|
92
|
+
- **odyssey-react-mui:** add theme for Tag/Chip ([8539c6d](https://github.com/okta/odyssey/commit/8539c6d3aa3a29fcef0984bc611ccab9a4b524af))
|
|
93
|
+
- **odyssey-react-mui:** export ScopedCssBaseline for use ([5a98aaa](https://github.com/okta/odyssey/commit/5a98aaacf4142f84b2e03dc13b03d4435790e014))
|
|
94
|
+
- **odyssey-react-mui:** increase default icon size to 16px; add ui type variant ([6577c33](https://github.com/okta/odyssey/commit/6577c331c29a5bfc53b41ebd269cf69366e2825c))
|
|
95
|
+
- **odyssey-react-mui:** make rem-base themeable, add element styles to ScopedCssBaseline ([ebafd5c](https://github.com/okta/odyssey/commit/ebafd5cb13afae7c8bf365782264c248b8345960))
|
|
96
|
+
- **odyssey-react-mui:** theme Select and refactor InputBase styles to support Select ([0538fb1](https://github.com/okta/odyssey/commit/0538fb1f77f79f2fca1635001163c11d6dfbd7f7))
|
|
97
|
+
- **odyssey-react-mui:** wrap and export Status component ([55ac9c9](https://github.com/okta/odyssey/commit/55ac9c9e9b204e4262c8a7a39b60b48627baae30))
|
|
98
|
+
- re-exported MUI List components as Odyssey MUI components ([9a78122](https://github.com/okta/odyssey/commit/9a781222830fb3003ce935cbacedf5a0b62a1cec))
|
|
99
|
+
- replace the previous TextField ([e01ce2a](https://github.com/okta/odyssey/commit/e01ce2ae315bafce886179135e05c0cd11b52430))
|
|
100
|
+
- updated a bunch of packages to the latest version ([36ce1d0](https://github.com/okta/odyssey/commit/36ce1d09a621f273878345c20cfc782059c04cd2))
|
|
101
|
+
- updated Radio and fixed types on TextField and Banner ([9cfa050](https://github.com/okta/odyssey/commit/9cfa05093fa59923085bcac18908065457a018f4))
|
|
102
|
+
- wrap banner and add stories ([0ccfbd0](https://github.com/okta/odyssey/commit/0ccfbd0ef845c1f598c5409d37e5fb9a83d94f47))
|
|
103
|
+
|
|
104
|
+
### Bug Fixes
|
|
105
|
+
|
|
106
|
+
- add Status import to index ([d16b6df](https://github.com/okta/odyssey/commit/d16b6df831dd22accbc58450595a642b2330c42d))
|
|
107
|
+
- added missing export for OdysseyThemeProvider and OdysseyCacheProvider ([3273f35](https://github.com/okta/odyssey/commit/3273f3537856a2b71161888ab291c5663bc2dbcb))
|
|
108
|
+
- adjusted boolean prop names in Radio ([25eb5d1](https://github.com/okta/odyssey/commit/25eb5d1686526355c2b1ae4b83f23c80c5c72951))
|
|
109
|
+
- adjusted boolean prop names in RadioGroup ([135a8ec](https://github.com/okta/odyssey/commit/135a8ec09a25b849eb413b93548dca1683480b1e))
|
|
110
|
+
- another potential Lerna build order fix ([b4eb393](https://github.com/okta/odyssey/commit/b4eb39322204682e0b33dd76a7901370de754020))
|
|
111
|
+
- ensure aria-describedby only show when needed ([a75a290](https://github.com/okta/odyssey/commit/a75a29038164875c1a56329669ac95159ba689f2))
|
|
112
|
+
- fixed a number of logistical issues ([48a95e1](https://github.com/okta/odyssey/commit/48a95e1bf963632186b083eaa461a1ec3b2ac7c8))
|
|
113
|
+
- forwardRef in Link ([d1429af](https://github.com/okta/odyssey/commit/d1429afe1dde8608e2587abc2be99e7601650dc5))
|
|
114
|
+
- minor type updates in unique ID hooks ([01df5b2](https://github.com/okta/odyssey/commit/01df5b2d7a19ed9862d27e1ca423d2ea29ad17c6))
|
|
115
|
+
- **odyssey-react-mui:** fix floating and small Button properties, fix Toast layout ([e98d36b](https://github.com/okta/odyssey/commit/e98d36b57509a99ccd0f2290aee56322a0d155b8))
|
|
116
|
+
- **odyssey-react-mui:** make figcaption styles a fallback ([a4a232a](https://github.com/okta/odyssey/commit/a4a232a99964f683df9a913ec003b8c81219eed3))
|
|
117
|
+
- **odyssey-react-mui:** make Link a11y-compliant in all cases ([baf01c0](https://github.com/okta/odyssey/commit/baf01c0d6650b83a4b5db3e5bf7fad863d4a25f6))
|
|
118
|
+
- **odyssey-react-mui:** override MuiBackdrop colors correctly ([972a2c3](https://github.com/okta/odyssey/commit/972a2c3090fd6f4827adfc14390d5798dec2ab50))
|
|
119
|
+
- **odyssey-react-mui:** provide safety dec for input box-shadow ([9562e74](https://github.com/okta/odyssey/commit/9562e7482b69b005b7d48f2694890a3b5277693c))
|
|
120
|
+
- **odyssey-react-mui:** size and align icons correctly within Button ([7787bf0](https://github.com/okta/odyssey/commit/7787bf0d03da093dc4a94955e57240c9b11e7762))
|
|
121
|
+
- onClose prop type ([4c2052f](https://github.com/okta/odyssey/commit/4c2052f7d3f449dafdac892b2e1bbeb8cb7ceacc))
|
|
122
|
+
- remove vestigial AlertProps import ([af7883b](https://github.com/okta/odyssey/commit/af7883b3c54257e5deeeca6db6ff9e62580c9694))
|
|
123
|
+
- renamed inType to inputType ([dd67213](https://github.com/okta/odyssey/commit/dd67213a3ed6ce81dc322402b14886ecf5e53f88))
|
|
124
|
+
- split OdysseyThemeProvider and OdysseyCacheProvider ([16a6ce3](https://github.com/okta/odyssey/commit/16a6ce3672a634e3450545ffe8c41a70db1b7fb3))
|
|
125
|
+
- textAlign logical value in FormHelperText for RTL support ([19208d5](https://github.com/okta/odyssey/commit/19208d5aed4677d9198f56cd2da0598913e4b5e1))
|
|
126
|
+
- update physical CSS properties (_-left, _-right) to use logical CSS counterpart for RTL support ([08ac38c](https://github.com/okta/odyssey/commit/08ac38c303d01de7a8c5b9ea2600a0bfec3acb5e))
|
|
127
|
+
- update type of onClose for lintert ([6983d7d](https://github.com/okta/odyssey/commit/6983d7d5aad1864593579a3e9d9df6c2c5f1b137))
|
|
128
|
+
- updated per PR comments ([e436890](https://github.com/okta/odyssey/commit/e436890a1eaedffc5ba382b88f1e6271fad4861b))
|
|
129
|
+
- updated prop names ([1a73aa8](https://github.com/okta/odyssey/commit/1a73aa8aa1197e47795cda7b54382deb9ed56628))
|
|
130
|
+
- upgraded MUI icons ([c978ab6](https://github.com/okta/odyssey/commit/c978ab66375f649a9b66544dbc490cc0442cff2c))
|
|
131
|
+
|
|
132
|
+
### [0.17.2](https://github.com/okta/odyssey/compare/v0.16.1...v0.17.2) (2023-01-12)
|
|
133
|
+
|
|
134
|
+
### Features
|
|
135
|
+
|
|
136
|
+
- add TextInput ([fa5a033](https://github.com/okta/odyssey/commit/fa5a03309263a1239c1902c86eef04d5ba4c4774))
|
|
137
|
+
- added customTheme property to OdysseyThemeProvider ([4207c4b](https://github.com/okta/odyssey/commit/4207c4b0079bd19f637d5ad83c8c8d188598cdf1))
|
|
138
|
+
- added Emotion CacheProvider as part of ThemeProvider ([4c00a59](https://github.com/okta/odyssey/commit/4c00a591f8e1c237eec74758d4d8a13fd7a5499a))
|
|
139
|
+
- added forwardRef to Link ([5598ff8](https://github.com/okta/odyssey/commit/5598ff872a2bd9cf2e3e3a9898ddbbbe9c05ce38))
|
|
140
|
+
- added optional nonce prop to OdysseyCacheProvider ([f264b50](https://github.com/okta/odyssey/commit/f264b50d5c737fcaa672eadb4d3302acfd136582))
|
|
141
|
+
- added styles for DatePicker theming ([db967ba](https://github.com/okta/odyssey/commit/db967bad7fe836d8f5877f6ffe5a601f78ff47ec))
|
|
142
|
+
- **odyssey-react-mui:** add check icon to selected list items ([dbe5777](https://github.com/okta/odyssey/commit/dbe577783a3506d6ebb46047437936c242b69303))
|
|
143
|
+
- **odyssey-react-mui:** add status theme to Chip ([82c9c28](https://github.com/okta/odyssey/commit/82c9c284c016b63e96ddbe3b3c82822b9c7f5857))
|
|
144
|
+
- **odyssey-react-mui:** add theme for ListSubheader ([b27c79a](https://github.com/okta/odyssey/commit/b27c79a91eda15a802520bc07ba0a9025b30d63c))
|
|
145
|
+
- **odyssey-react-mui:** add theme for multiselect ([ce8fbdb](https://github.com/okta/odyssey/commit/ce8fbdb33218b6064556800ad0a9a60a06c617b1))
|
|
146
|
+
- **odyssey-react-mui:** add theme for Tag/Chip ([8539c6d](https://github.com/okta/odyssey/commit/8539c6d3aa3a29fcef0984bc611ccab9a4b524af))
|
|
147
|
+
- **odyssey-react-mui:** increase default icon size to 16px; add ui type variant ([6577c33](https://github.com/okta/odyssey/commit/6577c331c29a5bfc53b41ebd269cf69366e2825c))
|
|
148
|
+
- **odyssey-react-mui:** theme Select and refactor InputBase styles to support Select ([0538fb1](https://github.com/okta/odyssey/commit/0538fb1f77f79f2fca1635001163c11d6dfbd7f7))
|
|
149
|
+
- replace the previous TextField ([e01ce2a](https://github.com/okta/odyssey/commit/e01ce2ae315bafce886179135e05c0cd11b52430))
|
|
150
|
+
|
|
151
|
+
### Bug Fixes
|
|
152
|
+
|
|
153
|
+
- added missing export for OdysseyThemeProvider and OdysseyCacheProvider ([3273f35](https://github.com/okta/odyssey/commit/3273f3537856a2b71161888ab291c5663bc2dbcb))
|
|
154
|
+
- fixed a number of logistical issues ([48a95e1](https://github.com/okta/odyssey/commit/48a95e1bf963632186b083eaa461a1ec3b2ac7c8))
|
|
155
|
+
- forwardRef in Link ([d1429af](https://github.com/okta/odyssey/commit/d1429afe1dde8608e2587abc2be99e7601650dc5))
|
|
156
|
+
- minor type updates in unique ID hooks ([01df5b2](https://github.com/okta/odyssey/commit/01df5b2d7a19ed9862d27e1ca423d2ea29ad17c6))
|
|
157
|
+
- **odyssey-react-mui:** fix floating and small Button properties, fix Toast layout ([e98d36b](https://github.com/okta/odyssey/commit/e98d36b57509a99ccd0f2290aee56322a0d155b8))
|
|
158
|
+
- **odyssey-react-mui:** override MuiBackdrop colors correctly ([972a2c3](https://github.com/okta/odyssey/commit/972a2c3090fd6f4827adfc14390d5798dec2ab50))
|
|
159
|
+
- **odyssey-react-mui:** size and align icons correctly within Button ([7787bf0](https://github.com/okta/odyssey/commit/7787bf0d03da093dc4a94955e57240c9b11e7762))
|
|
160
|
+
- renamed inType to inputType ([dd67213](https://github.com/okta/odyssey/commit/dd67213a3ed6ce81dc322402b14886ecf5e53f88))
|
|
161
|
+
- split OdysseyThemeProvider and OdysseyCacheProvider ([16a6ce3](https://github.com/okta/odyssey/commit/16a6ce3672a634e3450545ffe8c41a70db1b7fb3))
|
|
162
|
+
- updated per PR comments ([e436890](https://github.com/okta/odyssey/commit/e436890a1eaedffc5ba382b88f1e6271fad4861b))
|
|
163
|
+
- updated prop names ([1a73aa8](https://github.com/okta/odyssey/commit/1a73aa8aa1197e47795cda7b54382deb9ed56628))
|
|
164
|
+
- upgraded MUI icons ([c978ab6](https://github.com/okta/odyssey/commit/c978ab66375f649a9b66544dbc490cc0442cff2c))
|
|
165
|
+
|
|
166
|
+
### [0.17.1](https://github.com/okta/odyssey/compare/v0.16.1...v0.17.1) (2022-12-09)
|
|
167
|
+
|
|
168
|
+
### Features
|
|
169
|
+
|
|
170
|
+
- **odyssey-react-mui:** add theme for multiselect ([ce8fbdb](https://github.com/okta/odyssey/commit/ce8fbdb33218b6064556800ad0a9a60a06c617b1))
|
|
171
|
+
- **odyssey-react-mui:** increase default icon size to 16px; add ui type variant ([6577c33](https://github.com/okta/odyssey/commit/6577c331c29a5bfc53b41ebd269cf69366e2825c))
|
|
172
|
+
- **odyssey-react-mui:** theme Select and refactor InputBase styles to support Select ([0538fb1](https://github.com/okta/odyssey/commit/0538fb1f77f79f2fca1635001163c11d6dfbd7f7))
|
|
173
|
+
|
|
6
174
|
### [0.17.0](https://github.com/okta/odyssey/compare/v0.16.1...v0.17.0) (2022-11-10)
|
|
7
175
|
|
|
8
176
|
### Features
|
package/README.md
CHANGED
|
@@ -21,7 +21,7 @@ exact version (maximum safety) or pin the major and minor versions
|
|
|
21
21
|
Install the package and peer dependencies:
|
|
22
22
|
|
|
23
23
|
```sh
|
|
24
|
-
|
|
24
|
+
yarn add @okta/odyssey-react-mui @emotion/react
|
|
25
25
|
```
|
|
26
26
|
|
|
27
27
|
Include fonts:
|
|
@@ -52,35 +52,19 @@ import { ThemeProvider } from "@okta/odyssey-react-mui";
|
|
|
52
52
|
const YourAppRoot = ({ children }) => <ThemeProvider>{children}</ThemeProvider>;
|
|
53
53
|
```
|
|
54
54
|
|
|
55
|
-
Add Material-UI components not exported from Odyssey with Odyssey styling:
|
|
55
|
+
Add Material-UI components not exported from Odyssey with Odyssey styling or add your own theme to MUI:
|
|
56
56
|
|
|
57
57
|
```sh
|
|
58
58
|
$ yarn add @mui/material
|
|
59
59
|
```
|
|
60
60
|
|
|
61
61
|
```jsx
|
|
62
|
-
import {
|
|
63
|
-
import { odysseyTheme, ThemeProvider } from "@okta/odyssey-react-mui";
|
|
64
|
-
|
|
65
|
-
const YourAppRoot = ({ children }) => (
|
|
66
|
-
<MuiThemeProvider theme={odysseyTheme}>
|
|
67
|
-
<ThemeProvider>{children}</ThemeProvider>
|
|
68
|
-
</MuiThemeProvider>
|
|
69
|
-
);
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
Add your own theme to MUI (does not affect Odyssey components):
|
|
73
|
-
|
|
74
|
-
```jsx
|
|
75
|
-
import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
|
|
76
|
-
import { ThemeProvider } from "@okta/odyssey-react-mui";
|
|
62
|
+
import { OdysseyThemeProvider } from "@okta/odyssey-react-mui";
|
|
77
63
|
|
|
78
64
|
import { myMaterialUiTheme } from "./myMaterialUiTheme";
|
|
79
65
|
|
|
80
66
|
const YourAppRoot = ({ children }) => (
|
|
81
|
-
<
|
|
82
|
-
<ThemeProvider>{children}</ThemeProvider>
|
|
83
|
-
</MuiThemeProvider>
|
|
67
|
+
<OdysseyThemeProvider theme={myMaterialUiTheme}>{children}<OdysseyThemeProvider>
|
|
84
68
|
);
|
|
85
69
|
```
|
|
86
70
|
|
package/dist/Banner.d.ts
ADDED
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
/// <reference types="react" />
|
|
13
|
+
import { AlertColor, AlertProps } from "@mui/material";
|
|
14
|
+
export interface BannerProps {
|
|
15
|
+
/**
|
|
16
|
+
* Determine the color and icon of the alert
|
|
17
|
+
*/
|
|
18
|
+
severity: AlertColor;
|
|
19
|
+
/**
|
|
20
|
+
* Sets the ARIA role of the alert
|
|
21
|
+
* ("status" for something that dynamically updates, "alert" for errors, null for something
|
|
22
|
+
* unchanging)
|
|
23
|
+
*/
|
|
24
|
+
role?: "status" | "alert";
|
|
25
|
+
/**
|
|
26
|
+
* The text content of the alert
|
|
27
|
+
*/
|
|
28
|
+
text: string;
|
|
29
|
+
/**
|
|
30
|
+
* The function that's fired when the user clicks the close button. If undefined,
|
|
31
|
+
* the close button will not be shown.
|
|
32
|
+
*/
|
|
33
|
+
onClose?: AlertProps["onClose"];
|
|
34
|
+
/**
|
|
35
|
+
* If defined, the alert will include a link to the URL
|
|
36
|
+
*/
|
|
37
|
+
linkUrl?: string;
|
|
38
|
+
/**
|
|
39
|
+
* If linkUrl is not undefined, this is the text of the link.
|
|
40
|
+
* If left blank, it defaults to "Learn more".
|
|
41
|
+
* Note that linkText does nothing if linkUrl is not defined
|
|
42
|
+
*/
|
|
43
|
+
linkText?: string;
|
|
44
|
+
}
|
|
45
|
+
declare const MemoizedBanner: import("react").MemoExoticComponent<({ onClose, severity, role, linkUrl, linkText, text, }: BannerProps) => JSX.Element>;
|
|
46
|
+
export { MemoizedBanner as Banner };
|
|
47
|
+
//# sourceMappingURL=Banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIvD,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAoBD,QAAA,MAAM,cAAc,8FAXjB,WAAW,iBAWqB,CAAC;AAEpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
|
package/dist/Banner.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { memo } from "react";
|
|
13
|
+
import { Alert, Link } from "./index.js";
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
|
|
17
|
+
const Banner = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
onClose,
|
|
20
|
+
severity,
|
|
21
|
+
role,
|
|
22
|
+
linkUrl,
|
|
23
|
+
linkText,
|
|
24
|
+
text
|
|
25
|
+
} = _ref;
|
|
26
|
+
return _jsxs(Alert, {
|
|
27
|
+
onClose: onClose,
|
|
28
|
+
role: role,
|
|
29
|
+
severity: severity,
|
|
30
|
+
variant: "banner",
|
|
31
|
+
children: [text, linkUrl && _jsx(Link, {
|
|
32
|
+
href: linkUrl,
|
|
33
|
+
variant: "monochrome",
|
|
34
|
+
children: linkText
|
|
35
|
+
})]
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
const MemoizedBanner = memo(Banner);
|
|
40
|
+
export { MemoizedBanner as Banner };
|
|
41
|
+
//# sourceMappingURL=Banner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Banner.js","names":["memo","Alert","Link","Banner","onClose","severity","role","linkUrl","linkText","text","MemoizedBanner"],"sources":["../src/Banner.tsx"],"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 { AlertColor, AlertProps } from \"@mui/material\";\nimport { memo } from \"react\";\nimport { Alert, Link } from \"./\";\n\nexport interface BannerProps {\n /**\n * Determine the color and icon of the alert\n */\n severity: AlertColor;\n /**\n * Sets the ARIA role of the alert\n * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n * unchanging)\n */\n role?: \"status\" | \"alert\";\n /**\n * The text content of the alert\n */\n text: string;\n /**\n * The function that's fired when the user clicks the close button. If undefined,\n * the close button will not be shown.\n */\n onClose?: AlertProps[\"onClose\"];\n /**\n * If defined, the alert will include a link to the URL\n */\n linkUrl?: string;\n /**\n * If linkUrl is not undefined, this is the text of the link.\n * If left blank, it defaults to \"Learn more\".\n * Note that linkText does nothing if linkUrl is not defined\n */\n linkText?: string;\n}\n\nconst Banner = ({\n onClose,\n severity,\n role,\n linkUrl,\n linkText,\n text,\n}: BannerProps) => (\n <Alert onClose={onClose} role={role} severity={severity} variant=\"banner\">\n {text}\n {linkUrl && (\n <Link href={linkUrl} variant=\"monochrome\">\n {linkText}\n </Link>\n )}\n </Alert>\n);\n\nconst MemoizedBanner = memo(Banner);\n\nexport { MemoizedBanner as Banner };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAqB,OAArB;SACSC,K,EAAOC,I;;;;AAkChB,MAAMC,MAAM,GAAG;EAAA,IAAC;IACdC,OADc;IAEdC,QAFc;IAGdC,IAHc;IAIdC,OAJc;IAKdC,QALc;IAMdC;EANc,CAAD;EAAA,OAQb,MAAC,KAAD;IAAO,OAAO,EAAEL,OAAhB;IAAyB,IAAI,EAAEE,IAA/B;IAAqC,QAAQ,EAAED,QAA/C;IAAyD,OAAO,EAAC,QAAjE;IAAA,WACGI,IADH,EAEGF,OAAO,IACN,KAAC,IAAD;MAAM,IAAI,EAAEA,OAAZ;MAAqB,OAAO,EAAC,YAA7B;MAAA,UACGC;IADH,EAHJ;EAAA,EARa;AAAA,CAAf;;AAkBA,MAAME,cAAc,GAAGV,IAAI,CAACG,MAAD,CAA3B;AAEA,SAASO,cAAc,IAAIP,MAA3B"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { AlertColor } from "@mui/material";
|
|
13
|
+
import { ReactNode } from "react";
|
|
14
|
+
export interface InfoboxProps {
|
|
15
|
+
/**
|
|
16
|
+
* The contents of the alert
|
|
17
|
+
*/
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Determine the color and icon of the alert
|
|
21
|
+
*/
|
|
22
|
+
severity: AlertColor;
|
|
23
|
+
/**
|
|
24
|
+
* Sets the ARIA role of the alert
|
|
25
|
+
* ("status" for something that dynamically updates, "alert" for errors, null for something
|
|
26
|
+
* unchanging)
|
|
27
|
+
*/
|
|
28
|
+
role?: "status" | "alert";
|
|
29
|
+
/**
|
|
30
|
+
* The title of the alert
|
|
31
|
+
*/
|
|
32
|
+
title?: string;
|
|
33
|
+
}
|
|
34
|
+
declare const MemoizedInfobox: import("react").MemoExoticComponent<({ children, severity, role, title }: InfoboxProps) => JSX.Element>;
|
|
35
|
+
export { MemoizedInfobox as Infobox };
|
|
36
|
+
//# sourceMappingURL=Infobox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Infobox.d.ts","sourceRoot":"","sources":["../src/Infobox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,QAAA,MAAM,eAAe,4EAPiC,YAAY,iBAO7B,CAAC;AAEtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
|
package/dist/Infobox.js
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
3
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
4
|
+
*
|
|
5
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
7
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
8
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
9
|
+
*
|
|
10
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { memo } from "react";
|
|
13
|
+
import { Alert, AlertTitle } from "./index.js";
|
|
14
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
16
|
+
|
|
17
|
+
const Infobox = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
children,
|
|
20
|
+
severity,
|
|
21
|
+
role,
|
|
22
|
+
title
|
|
23
|
+
} = _ref;
|
|
24
|
+
return _jsxs(Alert, {
|
|
25
|
+
role: role,
|
|
26
|
+
severity: severity,
|
|
27
|
+
variant: "infobox",
|
|
28
|
+
children: [title && _jsx(AlertTitle, {
|
|
29
|
+
children: title
|
|
30
|
+
}), children]
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const MemoizedInfobox = memo(Infobox);
|
|
35
|
+
export { MemoizedInfobox as Infobox };
|
|
36
|
+
//# sourceMappingURL=Infobox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Infobox.js","names":["memo","Alert","AlertTitle","Infobox","children","severity","role","title","MemoizedInfobox"],"sources":["../src/Infobox.tsx"],"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 { AlertColor } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\nimport { Alert, AlertTitle } from \".\";\n\nexport interface InfoboxProps {\n /**\n * The contents of the alert\n */\n children: ReactNode;\n /**\n * Determine the color and icon of the alert\n */\n severity: AlertColor;\n /**\n * Sets the ARIA role of the alert\n * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n * unchanging)\n */\n role?: \"status\" | \"alert\";\n /**\n * The title of the alert\n */\n title?: string;\n}\n\nconst Infobox = ({ children, severity, role, title }: InfoboxProps) => (\n <Alert role={role} severity={severity} variant=\"infobox\">\n {title && <AlertTitle>{title}</AlertTitle>}\n {children}\n </Alert>\n);\n\nconst MemoizedInfobox = memo(Infobox);\n\nexport { MemoizedInfobox as Infobox };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAT,QAAgC,OAAhC;SACSC,K,EAAOC,U;;;;AAuBhB,MAAMC,OAAO,GAAG;EAAA,IAAC;IAAEC,QAAF;IAAYC,QAAZ;IAAsBC,IAAtB;IAA4BC;EAA5B,CAAD;EAAA,OACd,MAAC,KAAD;IAAO,IAAI,EAAED,IAAb;IAAmB,QAAQ,EAAED,QAA7B;IAAuC,OAAO,EAAC,SAA/C;IAAA,WACGE,KAAK,IAAI,KAAC,UAAD;MAAA,UAAaA;IAAb,EADZ,EAEGH,QAFH;EAAA,EADc;AAAA,CAAhB;;AAOA,MAAMI,eAAe,GAAGR,IAAI,CAACG,OAAD,CAA5B;AAEA,SAASK,eAAe,IAAIL,OAA5B"}
|
package/dist/Link.d.ts
CHANGED
|
@@ -14,5 +14,5 @@ import type { LinkProps as MuiLinkProps } from "@mui/material";
|
|
|
14
14
|
export interface LinkProps extends MuiLinkProps {
|
|
15
15
|
icon?: ReactElement;
|
|
16
16
|
}
|
|
17
|
-
export declare const Link: (
|
|
17
|
+
export declare const Link: import("react").ForwardRefExoticComponent<Pick<LinkProps, "className" | "style" | "classes" | "children" | "color" | "fontSize" | "sx" | "p" | "slot" | "title" | "height" | "id" | "lang" | "media" | "target" | "type" | "width" | "role" | "tabIndex" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "href" | "letterSpacing" | "order" | "overflow" | "visibility" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "download" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "align" | "border" | "boxShadow" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "underline" | "icon" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
18
18
|
//# sourceMappingURL=Link.d.ts.map
|
package/dist/Link.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,YAAY;IAC7C,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,IAAI,mgMAoBf,CAAC"}
|
package/dist/Link.js
CHANGED
|
@@ -1,14 +1,28 @@
|
|
|
1
1
|
import _Link from "@mui/material/Link";
|
|
2
2
|
import _SvgIcon from "@mui/material/SvgIcon";
|
|
3
|
+
|
|
4
|
+
/*!
|
|
5
|
+
* Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
|
|
6
|
+
* The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
|
|
7
|
+
*
|
|
8
|
+
* You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
9
|
+
* Unless required by applicable law or agreed to in writing, software
|
|
10
|
+
* distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
11
|
+
* WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
12
|
+
*
|
|
13
|
+
* See the License for the specific language governing permissions and limitations under the License.
|
|
14
|
+
*/
|
|
15
|
+
import { forwardRef } from "react";
|
|
3
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
17
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
export const Link = props => {
|
|
18
|
+
export const Link = forwardRef((props, ref) => {
|
|
6
19
|
const {
|
|
7
20
|
icon,
|
|
8
21
|
children,
|
|
9
22
|
target
|
|
10
23
|
} = props;
|
|
11
24
|
return _jsxs(_Link, { ...props,
|
|
25
|
+
ref: ref,
|
|
12
26
|
children: [icon && _jsx("span", {
|
|
13
27
|
className: "Link-icon",
|
|
14
28
|
children: icon
|
|
@@ -26,5 +40,5 @@ export const Link = props => {
|
|
|
26
40
|
})
|
|
27
41
|
})]
|
|
28
42
|
});
|
|
29
|
-
};
|
|
43
|
+
});
|
|
30
44
|
//# sourceMappingURL=Link.js.map
|
package/dist/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","names":["Link","props","icon","children","target"],"sources":["../src/Link.tsx"],"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 { ReactElement } from \"react\";\n\nimport { Link as MuiLink, SvgIcon } from \"@mui/material\";\nimport type { LinkProps as MuiLinkProps } from \"@mui/material\";\n\nexport interface LinkProps extends MuiLinkProps {\n icon?: ReactElement;\n}\n\nexport const Link = (props
|
|
1
|
+
{"version":3,"file":"Link.js","names":["forwardRef","Link","props","ref","icon","children","target"],"sources":["../src/Link.tsx"],"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 { forwardRef, ReactElement } from \"react\";\n\nimport { Link as MuiLink, SvgIcon } from \"@mui/material\";\nimport type { LinkProps as MuiLinkProps } from \"@mui/material\";\n\nexport interface LinkProps extends MuiLinkProps {\n icon?: ReactElement;\n}\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n const { icon, children, target } = props;\n return (\n <MuiLink {...props} ref={ref}>\n {icon && <span className=\"Link-icon\">{icon}</span>}\n {children}\n {target === \"_blank\" && (\n <span className=\"Link-indicator\" role=\"presentation\">\n <SvgIcon viewBox=\"0 0 16 16\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n fill=\"currentColor\"\n />\n </SvgIcon>\n </span>\n )}\n </MuiLink>\n );\n});\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAAyC,OAAzC;;;AASA,OAAO,MAAMC,IAAI,GAAGD,UAAU,CAA+B,CAACE,KAAD,EAAQC,GAAR,KAAgB;EAC3E,MAAM;IAAEC,IAAF;IAAQC,QAAR;IAAkBC;EAAlB,IAA6BJ,KAAnC;EACA,OACE,kBAAaA,KAAb;IAAoB,GAAG,EAAEC,GAAzB;IAAA,WACGC,IAAI,IAAI;MAAM,SAAS,EAAC,WAAhB;MAAA,UAA6BA;IAA7B,EADX,EAEGC,QAFH,EAGGC,MAAM,KAAK,QAAX,IACC;MAAM,SAAS,EAAC,gBAAhB;MAAiC,IAAI,EAAC,cAAtC;MAAA,UACE;QAAS,OAAO,EAAC,WAAjB;QAAA,UACE;UACE,QAAQ,EAAC,SADX;UAEE,QAAQ,EAAC,SAFX;UAGE,CAAC,EAAC,yKAHJ;UAIE,IAAI,EAAC;QAJP;MADF;IADF,EAJJ;EAAA,EADF;AAkBD,CApB6B,CAAvB"}
|
|
@@ -9,9 +9,11 @@
|
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
|
+
import { ThemeOptions } from "@mui/material/styles";
|
|
12
13
|
import { ReactElement } from "react";
|
|
13
|
-
declare const MemoizedOdysseyThemeProvider: import("react").MemoExoticComponent<({ children }: {
|
|
14
|
+
declare const MemoizedOdysseyThemeProvider: import("react").MemoExoticComponent<({ children, customTheme, }: {
|
|
14
15
|
children: ReactElement;
|
|
16
|
+
customTheme?: ThemeOptions | undefined;
|
|
15
17
|
}) => JSX.Element>;
|
|
16
18
|
export { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };
|
|
17
19
|
//# sourceMappingURL=OdysseyThemeProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OdysseyThemeProvider.d.ts","sourceRoot":"","sources":["../src/OdysseyThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;
|
|
1
|
+
{"version":3,"file":"OdysseyThemeProvider.d.ts","sourceRoot":"","sources":["../src/OdysseyThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,YAAY,EAEb,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAuBpD,QAAA,MAAM,4BAA4B;cAftB,YAAY;;kBAeuC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,IAAI,oBAAoB,EAAE,CAAC"}
|
|
@@ -9,17 +9,20 @@
|
|
|
9
9
|
*
|
|
10
10
|
* See the License for the specific language governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
|
-
import { ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
|
|
13
|
-
import {
|
|
12
|
+
import { createTheme, ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
|
|
13
|
+
import { deepmerge } from "@mui/utils";
|
|
14
|
+
import { memo, useMemo } from "react";
|
|
14
15
|
import { odysseyTheme } from "./theme/index.js";
|
|
15
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
17
|
|
|
17
18
|
const OdysseyThemeProvider = _ref => {
|
|
18
19
|
let {
|
|
19
|
-
children
|
|
20
|
+
children,
|
|
21
|
+
customTheme
|
|
20
22
|
} = _ref;
|
|
23
|
+
const customOdysseyTheme = useMemo(() => customTheme && createTheme(deepmerge(odysseyTheme, customTheme)), [customTheme]);
|
|
21
24
|
return _jsx(MuiThemeProvider, {
|
|
22
|
-
theme: odysseyTheme,
|
|
25
|
+
theme: customOdysseyTheme ?? odysseyTheme,
|
|
23
26
|
children: children
|
|
24
27
|
});
|
|
25
28
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OdysseyThemeProvider.js","names":["ThemeProvider","MuiThemeProvider","memo","odysseyTheme","OdysseyThemeProvider","children","MemoizedOdysseyThemeProvider"],"sources":["../src/OdysseyThemeProvider.tsx"],"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 {
|
|
1
|
+
{"version":3,"file":"OdysseyThemeProvider.js","names":["createTheme","ThemeProvider","MuiThemeProvider","deepmerge","memo","useMemo","odysseyTheme","OdysseyThemeProvider","children","customTheme","customOdysseyTheme","MemoizedOdysseyThemeProvider"],"sources":["../src/OdysseyThemeProvider.tsx"],"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 {\n createTheme,\n ThemeOptions,\n ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\nimport { deepmerge } from \"@mui/utils\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { odysseyTheme } from \"./theme\";\n\nconst OdysseyThemeProvider = ({\n children,\n customTheme,\n}: {\n children: ReactElement;\n customTheme?: ThemeOptions;\n}) => {\n const customOdysseyTheme = useMemo(\n () => customTheme && createTheme(deepmerge(odysseyTheme, customTheme)),\n [customTheme]\n );\n\n return (\n <MuiThemeProvider theme={customOdysseyTheme ?? odysseyTheme}>\n {children}\n </MuiThemeProvider>\n );\n};\n\nconst MemoizedOdysseyThemeProvider = memo(OdysseyThemeProvider);\n\nexport { MemoizedOdysseyThemeProvider as OdysseyThemeProvider };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SACEA,WADF,EAGEC,aAAa,IAAIC,gBAHnB,QAIO,sBAJP;AAKA,SAASC,SAAT,QAA0B,YAA1B;AACA,SAASC,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAESC,Y;;;AAET,MAAMC,oBAAoB,GAAG,QAMvB;EAAA,IANwB;IAC5BC,QAD4B;IAE5BC;EAF4B,CAMxB;EACJ,MAAMC,kBAAkB,GAAGL,OAAO,CAChC,MAAMI,WAAW,IAAIT,WAAW,CAACG,SAAS,CAACG,YAAD,EAAeG,WAAf,CAAV,CADA,EAEhC,CAACA,WAAD,CAFgC,CAAlC;EAKA,OACE,KAAC,gBAAD;IAAkB,KAAK,EAAEC,kBAAkB,IAAIJ,YAA/C;IAAA,UACGE;EADH,EADF;AAKD,CAjBD;;AAmBA,MAAMG,4BAA4B,GAAGP,IAAI,CAACG,oBAAD,CAAzC;AAEA,SAASI,4BAA4B,IAAIJ,oBAAzC"}
|
package/dist/PasswordInput.d.ts
CHANGED
|
@@ -17,5 +17,5 @@ export interface PasswordInputProps extends Omit<OutlinedInputProps, "type" | "l
|
|
|
17
17
|
label: string;
|
|
18
18
|
tooltipLabel?: TooltipProps["title"] | ((isHidden: boolean) => TooltipProps["title"]);
|
|
19
19
|
}
|
|
20
|
-
export declare const PasswordInput: import("react").ForwardRefExoticComponent<Pick<PasswordInputProps, "className" | "style" | "classes" | "color" | "sx" | "label" | "slot" | "title" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "value" | "autoComplete" | "readOnly" | "required" | "size" | "rows" | "error" | "margin" | "components" | "componentsProps" | "fullWidth" | "inputProps" | "inputRef" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "notched" | "tooltipLabel"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
20
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<Pick<PasswordInputProps, "className" | "style" | "classes" | "color" | "sx" | "label" | "slot" | "title" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "value" | "autoComplete" | "readOnly" | "required" | "size" | "rows" | "error" | "margin" | "components" | "componentsProps" | "slotProps" | "slots" | "fullWidth" | "inputProps" | "inputRef" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "notched" | "tooltipLabel"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
21
21
|
//# sourceMappingURL=PasswordInput.d.ts.map
|