@okta/odyssey-react-mui 1.13.2 → 1.13.3
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 +4 -0
- package/dist/Checkbox.js +1 -1
- package/dist/Checkbox.js.map +1 -1
- package/dist/src/Checkbox.d.ts +1 -1
- package/dist/src/Checkbox.d.ts.map +1 -1
- package/dist/src/theme/components.d.ts.map +1 -1
- package/dist/theme/components.js +5 -0
- package/dist/theme/components.js.map +1 -1
- package/dist/tsconfig.production.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/Checkbox.tsx +2 -2
- package/src/theme/components.tsx +5 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@okta/odyssey-react-mui",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.3",
|
|
4
4
|
"description": "React MUI components for Odyssey, Okta's design system",
|
|
5
5
|
"author": "Okta, Inc.",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@mui/system": "^5.14.9",
|
|
52
52
|
"@mui/utils": "^5.11.2",
|
|
53
53
|
"@mui/x-date-pickers": "^5.0.15",
|
|
54
|
-
"@okta/odyssey-design-tokens": "1.13.
|
|
54
|
+
"@okta/odyssey-design-tokens": "1.13.3",
|
|
55
55
|
"date-fns": "^2.30.0",
|
|
56
56
|
"i18next": "^23.5.1",
|
|
57
57
|
"material-react-table": "^2.0.2",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"react": ">=17 <19",
|
|
64
64
|
"react-dom": ">=17 <19"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "e3fba02f71f76a8a2de99931b8febc2fbc15ffb8"
|
|
67
67
|
}
|
package/src/Checkbox.tsx
CHANGED
|
@@ -21,14 +21,14 @@ import {
|
|
|
21
21
|
} from "@mui/material";
|
|
22
22
|
|
|
23
23
|
import { FieldComponentProps } from "./FieldComponentProps";
|
|
24
|
-
import {
|
|
24
|
+
import { CheckedFieldProps } from "./FormCheckedProps";
|
|
25
25
|
import type { HtmlProps } from "./HtmlProps";
|
|
26
26
|
import {
|
|
27
27
|
ComponentControlledState,
|
|
28
28
|
FocusHandle,
|
|
29
29
|
getControlState,
|
|
30
30
|
} from "./inputUtils";
|
|
31
|
-
import {
|
|
31
|
+
import { Typography } from "./Typography";
|
|
32
32
|
|
|
33
33
|
export const checkboxValidityValues = ["valid", "invalid", "inherit"] as const;
|
|
34
34
|
|
package/src/theme/components.tsx
CHANGED
|
@@ -744,6 +744,7 @@ export const components = ({
|
|
|
744
744
|
styleOverrides: {
|
|
745
745
|
root: ({ theme }) => ({
|
|
746
746
|
width: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
747
|
+
minWidth: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
747
748
|
height: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
748
749
|
borderRadius: odysseyTokens.BorderRadiusTight,
|
|
749
750
|
borderWidth: odysseyTokens.BorderWidthMain,
|
|
@@ -1544,6 +1545,9 @@ export const components = ({
|
|
|
1544
1545
|
"&.Mui-disabled": {
|
|
1545
1546
|
pointerEvents: "none",
|
|
1546
1547
|
},
|
|
1548
|
+
[`:has(> .${radioClasses.root})`]: {
|
|
1549
|
+
alignItems: "flex-start",
|
|
1550
|
+
},
|
|
1547
1551
|
[`& .${checkboxClasses.root}`]: {
|
|
1548
1552
|
marginBlockStart: 0,
|
|
1549
1553
|
},
|
|
@@ -2059,6 +2063,7 @@ export const components = ({
|
|
|
2059
2063
|
styleOverrides: {
|
|
2060
2064
|
root: ({ theme }) => ({
|
|
2061
2065
|
width: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
2066
|
+
minWidth: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
2062
2067
|
height: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
2063
2068
|
borderRadius: `${odysseyTokens.TypographyLineHeightUi}em`,
|
|
2064
2069
|
borderWidth: odysseyTokens.BorderWidthMain,
|