carbon-react 109.5.1 → 109.7.0

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

@@ -0,0 +1,8 @@
+export interface StyledDismissibleBoxProps {
+    /** Flag to control whether the thicker left border highlight should be rendered */
+    hasBorderLeftHighlight?: boolean;
+    /** Set the base color variant */
+    variant?: "light" | "dark";
+}
+declare const StyledDismissibleBox: import("styled-components").StyledComponent<"div", any, import("../box").BoxProps & StyledDismissibleBoxProps, never>;
+export { StyledDismissibleBox };

package/lib/components/dismissible-box/dismissible-box.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.StyledDismissibleBox = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -17,13 +17,17 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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; }
 
-var _default = (0, _styledComponents.default)(_box.default)`
+const StyledDismissibleBox = (0, _styledComponents.default)(_box.default)`
   ${({
-  hasBorderLeftHighlight
+  hasBorderLeftHighlight = true,
+  variant = "light"
 }) => (0, _styledComponents.css)`
-    word-break: break-word;
+    background-color: ${variant === "light" ? "#FFFFFF" : "var(--colorsUtilityMajor050)"};
 
     border: 1px solid var(--colorsUtilityMajor100);
+    display: flex;
+    justify-content: space-between;
+    word-break: break-word;
 
     ${hasBorderLeftHighlight && `
       border-left: none;
@@ -35,5 +39,4 @@ var _default = (0, _styledComponents.default)(_box.default)`
     }
   `}
 `;
-
-exports.default = _default;
+exports.StyledDismissibleBox = StyledDismissibleBox;

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

@@ -1 +1,2 @@
-export { default } from "./dismissible-box";
+export type { DismissibleBoxProps } from "./dismissible-box.component";
+export { default } from "./dismissible-box.component";

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { PaddingProps, FlexboxProps } from "styled-system";
+export interface GlobalHeaderProps extends PaddingProps, FlexboxProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** Logo to render */
+    logo?: React.ReactNode;
+}
+declare const GlobalHeader: {
+    ({ children, logo, ...rest }: GlobalHeaderProps): JSX.Element;
+    displayName: string;
+};
+export default GlobalHeader;