` element by default. This should be used in combination with a heading inside the card. In cases where `CardHeader` is used, its `title` will be rendered as `

` by default. In other cases, you can use the `Typography` component with `render` prop to specify the heading level. - [#1274](https://github.com/iTwin/stratakit/pull/1274): `CardActionArea` has been redesigned to not wrap the entire card content. Instead, it should be used in the card's heading or title area. This improves the card's accessibility structure, while still allowing the entire card to be clickable. - [#1252](https://github.com/iTwin/stratakit/pull/1252): Updated `Chip` component so the `root` element is no longer interactive. Deletable `Chip` now renders an interactive delete button, and clickable `Chip` renders its label as an interactive button. - [#1298](https://github.com/iTwin/stratakit/pull/1298): Updated the default `variant` of `Typography` to `"body2"`. - [#1296](https://github.com/iTwin/stratakit/pull/1296): Updated `Snackbar` to be rendered using a [portal](https://react.dev/reference/react-dom/createPortal). - [#1213](https://github.com/iTwin/stratakit/pull/1213): Changed `Autocomplete` to make the clear indicator focusable. - [#1214](https://github.com/iTwin/stratakit/pull/1214): Updated `Autocomplete` to make the clear indicator visible without requiring user interaction. ### Styling changes - [#1258](https://github.com/iTwin/stratakit/pull/1258): Styled `IconButton` to match the Strata visual design language. - [#1281](https://github.com/iTwin/stratakit/pull/1281): Styled `Button` icons to match the Strata visual design language. - [#1244](https://github.com/iTwin/stratakit/pull/1244): Styled `Switch` to match the Strata visual design language. - [#1254](https://github.com/iTwin/stratakit/pull/1254): Styled `Slider` to match the Strata visual design language. - [#1186](https://github.com/iTwin/stratakit/pull/1186): Styled `Checkbox` & `Radio` to match the Strata visual design language. - [#1218](https://github.com/iTwin/stratakit/pull/1218): `Checkbox` & `Radio` touch target area no longer consume space. - [#1276](https://github.com/iTwin/stratakit/pull/1276): Fixed the colors of various permutations of `Alert`. - [#1315](https://github.com/iTwin/stratakit/pull/1315): Decreased spacing/sizing of `List` components. - [#1316](https://github.com/iTwin/stratakit/pull/1316): Adjusted styling for `DialogActions`. - [#1316](https://github.com/iTwin/stratakit/pull/1316): Adjusted styling for `Backdrop`. - [#1306](https://github.com/iTwin/stratakit/pull/1306): Fixed color contrast for a few `Button` permutations. - [#1307](https://github.com/iTwin/stratakit/pull/1307): Fixed color contrast of `BottomNavigation` selected item. - [#1309](https://github.com/iTwin/stratakit/pull/1309): Use global component size variables in `Button`, `IconButton`, and `ToggleButton`. - [#1310](https://github.com/iTwin/stratakit/pull/1310): Use global component size variables in inputs. - [#1208](https://github.com/iTwin/stratakit/pull/1208): `InputLabel` and `FormHelperText` styling improvements. - [#1273](https://github.com/iTwin/stratakit/pull/1273): Improved input styling with hover states, placeholders, and disabled cursor. - [#1181](https://github.com/iTwin/stratakit/pull/1181): Added disabled and error styling to `TextField`, `InputLabel`, & `FormHelperText`. - [#1298](https://github.com/iTwin/stratakit/pull/1298): Adjusted the `Typography` scale to better align with StrataKit's visual language. - [#1313](https://github.com/iTwin/stratakit/pull/1313): Added border to `Badge`. - [#1291](https://github.com/iTwin/stratakit/pull/1291): Updated the text selection color of `Badge`. - [#1239](https://github.com/iTwin/stratakit/pull/1239): `NativeSelect` visually styled to match `Select`. ### Misc - [#1312](https://github.com/iTwin/stratakit/pull/1312): Added direct dependencies on `@emotion/react`, `@emotion/cache` & `@emotion/styled`. - Updated dependencies: - @stratakit/icons@0.3.1 - @stratakit/foundations@0.4.7 ## 0.2.1 - [#1188](https://github.com/iTwin/stratakit/pull/1188): Fixed a race condition where stylesheets could be prematurely removed in cases where multiple components that use the same styles were conditionally rendered. - Updated dependencies: - @stratakit/foundations@0.4.6 ## 0.2.0 ### Potentially breaking changes This release includes a few API changes in MUI components. Make sure to include `@stratakit/mui/types.d.ts` in your project to get the correct types. - [#1157](https://github.com/iTwin/stratakit/pull/1157): Updated the default value of `Tooltip`'s `describeChild` prop to `true`. - `color` prop: - [#1152](https://github.com/iTwin/stratakit/pull/1152), [#1158](https://github.com/iTwin/stratakit/pull/1158): Removed the following values from the `color` prop of `Button` and `IconButton` components: `"info"`, `"success"`, `"warning"`, and `"inherit"`. - [#1183](https://github.com/iTwin/stratakit/pull/1183): Removed all values for the `color` prop from form controls (i.e. `Checkbox`, `FormLabel`, `Radio`, `Select`, `Switch` and `TextField` components). - [#1161](https://github.com/iTwin/stratakit/pull/1161): Removed the following values from `Fab`'s `color` prop: `"info"`, `"success"`, `"warning"`, `"error"`, `"default"`, and `"inherit"`. The default value is now `"primary"`. - [#1176](https://github.com/iTwin/stratakit/pull/1176): Removed all values from `Slider`'s `color` prop (except the default `"primary"`). - `variant` prop: - [#1179](https://github.com/iTwin/stratakit/pull/1179): Removed `variant="standard"` from `Alert` and changed the default to `variant="outlined"`. - [#1153](https://github.com/iTwin/stratakit/pull/1153): Deprecated the `variant` prop in `TextField`. ### Non-breaking changes - [#1139](https://github.com/iTwin/stratakit/pull/1139): Removed floating label and re-styled inputs to match the height of buttons. - [#1162](https://github.com/iTwin/stratakit/pull/1162): Fixed input `outline` and label `color` on focus. - [#1170](https://github.com/iTwin/stratakit/pull/1170): Updated global color mappings for various components, e.g. `Alert`, `Avatar`, `LinearProgress`, `Skeleton`, `Snackbar`, `TableCell`. - [#1171](https://github.com/iTwin/stratakit/pull/1171): Fixed `ButtonGroup` default props to use `color="secondary"` and `disableRipple`. - [#1180](https://github.com/iTwin/stratakit/pull/1180): Fixed `Link` color contrast. - [#1178](https://github.com/iTwin/stratakit/pull/1178): Fixed `IconButton` color contrast. - [#1160](https://github.com/iTwin/stratakit/pull/1160): Updated padding for `Dialog` actions. - [#1175](https://github.com/iTwin/stratakit/pull/1175): Updated padding for `Card` actions. - [#1159](https://github.com/iTwin/stratakit/pull/1159): Updated colors in `Accordion`, `Card` and `Chip` components. - [#1159](https://github.com/iTwin/stratakit/pull/1159): Updated `AppBar` component to use neutral colors and no box-shadow. - [#1156](https://github.com/iTwin/stratakit/pull/1156): Updated `ButtonBase` disabled styles to use `cursor: not-allowed` and not prevent `pointer-events`. - Updated dependencies: - @stratakit/icons@0.3.0 ## 0.1.3 - [#1150](https://github.com/iTwin/stratakit/pull/1150): Added a new `/types.d.ts` file for augmenting the types from MUI. This file should be included in all projects that rely on `@stratakit/mui`. - [#1146](https://github.com/iTwin/stratakit/pull/1146): Updated `Button` to use `variant="contained"` by default. ## 0.1.2 - [#1137](https://github.com/iTwin/stratakit/pull/1137): Updated `border-radius` of `IconButton` component. ## 0.1.1 - [#1131](https://github.com/iTwin/stratakit/pull/1131): Fixed the values for warning palette. - [#1135](https://github.com/iTwin/stratakit/pull/1135): Global focus styles have been moved from `@layer stratakit` to `@layer reset`. - Updated dependencies: - @stratakit/foundations@0.4.5 ## 0.1.0 Initial release 🥳

` elements by default, except for the `"h1"` variant which still renders as `