carbon-react 109.6.0 → 109.7.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/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/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": "109.7.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/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;