carbon-react 152.2.1 → 152.4.0

package/esm/components/message/__internal__/message-content/message-content.component.js

@@ -1,19 +0,0 @@
-import React from "react";
-import Content from "../../../content";
-import MessageContentStyle from "./message-content.style";
-const MessageContent = ({
-  title,
-  children,
-  showCloseIcon,
-  reduceLeftPadding
-}) => {
-  return /*#__PURE__*/React.createElement(MessageContentStyle, {
-    showCloseIcon: showCloseIcon,
-    reduceLeftPadding: reduceLeftPadding,
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, /*#__PURE__*/React.createElement(Content, {
-    title: title
-  }, children));
-};
-export default MessageContent;

package/esm/components/message/__internal__/message-content/message-content.style.d.ts

@@ -1,3 +0,0 @@
-import { MessageContentProps } from "./message-content.component";
-declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon" | "reduceLeftPadding">, never>;
-export default MessageContentStyle;

package/esm/components/message/__internal__/message-content/message-content.style.js

@@ -1,12 +0,0 @@
-import styled from "styled-components";
-const MessageContentStyle = styled.div`
-  padding: 15px ${({
-  showCloseIcon
-}) => showCloseIcon ? "50px" : "20px"} 15px
-    ${({
-  reduceLeftPadding
-}) => reduceLeftPadding ? "10px" : "20px"};
-  white-space: pre-wrap;
-  flex: 1;
-`;
-export default MessageContentStyle;

package/esm/components/message/__internal__/type-icon/type-icon.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { MessageVariant } from "../../message.component";
-export interface TypeIconProps {
-    transparent?: boolean;
-    variant: MessageVariant;
-}
-declare const TypeIcon: ({ variant, transparent }: TypeIconProps) => React.JSX.Element;
-export default TypeIcon;

package/esm/components/message/__internal__/type-icon/type-icon.component.js

@@ -1,20 +0,0 @@
-import React from "react";
-import TypeIconStyle from "./type-icon.style";
-import Icon from "../../../icon";
-const TypeIcon = ({
-  variant,
-  transparent
-}) => {
-  function iconToRender() {
-    if (variant === "neutral") return "info";
-    if (variant === "success") return "tick_circle";
-    return variant;
-  }
-  return /*#__PURE__*/React.createElement(TypeIconStyle, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/React.createElement(Icon, {
-    type: iconToRender()
-  }));
-};
-export default TypeIcon;

package/esm/components/message/__internal__/type-icon/type-icon.style.d.ts

@@ -1,7 +0,0 @@
-import { MessageVariant } from "../../message.component";
-declare type TypeIconStyleProps = {
-    transparent?: boolean;
-    variant: MessageVariant;
-};
-declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconStyleProps, never>;
-export default TypeIconStyle;

package/esm/components/message/__internal__/type-icon/type-icon.style.js

@@ -1,38 +0,0 @@
-import styled, { css } from "styled-components";
-const messageVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)",
-  notification: "var(--colorsSemanticInfo500)"
-};
-const TypeIconStyle = styled.div`
-  align-items: center;
-  background-color: ${({
-  variant
-}) => messageVariants[variant]};
-  display: flex;
-  justify-content: center;
-  line-height: 100%;
-  min-width: 30px;
-  text-align: center;
-  span {
-    &:before {
-      color: var(--colorsUtilityYang100);
-    }
-  }
-
-  ${({
-  transparent,
-  variant
-}) => transparent && css`
-      background-color: transparent;
-      span {
-        &:before {
-          color: ${messageVariants[variant]};
-        }
-      }
-    `}
-`;
-export default TypeIconStyle;

package/lib/components/message/__internal__/message-content/message-content.component.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export interface MessageContentProps {
-    title?: React.ReactNode;
-    children?: React.ReactNode;
-    showCloseIcon?: boolean;
-    reduceLeftPadding?: boolean;
-}
-declare const MessageContent: ({ title, children, showCloseIcon, reduceLeftPadding, }: MessageContentProps) => React.JSX.Element;
-export default MessageContent;

package/lib/components/message/__internal__/message-content/message-content.component.js

@@ -1,26 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _content = _interopRequireDefault(require("../../../content"));
-var _messageContent = _interopRequireDefault(require("./message-content.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageContent = ({
-  title,
-  children,
-  showCloseIcon,
-  reduceLeftPadding
-}) => {
-  return /*#__PURE__*/_react.default.createElement(_messageContent.default, {
-    showCloseIcon: showCloseIcon,
-    reduceLeftPadding: reduceLeftPadding,
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, /*#__PURE__*/_react.default.createElement(_content.default, {
-    title: title
-  }, children));
-};
-var _default = exports.default = MessageContent;

package/lib/components/message/__internal__/message-content/message-content.style.d.ts

@@ -1,3 +0,0 @@
-import { MessageContentProps } from "./message-content.component";
-declare const MessageContentStyle: import("styled-components").StyledComponent<"div", any, Pick<MessageContentProps, "showCloseIcon" | "reduceLeftPadding">, never>;
-export default MessageContentStyle;

package/lib/components/message/__internal__/message-content/message-content.style.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const MessageContentStyle = _styledComponents.default.div`
-  padding: 15px ${({
-  showCloseIcon
-}) => showCloseIcon ? "50px" : "20px"} 15px
-    ${({
-  reduceLeftPadding
-}) => reduceLeftPadding ? "10px" : "20px"};
-  white-space: pre-wrap;
-  flex: 1;
-`;
-var _default = exports.default = MessageContentStyle;

package/lib/components/message/__internal__/type-icon/type-icon.component.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { MessageVariant } from "../../message.component";
-export interface TypeIconProps {
-    transparent?: boolean;
-    variant: MessageVariant;
-}
-declare const TypeIcon: ({ variant, transparent }: TypeIconProps) => React.JSX.Element;
-export default TypeIcon;

package/lib/components/message/__internal__/type-icon/type-icon.component.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _typeIcon = _interopRequireDefault(require("./type-icon.style"));
-var _icon = _interopRequireDefault(require("../../../icon"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TypeIcon = ({
-  variant,
-  transparent
-}) => {
-  function iconToRender() {
-    if (variant === "neutral") return "info";
-    if (variant === "success") return "tick_circle";
-    return variant;
-  }
-  return /*#__PURE__*/_react.default.createElement(_typeIcon.default, {
-    variant: variant,
-    transparent: transparent
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: iconToRender()
-  }));
-};
-var _default = exports.default = TypeIcon;

package/lib/components/message/__internal__/type-icon/type-icon.style.d.ts

@@ -1,7 +0,0 @@
-import { MessageVariant } from "../../message.component";
-declare type TypeIconStyleProps = {
-    transparent?: boolean;
-    variant: MessageVariant;
-};
-declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, TypeIconStyleProps, never>;
-export default TypeIconStyle;

package/lib/components/message/__internal__/type-icon/type-icon.style.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const messageVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)",
-  notification: "var(--colorsSemanticInfo500)"
-};
-const TypeIconStyle = _styledComponents.default.div`
-  align-items: center;
-  background-color: ${({
-  variant
-}) => messageVariants[variant]};
-  display: flex;
-  justify-content: center;
-  line-height: 100%;
-  min-width: 30px;
-  text-align: center;
-  span {
-    &:before {
-      color: var(--colorsUtilityYang100);
-    }
-  }
-
-  ${({
-  transparent,
-  variant
-}) => transparent && (0, _styledComponents.css)`
-      background-color: transparent;
-      span {
-        &:before {
-          color: ${messageVariants[variant]};
-        }
-      }
-    `}
-`;
-var _default = exports.default = TypeIconStyle;