carbon-react 152.2.0 → 152.3.1

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/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (marginProps: MarginProps, formMarginBottom?: string) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -1,27 +0,0 @@
-export default (marginProps, formMarginBottom) => {
-  if (!formMarginBottom) {
-    return marginProps;
-  }
-  const copiedProps = {
-    ...marginProps
-  };
-  const {
-    mb,
-    marginBottom,
-    mt,
-    marginTop,
-    my,
-    marginY,
-    m,
-    margin
-  } = copiedProps;
-  const hasCustomMarginBottom = [mb, marginBottom, my, marginY, m, margin].some(prop => prop !== undefined);
-  const hasCustomMarginTop = [mt, marginTop, my, marginY, m, margin].some(prop => prop !== undefined);
-  if (!hasCustomMarginBottom) {
-    copiedProps.mb = formMarginBottom;
-  }
-  if (!hasCustomMarginTop) {
-    copiedProps.mt = 0;
-  }
-  return copiedProps;
-};

package/esm/hooks/__internal__/useFormSpacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (props: Record<string, unknown> | MarginProps) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/esm/hooks/__internal__/useFormSpacing/index.js

@@ -1,11 +0,0 @@
-import { useContext } from "react";
-import { filterStyledSystemMarginProps } from "../../../style/utils";
-import { FormSpacingContext } from "../../../__internal__/form-spacing-provider";
-import addFormSpacing from "./add-form-spacing";
-export default props => {
-  const {
-    marginBottom
-  } = useContext(FormSpacingContext);
-  const marginProps = addFormSpacing(filterStyledSystemMarginProps(props), marginBottom);
-  return marginProps;
-};

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { FormSpacingContextProps } from "./form-spacing.context";
-interface FormSpacingProviderProps extends FormSpacingContextProps {
-    children: React.ReactNode;
-}
-declare const FormSpacingProvider: ({ marginBottom, children, }: FormSpacingProviderProps) => React.JSX.Element;
-export default FormSpacingProvider;

package/lib/__internal__/form-spacing-provider/form-spacing-provider.component.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _formSpacing = require("./form-spacing.context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FormSpacingProvider = ({
-  marginBottom,
-  children
-}) => /*#__PURE__*/_react.default.createElement(_formSpacing.FormSpacingContext.Provider, {
-  value: {
-    marginBottom
-  }
-}, children);
-var _default = exports.default = FormSpacingProvider;

package/lib/__internal__/form-spacing-provider/form-spacing.context.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-export interface FormSpacingContextProps {
-    marginBottom?: string;
-}
-export declare const FormSpacingContext: React.Context<FormSpacingContextProps>;

package/lib/__internal__/form-spacing-provider/form-spacing.context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormSpacingContext = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FormSpacingContext = exports.FormSpacingContext = /*#__PURE__*/_react.default.createContext({});

package/lib/__internal__/form-spacing-provider/index.d.ts

@@ -1,3 +0,0 @@
-export { FormSpacingContext } from "./form-spacing.context";
-export type { FormSpacingContextProps } from "./form-spacing.context";
-export { default } from "./form-spacing-provider.component";

package/lib/__internal__/form-spacing-provider/index.js

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FormSpacingContext", {
-  enumerable: true,
-  get: function () {
-    return _formSpacing.FormSpacingContext;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _formSpacingProvider.default;
-  }
-});
-var _formSpacing = require("./form-spacing.context");
-var _formSpacingProvider = _interopRequireDefault(require("./form-spacing-provider.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (marginProps: MarginProps, formMarginBottom?: string) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/index.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = (marginProps, formMarginBottom) => {
-  if (!formMarginBottom) {
-    return marginProps;
-  }
-  const copiedProps = {
-    ...marginProps
-  };
-  const {
-    mb,
-    marginBottom,
-    mt,
-    marginTop,
-    my,
-    marginY,
-    m,
-    margin
-  } = copiedProps;
-  const hasCustomMarginBottom = [mb, marginBottom, my, marginY, m, margin].some(prop => prop !== undefined);
-  const hasCustomMarginTop = [mt, marginTop, my, marginY, m, margin].some(prop => prop !== undefined);
-  if (!hasCustomMarginBottom) {
-    copiedProps.mb = formMarginBottom;
-  }
-  if (!hasCustomMarginTop) {
-    copiedProps.mt = 0;
-  }
-  return copiedProps;
-};
-exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/add-form-spacing/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../../esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/hooks/__internal__/useFormSpacing/index.d.ts

@@ -1,3 +0,0 @@
-import { MarginProps } from "styled-system";
-declare const _default: (props: Record<string, unknown> | MarginProps) => MarginProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>;
-export default _default;

package/lib/hooks/__internal__/useFormSpacing/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _utils = require("../../../style/utils");
-var _formSpacingProvider = require("../../../__internal__/form-spacing-provider");
-var _addFormSpacing = _interopRequireDefault(require("./add-form-spacing"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = props => {
-  const {
-    marginBottom
-  } = (0, _react.useContext)(_formSpacingProvider.FormSpacingContext);
-  const marginProps = (0, _addFormSpacing.default)((0, _utils.filterStyledSystemMarginProps)(props), marginBottom);
-  return marginProps;
-};
-exports.default = _default;

package/lib/hooks/__internal__/useFormSpacing/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/hooks/__internal__/useFormSpacing/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}