carbon-react 109.6.0 → 110.0.0

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _globalHeader.default;
+  }
+});
+
+var _globalHeader = _interopRequireDefault(require("./global-header.component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/global-header/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../esm/components/global-header/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

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

@@ -5,45 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GridContainer = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _invariant = _interopRequireDefault(require("invariant"));
-
 var _gridContainer = _interopRequireDefault(require("./grid-container.style"));
 
-var _gridItem = _interopRequireDefault(require("../grid-item"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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; }
-
 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); }
 
-const GridContainer = props => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const hasProperChildren = (0, _react.useMemo)(() => {
-    const incorrectChild = _react.default.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-        return true;
-      }
-
-      return child.type.displayName !== _gridItem.default.displayName;
-    });
-
-    return !incorrectChild;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `GridContainer only accepts children of type ${_gridItem.default.displayName}.`) : (0, _invariant.default)(false) : void 0;
-  return /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
-    "data-component": "grid"
-  }, rest), children);
-};
+const GridContainer = props => /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
+  "data-component": "grid"
+}, props));
 
 exports.GridContainer = GridContainer;
 GridContainer.propTypes = {

package/lib/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/lib/components/link/link.component.js

@@ -42,12 +42,10 @@ const Link = /*#__PURE__*/_react.default.forwardRef(({
   rel,
   tooltipMessage,
   tooltipPosition,
-  tabbable = true,
   target,
   ...rest
 }, ref) => {
   const l = (0, _useLocale.default)();
-  const tabIndex = tabbable && !disabled ? "0" : "-1";
 
   const handleOnKeyDown = ev => {
     if (onKeyDown) {
@@ -90,7 +88,6 @@ const Link = /*#__PURE__*/_react.default.forwardRef(({
     onMouseDown,
     onClick,
     disabled,
-    tabIndex,
     target,
     ref,
     href,
@@ -182,7 +179,6 @@ Link.propTypes = {
   "onKeyDown": _propTypes.default.func,
   "onMouseDown": _propTypes.default.func,
   "rel": _propTypes.default.string,
-  "tabbable": _propTypes.default.bool,
   "target": _propTypes.default.string,
   "tooltipMessage": _propTypes.default.string,
   "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"])

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

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

package/lib/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/lib/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/lib/components/pages/pages.component.js

@@ -147,6 +147,7 @@ Pages.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/pill/pill.component.js

@@ -250,6 +250,7 @@ Pill.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/text-editor/__internal__/editor-link/editor-link.component.js

@@ -47,12 +47,11 @@ const EditorLink = ({
 
   }, [validUrl]);
   return /*#__PURE__*/_react.default.createElement(_editorLink.default, _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/lib/global.d.ts

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

package/lib/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/lib/style/themes/base/base-theme.config.js

@@ -43,7 +43,8 @@ var _default = palette => {
     zIndex: {
       smallOverlay: 10,
       overlay: 1000,
-      nav: 2999,
+      nav: 2998,
+      globalNav: 2999,
       modal: 3000,
       header: 4000,
       fullScreenModal: 5000,

package/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.6.0",
+  "version": "110.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/dismissible-box/dismissible-box.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { BoxProps } from "components/box/box";
-
-export interface DismissibleBoxProps
-  extends Omit<BoxProps, "display" | "justifyContent"> {
-  /** Flag to control whether the thicker left border highlight should be rendered */
-  hasBorderLeftHighlight?: boolean;
-  /** The content to render in the component */
-  children?: React.ReactNode;
-  /** Callback to be called when the close icon button is clicked */
-  onClose: React.MouseEventHandler<HTMLButtonElement>;
-  /** Set the base color variant */
-  variant?: "light" | "dark";
-}
-
-declare function DismissibleBox(props: DismissibleBoxProps): JSX.Element;
-
-export default DismissibleBox;

package/esm/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;

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

@@ -1,18 +0,0 @@
-import * as React from "react";
-import { BoxProps } from "components/box/box";
-
-export interface DismissibleBoxProps
-  extends Omit<BoxProps, "display" | "justifyContent"> {
-  /** Flag to control whether the thicker left border highlight should be rendered */
-  hasBorderLeftHighlight?: boolean;
-  /** The content to render in the component */
-  children?: React.ReactNode;
-  /** Callback to be called when the close icon button is clicked */
-  onClose: React.MouseEventHandler<HTMLButtonElement>;
-  /** Set the base color variant */
-  variant?: "light" | "dark";
-}
-
-declare function DismissibleBox(props: DismissibleBoxProps): JSX.Element;
-
-export default DismissibleBox;

package/lib/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;