carbon-react 109.6.0 → 110.0.0

package/esm/components/global-header/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./global-header.component";
+export type { GlobalHeaderProps } from "./global-header.component";

package/esm/components/global-header/index.js

@@ -0,0 +1 @@
+export { default } from "./global-header.component";

package/esm/components/grid/grid-container/grid-container.component.js

@@ -1,31 +1,12 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-import React, { useMemo } from "react";
+import React from "react";
 import PropTypes from "prop-types";
-import invariant from "invariant";
 import StyledGridContainer from "./grid-container.style";
-import GridItem from "../grid-item";
 
-const GridContainer = props => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const hasProperChildren = useMemo(() => {
-    const incorrectChild = React.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/React.isValidElement(child)) {
-        return true;
-      }
-
-      return child.type.displayName !== GridItem.displayName;
-    });
-    return !incorrectChild;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? invariant(false, `GridContainer only accepts children of type ${GridItem.displayName}.`) : invariant(false) : void 0;
-  return /*#__PURE__*/React.createElement(StyledGridContainer, _extends({
-    "data-component": "grid"
-  }, rest), children);
-};
+const GridContainer = props => /*#__PURE__*/React.createElement(StyledGridContainer, _extends({
+  "data-component": "grid"
+}, props));
 
 GridContainer.propTypes = {
   "about": PropTypes.string,

package/esm/components/link/link.component.d.ts

@@ -15,8 +15,6 @@ export interface LinkProps extends React.AriaAttributes {
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */
     onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Whether to include the link in the tab order of the page */
-    tabbable?: boolean;
     /** A message to display as a tooltip to the link. */
     tooltipMessage?: string;
     /** Positions the tooltip with the link. */

package/esm/components/link/link.component.js

@@ -22,12 +22,10 @@ const Link = /*#__PURE__*/React.forwardRef(({
   rel,
   tooltipMessage,
   tooltipPosition,
-  tabbable = true,
   target,
   ...rest
 }, ref) => {
   const l = useLocale();
-  const tabIndex = tabbable && !disabled ? "0" : "-1";
 
   const handleOnKeyDown = ev => {
     if (onKeyDown) {
@@ -70,7 +68,6 @@ const Link = /*#__PURE__*/React.forwardRef(({
     onMouseDown,
     onClick,
     disabled,
-    tabIndex,
     target,
     ref,
     href,
@@ -160,7 +157,6 @@ Link.propTypes = {
   "onKeyDown": PropTypes.func,
   "onMouseDown": PropTypes.func,
   "rel": PropTypes.string,
-  "tabbable": PropTypes.bool,
   "target": PropTypes.string,
   "tooltipMessage": PropTypes.string,
   "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"])

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -220,9 +220,8 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
       menuType: menuContext.menuType,
       ref: ref,
       as: asPassiveItem ? "div" : Link,
-      href: !asPassiveItem ? href : undefined,
+      href: href,
       icon: icon,
-      tabIndex: asPassiveItem ? -1 : 0,
       variant: variant,
       inFullscreenView: inFullscreenView
     }), title), /*#__PURE__*/React.createElement(StyledSubmenu, {

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { LayoutProps, FlexBoxProps } from "../../utils/helpers/options-helper";
+import { LayoutProps, FlexboxProps } from "styled-system";
 
 type menuType = "light" | "dark" | "white" | "black";
 interface MenuContextProps {
@@ -11,7 +11,7 @@ interface MenuContextProps {
   inMenu: boolean;
 }
 
-export interface MenuProps extends LayoutProps, FlexBoxProps {
+export interface MenuProps extends LayoutProps, FlexboxProps {
   /** Children elements */
   children: React.ReactNode;
   /** Defines the color scheme of the component */

package/esm/components/navigation-bar/navigation-bar.style.d.ts

@@ -1,5 +1,15 @@
 import { PaddingProps, FlexboxProps } from "styled-system";
 import { Position, Orientation, NavigationType } from "./navigation-bar.component";
+export declare type StyledNavigationBarProps = PaddingProps & FlexboxProps & {
+    /** Color scheme of navigation component */
+    navigationType?: NavigationType;
+    /** Defines whether the navigation bar should be positioned fixed or sticky */
+    position?: Position;
+    /** Defines the offset of navigation bar */
+    offset?: string;
+    /** Defines whether the navigation bar should be positioned top or bottom */
+    orientation?: Orientation;
+};
 declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, PaddingProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & {
     /** Color scheme of navigation component */
     navigationType?: NavigationType | undefined;

package/esm/components/pages/pages.component.js

@@ -120,6 +120,7 @@ Pages.propTypes = {
     "zIndex": PropTypes.shape({
       "aboveAll": PropTypes.number.isRequired,
       "fullScreenModal": PropTypes.number.isRequired,
+      "globalNav": PropTypes.number.isRequired,
       "header": PropTypes.number.isRequired,
       "modal": PropTypes.number.isRequired,
       "nav": PropTypes.number.isRequired,

package/esm/components/pill/pill.component.js

@@ -235,6 +235,7 @@ Pill.propTypes = {
     "zIndex": PropTypes.shape({
       "aboveAll": PropTypes.number.isRequired,
       "fullScreenModal": PropTypes.number.isRequired,
+      "globalNav": PropTypes.number.isRequired,
       "header": PropTypes.number.isRequired,
       "modal": PropTypes.number.isRequired,
       "nav": PropTypes.number.isRequired,

package/esm/components/text-editor/__internal__/editor-link/editor-link.component.js

@@ -31,12 +31,11 @@ const EditorLink = ({
 
   }, [validUrl]);
   return /*#__PURE__*/React.createElement(StyledLink, _extends({
-    href: validUrl,
+    href: !editMode ? validUrl : undefined,
     title: validUrl,
-    "aria-label": validUrl,
+    "aria-label": !editMode ? validUrl : undefined,
     target: "_blank",
-    rel: "noopener noreferrer",
-    tabbable: !editMode
+    rel: "noopener noreferrer"
   }, rest), children);
 };
 

package/esm/global.d.ts

@@ -1 +1,2 @@
 declare module "@styled-system/prop-types";
+declare module "*.png";

package/esm/style/themes/base/base-theme.config.d.ts

@@ -34,6 +34,7 @@ export interface ThemeObject extends Record<string, unknown> {
         overlay: number;
         popover: number;
         nav: number;
+        globalNav: number;
         modal: number;
         header: number;
         fullScreenModal: number;

package/esm/style/themes/base/base-theme.config.js

@@ -31,7 +31,8 @@ export default (palette => {
     zIndex: {
       smallOverlay: 10,
       overlay: 1000,
-      nav: 2999,
+      nav: 2998,
+      globalNav: 2999,
       modal: 3000,
       header: 4000,
       fullScreenModal: 5000,

package/esm/style/themes/sage/index.d.ts

@@ -458,6 +458,7 @@ declare var _default: {
         overlay: number;
         popover: number;
         nav: number;
+        globalNav: number;
         modal: number;
         header: number;
         fullScreenModal: number;

package/lib/__internal__/checkable-input/checkable-input-svg-wrapper.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledCheckableInputSvgWrapper;
+declare const StyledCheckableInputSvgWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/__internal__/checkable-input/checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledCheckableInput: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledCheckableInputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/__internal__/checkable-input/hidden-checkable-input.style.d.ts

@@ -0,0 +1,2 @@
+export default HiddenCheckableInputStyle;
+declare const HiddenCheckableInputStyle: import("styled-components").StyledComponent<"input", any, {}, never>;

package/lib/components/carbon-provider/carbon-provider.component.js

@@ -70,6 +70,7 @@ CarbonProvider.propTypes = {
     "zIndex": _propTypes.default.shape({
       "aboveAll": _propTypes.default.number.isRequired,
       "fullScreenModal": _propTypes.default.number.isRequired,
+      "globalNav": _propTypes.default.number.isRequired,
       "header": _propTypes.default.number.isRequired,
       "modal": _propTypes.default.number.isRequired,
       "nav": _propTypes.default.number.isRequired,

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

@@ -0,0 +1,3 @@
+export default CheckboxStyle;
+export const StyledCheckboxGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+declare const CheckboxStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/dismissible-box/dismissible-box.component.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { SpaceProps } from "styled-system";
+import { StyledDismissibleBoxProps } from "./dismissible-box.style";
+import { BoxProps } from "../box";
+export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxProps, Omit<BoxProps, "display" | "justifyContent"> {
+    /** The content to render in the component */
+    children?: React.ReactNode;
+    /** Callback to be called when the close icon button is clicked */
+    onClose: (e: React.KeyboardEvent<HTMLButtonElement> | React.MouseEvent<HTMLButtonElement>) => void;
+    /** Use this prop to override the default width. Numbers from 0-1 are converted to percentage widths. Numbers greater
+     * than 1 are converted to pixel values. String values are passed as raw CSS values. And arrays are converted to
+     * responsive width styles. If theme.sizes is defined, the width prop will attempt to pick up values from the theme.
+     * Please note this component has a minWidth of 600px */
+    width?: number | string;
+}
+export declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
+export default DismissibleBox;