@galaxy-ds/core 1.1.62 → 1.1.63

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.
@@ -3,5 +3,6 @@ import { MenuItemProps as MuiMenuItemProps } from "@material-ui/core/MenuItem";
3
3
  export interface MenuItemProps extends MuiMenuItemProps {
4
4
  startAdornment?: React.ReactNode;
5
5
  system?: boolean;
6
+ checked?: boolean;
6
7
  border?: boolean;
7
8
  }
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import { RadioProps } from "./Radio.types";
3
- declare const Radio: React.FC<RadioProps>;
2
+ import { CustomRadioProps } from "./Radio.types";
3
+ declare const Radio: React.FC<CustomRadioProps>;
4
4
  export default Radio;
@@ -1,4 +1,5 @@
1
- export interface RadioProps {
1
+ import { RadioProps } from '@material-ui/core';
2
+ export interface CustomRadioProps extends RadioProps {
2
3
  /**
3
4
  * If true, the component is checked.
4
5
  */
package/dist/index.esm.js CHANGED
@@ -34208,10 +34208,10 @@ var useStyles$n = makeStyles(function (theme) {
34208
34208
  });
34209
34209
  });
34210
34210
  var MenuItem = React__default.forwardRef(function (props, ref) {
34211
- var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, rest = __rest(props, ["children", "startAdornment", "value", "system", "border"]);
34211
+ var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, checked = props.checked, rest = __rest(props, ["children", "startAdornment", "value", "system", "border", "checked"]);
34212
34212
  var classes = useStyles$n();
34213
34213
  return (React__default.createElement("div", { className: classes.root },
34214
- React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
34214
+ React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, checked ? "gds-menu-item-checked" : "", system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
34215
34215
  startAdornment ? (React__default.createElement(ListItemIcon, null, startAdornment)) : null,
34216
34216
  children,
34217
34217
  " ",
@@ -47640,6 +47640,7 @@ var themeWeb = createTheme({
47640
47640
  lineHeight: 1.5715,
47641
47641
  letterSpacing: '0.01rem',
47642
47642
  padding: '.25rem 1.25rem',
47643
+ '&.gds-startIcon': {},
47643
47644
  '&:hover': {
47644
47645
  backgroundColor: pallettes$1.brand.primary.transparent,
47645
47646
  color: pallettes$1.brand.primary.main,
@@ -47661,11 +47662,13 @@ var themeWeb = createTheme({
47661
47662
  backgroundColor: pallettes$1.brand.primary.main,
47662
47663
  color: pallettes$1.grey['50'],
47663
47664
  },
47664
- "&.gds-menu-item-icon": {
47665
- paddingLeft: 32,
47665
+ '&.gds-menu-item-checked': {
47666
47666
  "&:not($selected) svg": {
47667
47667
  color: pallettes$1.pallette.action.selected,
47668
47668
  },
47669
+ },
47670
+ "&.gds-menu-item-icon": {
47671
+ paddingLeft: 32,
47669
47672
  "& .MuiListItemIcon-root": {
47670
47673
  position: 'absolute',
47671
47674
  left: 8,