carbon-react 119.12.0 → 119.12.1

package/esm/components/menu/menu-item/menu-item.style.js

@@ -37,8 +37,9 @@ const StyledMenuItemWrapper = styled.a.attrs({
   asDiv,
   hasInput
 }) => css`
-    ${padding}
-
+    ${!inFullscreenView && css`
+        ${padding}
+      `}
     display: inline-block;
     font-size: 14px;
     font-weight: 700;

package/esm/components/menu/menu.style.d.ts

@@ -1,10 +1,10 @@
-import { FlexboxProps, LayoutProps } from "styled-system";
+import { FlexboxProps, LayoutProps, PaddingProps } from "styled-system";
 import { MenuProps } from "./menu.component";
 interface StyledMenuProps extends Pick<MenuProps, "menuType">, FlexboxProps, LayoutProps {
     inFullscreenView?: boolean;
 }
 declare const StyledMenuWrapper: import("styled-components").StyledComponent<"ul", any, StyledMenuProps, never>;
-interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth"> {
+interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth">, PaddingProps {
     inFullscreenView?: boolean;
     inSubmenu?: boolean;
 }

package/esm/components/menu/menu.style.js

@@ -1,8 +1,9 @@
 import styled, { css } from "styled-components";
-import { layout, flexbox } from "styled-system";
+import { layout, flexbox, padding } from "styled-system";
 import menuConfigVariants from "./menu.config";
 import { StyledVerticalWrapper, StyledDivider } from "../vertical-divider/vertical-divider.style";
 import { StyledLink } from "../link/link.style";
+import { baseTheme } from "../../style/themes";
 const StyledMenuWrapper = styled.ul`
   line-height: 40px;
   list-style: none;
@@ -54,8 +55,9 @@ const StyledMenuItem = styled.li`
   ${({
   inFullscreenView
 }) => inFullscreenView && css`
-      padding-top: 16px;
-      padding-bottom: 16px;
+      padding-top: var(--spacing200);
+      padding-bottom: var(--spacing200);
+      ${padding}
 
       > a,
       ${StyledLink} > a,
@@ -69,4 +71,7 @@ const StyledMenuItem = styled.li`
       }
     `}
 `;
+StyledMenuItem.defaultProps = {
+  theme: baseTheme
+};
 export { StyledMenuWrapper, StyledMenuItem };

package/lib/components/menu/menu-item/menu-item.style.js

@@ -46,8 +46,9 @@ const StyledMenuItemWrapper = _styledComponents.default.a.attrs({
   asDiv,
   hasInput
 }) => (0, _styledComponents.css)`
-    ${_styledSystem.padding}
-
+    ${!inFullscreenView && (0, _styledComponents.css)`
+        ${_styledSystem.padding}
+      `}
     display: inline-block;
     font-size: 14px;
     font-weight: 700;

package/lib/components/menu/menu.style.d.ts

@@ -1,10 +1,10 @@
-import { FlexboxProps, LayoutProps } from "styled-system";
+import { FlexboxProps, LayoutProps, PaddingProps } from "styled-system";
 import { MenuProps } from "./menu.component";
 interface StyledMenuProps extends Pick<MenuProps, "menuType">, FlexboxProps, LayoutProps {
     inFullscreenView?: boolean;
 }
 declare const StyledMenuWrapper: import("styled-components").StyledComponent<"ul", any, StyledMenuProps, never>;
-interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth"> {
+interface StyledMenuItemProps extends Pick<MenuProps, "menuType" | "maxWidth">, PaddingProps {
     inFullscreenView?: boolean;
     inSubmenu?: boolean;
 }

package/lib/components/menu/menu.style.js

@@ -9,6 +9,7 @@ var _styledSystem = require("styled-system");
 var _menu = _interopRequireDefault(require("./menu.config"));
 var _verticalDivider = require("../vertical-divider/vertical-divider.style");
 var _link = require("../link/link.style");
+var _themes = require("../../style/themes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -64,8 +65,9 @@ const StyledMenuItem = _styledComponents.default.li`
   ${({
   inFullscreenView
 }) => inFullscreenView && (0, _styledComponents.css)`
-      padding-top: 16px;
-      padding-bottom: 16px;
+      padding-top: var(--spacing200);
+      padding-bottom: var(--spacing200);
+      ${_styledSystem.padding}
 
       > a,
       ${_link.StyledLink} > a,
@@ -79,4 +81,7 @@ const StyledMenuItem = _styledComponents.default.li`
       }
     `}
 `;
-exports.StyledMenuItem = StyledMenuItem;
+exports.StyledMenuItem = StyledMenuItem;
+StyledMenuItem.defaultProps = {
+  theme: _themes.baseTheme
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "119.12.0",
+  "version": "119.12.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",