carbon-react 154.4.1 → 154.4.2

package/esm/components/checkbox/checkbox.style.js

@@ -1,185 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import { StyledCheckableInput } from "../../__internal__/checkable-input/checkable-input.style";
-import StyledFieldHelp from "../../__internal__/field-help/field-help.style";
-import StyledHiddenCheckableInput from "../../__internal__/checkable-input/hidden-checkable-input.style";
-import StyledCheckableInputSvgWrapper from "../../__internal__/checkable-input/checkable-input-svg-wrapper.style";
-import StyledLabel, { StyledLabelContainer } from "../../__internal__/label/label.style";
-import StyledValidationIcon from "../../__internal__/validations/validation-icon.style";
-import baseTheme from "../../style/themes/base";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-const StyledCheckbox = styled.div`
-  margin-bottom: var(--fieldSpacing);
-  ${margin}
-  ${({
-  disabled,
-  error,
-  warning,
-  info,
-  fieldHelpInline,
-  labelSpacing,
-  inputWidth,
-  reverse,
-  size,
-  adaptiveSpacingSmallScreen,
-  applyNewValidation
-}) => css`
-    ${adaptiveSpacingSmallScreen && "margin-left: 0;"}
-
-    ${StyledCheckableInput} {
-      padding-top: 1px;
-    }
-
-    ${StyledCheckableInputSvgWrapper} {
-      height: 16px;
-    }
-
-    svg {
-      background-color: var(--colorsUtilityYang100);
-      ${!disabled && css`
-        border: 1px solid var(--colorsUtilityMajor300);
-
-        ${info && `border: 1px solid var(--colorsSemanticInfo500);`}
-        ${warning && `border: 1px solid var(--colorsSemanticCaution500);`}
-        ${error && `border: 2px solid var(--colorsSemanticNegative500);`}
-
-        ${warning && applyNewValidation && `border: 1px solid var(--colorsUtilityMajor300);`}
-      `}
-    }
-
-    ${StyledHiddenCheckableInput},
-    svg {
-      height: 16px;
-      position: absolute;
-      padding: 1px;
-    }
-
-    ${StyledCheckableInput},
-    ${StyledHiddenCheckableInput},
-    ${StyledCheckableInputSvgWrapper},
-    svg {
-      box-sizing: border-box;
-      min-width: 16px;
-      width: 16px;
-      border-radius: var(--borderRadius025);
-      ${size === "large" && `border-radius: var(--borderRadius050)`};
-    }
-
-    // prettier-ignore
-    ${StyledHiddenCheckableInput}:not([disabled]) {
-        &:focus + ${StyledCheckableInputSvgWrapper} ,
-        &:hover + ${StyledCheckableInputSvgWrapper} {
-          ${addFocusStyling()}
-      }
-    }
-
-    ${StyledLabelContainer} {
-      width: auto;
-      flex: 0 1 auto;
-    }
-
-    ${StyledFieldHelp} {
-      margin-left: 16px;
-      margin-top: 0;
-      padding-left: ${labelSpacing === 1 ? "var(--spacing100)" : "var(--spacing200)"};
-    }
-
-    ${StyledValidationIcon} {
-      position: relative;
-      display: inline-block;
-    }
-
-    ${size === "large" && css`
-      ${StyledCheckableInputSvgWrapper} {
-        height: 24px;
-      }
-
-      ${StyledCheckableInput},
-      ${StyledHiddenCheckableInput},
-      ${StyledCheckableInputSvgWrapper},
-      svg {
-        height: 24px;
-        width: 24px;
-        min-width: 24px;
-      }
-
-      ${StyledFieldHelp} {
-        margin-left: 24px;
-      }
-
-      ${fieldHelpInline && css`
-        ${StyledFieldHelp}, ${StyledLabelContainer} {
-          align-self: center;
-        }
-      `}
-    `}
-
-    ${StyledHiddenCheckableInput}:checked ~ ${StyledCheckableInputSvgWrapper} svg path {
-      fill: var(--colorsUtilityYin090);
-    }
-
-    ${disabled && css`
-      svg {
-        background-color: var(--colorsUtilityDisabled400);
-        border: 1px solid var(--colorsUtilityDisabled600);
-      }
-
-      svg path {
-        fill: var(--colorsUtilityDisabled400);
-      }
-
-      ${StyledHiddenCheckableInput}:checked ~ ${StyledCheckableInputSvgWrapper} svg path {
-        fill: var(--colorsUtilityYin030);
-      }
-
-      ${StyledCheckableInputSvgWrapper} {
-        &:hover,
-        &:focus {
-          outline: none;
-          cursor: not-allowed;
-        }
-      }
-    `}
-
-    ${fieldHelpInline && `
-      ${StyledFieldHelp} {
-        margin-left: 0;
-      }
-
-      ${StyledLabel} {
-        flex: 0 1 auto;
-      }
-    `}
-
-    ${inputWidth !== undefined && inputWidth !== 0 && `
-      ${StyledFieldHelp} {
-        ${reverse ? "margin-right" : "margin-left"}: ${inputWidth}% !important;
-      }
-    `}
-
-    ${reverse && css`
-      ${StyledFieldHelp} {
-        margin-left: 0;
-        padding-left: 0;
-      }
-
-      ${StyledLabel} {
-        flex: 0 1 auto;
-      }
-
-      ${fieldHelpInline && css`
-        ${StyledCheckableInput} {
-          margin-right: 8px;
-        }
-
-        ${StyledFieldHelp} {
-          padding-left: 6px;
-        }
-      `}
-    `}
-  `}
-`;
-StyledCheckbox.defaultProps = {
-  theme: baseTheme
-};
-export default StyledCheckbox;
+import i,{css as e}from"styled-components";import{margin as r}from"styled-system";import{StyledCheckableInput as o}from"../../__internal__/checkable-input/checkable-input.style.js";import t from"../../__internal__/field-help/field-help.style.js";import l from"../../__internal__/checkable-input/hidden-checkable-input.style.js";import a from"../../__internal__/checkable-input/checkable-input-svg-wrapper.style.js";import n,{StyledLabelContainer as s}from"../../__internal__/label/label.style.js";import d from"../../__internal__/validations/validation-icon.style.js";import p from"../../style/themes/base/index.js";import c from"../../style/utils/add-focus-styling.js";const g=i.div.withConfig({displayName:"checkbox.style__StyledCheckbox",componentId:"sc-5a79dbdd-0"})(["margin-bottom:var(--fieldSpacing);"," ",""],r,(({disabled:i,error:r,warning:p,info:g,fieldHelpInline:m,labelSpacing:f,inputWidth:h,reverse:b,size:v,adaptiveSpacingSmallScreen:x,applyNewValidation:u})=>e([""," ","{padding-top:1px;}","{height:16px;}svg{background-color:var(--colorsUtilityYang100);","}",",svg{height:16px;position:absolute;padding:1px;}",",",",",",svg{box-sizing:border-box;min-width:16px;width:16px;border-radius:var(--borderRadius025);",";}",":not([disabled]){&:focus + ",",&:hover + ","{","}}","{width:auto;flex:0 1 auto;}","{margin-left:16px;margin-top:0;padding-left:",";}","{position:relative;display:inline-block;}"," ",":checked ~ "," svg path{fill:var(--colorsUtilityYin090);}"," "," "," ",""],x&&"margin-left: 0;",o,a,!i&&e(["border:1px solid var(--colorsUtilityMajor300);"," "," "," ",""],g&&"border: 1px solid var(--colorsSemanticInfo500);",p&&"border: 1px solid var(--colorsSemanticCaution500);",r&&"border: 2px solid var(--colorsSemanticNegative500);",p&&u&&"border: 1px solid var(--colorsUtilityMajor300);"),l,o,l,a,"large"===v&&"border-radius: var(--borderRadius050)",l,a,a,c(),s,t,1===f?"var(--spacing100)":"var(--spacing200)",d,"large"===v&&e(["","{height:24px;}",",",",",",svg{height:24px;width:24px;min-width:24px;}","{margin-left:24px;}",""],a,o,l,a,t,m&&e(["",",","{align-self:center;}"],t,s)),l,a,i&&e(["svg{background-color:var(--colorsUtilityDisabled400);border:1px solid var(--colorsUtilityDisabled600);}svg path{fill:var(--colorsUtilityDisabled400);}",":checked ~ "," svg path{fill:var(--colorsUtilityYin030);}","{&:hover,&:focus{outline:none;cursor:not-allowed;}}"],l,a,a),m&&`\n      ${t} {\n        margin-left: 0;\n      }\n\n      ${n} {\n        flex: 0 1 auto;\n      }\n    `,void 0!==h&&0!==h&&`\n      ${t} {\n        ${b?"margin-right":"margin-left"}: ${h}% !important;\n      }\n    `,b&&e(["","{margin-left:0;padding-left:0;}","{flex:0 1 auto;}",""],t,n,m&&e(["","{margin-right:8px;}","{padding-left:6px;}"],o,t)))));g.defaultProps={theme:p};export{g as default};

package/esm/components/checkbox/index.js

@@ -1,2 +1 @@
-export { default as CheckboxGroup } from "./checkbox-group/checkbox-group.component";
-export { default as Checkbox } from "./checkbox.component";
+export{CheckboxGroup}from"./checkbox-group/checkbox-group.component.js";export{Checkbox}from"./checkbox.component.js";

package/esm/components/confirm/confirm.component.js

@@ -1,123 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from "react";
-import createGuid from "../../__internal__/utils/helpers/guid";
-import Heading from "../heading";
-import Dialog from "../dialog";
-import { StyledConfirmButtons, StyledConfirmHeading } from "./confirm.style";
-import Button from "../button/button.component";
-import Icon from "../icon";
-import Loader from "../loader";
-import useLocale from "../../hooks/__internal__/useLocale";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-export const Confirm = ({
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  open,
-  children,
-  cancelButtonDestructive = false,
-  confirmButtonDestructive = false,
-  cancelButtonType = "secondary",
-  confirmButtonType = "primary",
-  cancelButtonIconType,
-  cancelButtonIconPosition,
-  confirmButtonIconType,
-  confirmButtonIconPosition,
-  cancelButtonDataProps,
-  confirmButtonDataProps,
-  cancelLabel,
-  onCancel,
-  disableCancel,
-  onConfirm,
-  isLoadingConfirm,
-  disableConfirm,
-  confirmLabel,
-  iconType,
-  subtitle,
-  title,
-  size = "extra-small",
-  showCloseIcon = false,
-  topModalOverride,
-  ...rest
-}) => {
-  const l = useLocale();
-  const {
-    current: titleId
-  } = useRef(createGuid());
-  const {
-    current: subtitleId
-  } = useRef(createGuid());
-  const ariaProps = {
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel
-  };
-  if (title && iconType) {
-    ariaProps["aria-labelledby"] = titleId;
-  }
-  if (subtitle && iconType) {
-    ariaProps["aria-describedby"] = subtitleId;
-  }
-  const renderCancelButton = () => {
-    if (!onCancel) return null;
-    return /*#__PURE__*/React.createElement(Button, _extends({
-      onClick: onCancel,
-      buttonType: cancelButtonType,
-      destructive: cancelButtonDestructive,
-      disabled: disableCancel,
-      iconType: cancelButtonIconType,
-      iconPosition: cancelButtonIconPosition
-    }, tagComponent("cancel", {
-      "data-element": "cancel",
-      ...cancelButtonDataProps
-    })), cancelLabel || l.confirm.no());
-  };
-  const renderConfirmButton = () => /*#__PURE__*/React.createElement(Button, _extends({
-    onClick: onConfirm,
-    buttonType: confirmButtonType,
-    destructive: confirmButtonDestructive,
-    disabled: isLoadingConfirm || disableConfirm,
-    ml: 2,
-    iconType: confirmButtonIconType,
-    iconPosition: confirmButtonIconPosition
-  }, tagComponent("confirm", {
-    "data-element": "confirm",
-    ...confirmButtonDataProps
-  })), isLoadingConfirm ? /*#__PURE__*/React.createElement(Loader, {
-    "data-role": "confirm-loader",
-    isInsideButton: true,
-    isActive: true
-  }) : confirmLabel || l.confirm.yes());
-  const getTitle = () => {
-    if (iconType) {
-      return /*#__PURE__*/React.createElement(StyledConfirmHeading, {
-        type: iconType,
-        "data-element": iconType
-      }, /*#__PURE__*/React.createElement(Icon, {
-        type: iconType,
-        fontSize: "medium"
-      }), /*#__PURE__*/React.createElement(Heading, {
-        title: title,
-        titleId: titleId,
-        subheader: subtitle,
-        subtitleId: subtitleId,
-        divider: false
-      }));
-    }
-    return title;
-  };
-  return /*#__PURE__*/React.createElement(Dialog, _extends({
-    open: open,
-    onCancel: onCancel,
-    disableClose: disableCancel,
-    subtitle: subtitle,
-    title: getTitle(),
-    role: "alertdialog",
-    size: size,
-    showCloseIcon: showCloseIcon,
-    topModalOverride: topModalOverride
-  }, ariaProps, rest, {
-    "data-component": "confirm"
-  }), children, /*#__PURE__*/React.createElement(StyledConfirmButtons, null, renderCancelButton(), renderConfirmButton()));
-};
-export default Confirm;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as o}from"react";import n from"../../__internal__/utils/helpers/guid/index.js";import{Heading as r}from"../heading/heading.component.js";import{Dialog as i}from"../dialog/dialog.component.js";import{StyledConfirmButtons as c,StyledConfirmHeading as l}from"./confirm.style.js";import a from"../button/button.component.js";import s from"../icon/icon.component.js";import{Loader as u}from"../loader/loader.component.js";import p from"../../hooks/__internal__/useLocale/useLocale.js";import m from"../../__internal__/utils/helpers/tags/tags.js";function b(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function d(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){b(e,t,o[t])}))}return e}function f(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}const y=b=>{var{"aria-labelledby":y,"aria-describedby":O,"aria-label":j,open:g,children:P,cancelButtonDestructive:h=!1,confirmButtonDestructive:B=!1,cancelButtonType:v="secondary",confirmButtonType:C="primary",cancelButtonIconType:I,cancelButtonIconPosition:w,confirmButtonIconType:T,confirmButtonIconPosition:D,cancelButtonDataProps:_,confirmButtonDataProps:L,cancelLabel:S,onCancel:k,disableCancel:x,onConfirm:z,isLoadingConfirm:E,disableConfirm:M,confirmLabel:A,iconType:q,subtitle:F,title:G,size:H="extra-small",showCloseIcon:J=!1,topModalOverride:K}=b,N=function(e,t){if(null==e)return{};var o,n,r=function(e,t){if(null==e)return{};var o,n,r={},i=Object.keys(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||(r[o]=e[o]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)o=i[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(r[o]=e[o])}return r}(b,["aria-labelledby","aria-describedby","aria-label","open","children","cancelButtonDestructive","confirmButtonDestructive","cancelButtonType","confirmButtonType","cancelButtonIconType","cancelButtonIconPosition","confirmButtonIconType","confirmButtonIconPosition","cancelButtonDataProps","confirmButtonDataProps","cancelLabel","onCancel","disableCancel","onConfirm","isLoadingConfirm","disableConfirm","confirmLabel","iconType","subtitle","title","size","showCloseIcon","topModalOverride"]);const Q=p(),{current:R}=o(n()),{current:U}=o(n()),V={"aria-labelledby":y,"aria-describedby":O,"aria-label":j};return G&&q&&(V["aria-labelledby"]=R),F&&q&&(V["aria-describedby"]=U),e(i,f(d({open:g,onCancel:k,disableClose:x,subtitle:F,title:q?e(l,{type:q,"data-element":q,children:[t(s,{type:q,fontSize:"medium"}),t(r,{title:G,titleId:R,subheader:F,subtitleId:U,divider:!1})]}):G,role:"alertdialog",size:H,showCloseIcon:J,topModalOverride:K},V,N),{"data-component":"confirm",children:[P,e(c,{children:[k?t(a,f(d({onClick:k,buttonType:v,destructive:h,disabled:x,iconType:I,iconPosition:w},m("cancel",d({"data-element":"cancel"},_))),{children:S||Q.confirm.no()})):null,t(a,f(d({onClick:z,buttonType:C,destructive:B,disabled:E||M,ml:2,iconType:T,iconPosition:D},m("confirm",d({"data-element":"confirm"},L))),{children:E?t(u,{"data-role":"confirm-loader",isInsideButton:!0,isActive:!0}):A||Q.confirm.yes()}))]})]}))};export{y as Confirm,y as default};

package/esm/components/confirm/confirm.config.js

@@ -1,2 +1 @@
-// eslint-disable-next-line import/prefer-default-export
-export const CONFIRM_SIZES = ["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"];
+const e=["extra-small","small","medium-small","medium","medium-large","large","extra-large"];export{e as CONFIRM_SIZES};

package/esm/components/confirm/confirm.style.js

@@ -1,31 +1 @@
-import styled, { css } from "styled-components";
-import StyledIcon from "../icon/icon.style";
-import { StyledHeadingTitle } from "../heading/heading.style";
-export const StyledConfirmButtons = styled.div`
-  margin-top: 48px;
-  display: flex;
-  justify-content: flex-end;
-`;
-export const StyledConfirmHeading = styled.div`
-  display: flex;
-  align-items: center;
-
-  ${StyledHeadingTitle} {
-    padding: 0px;
-  }
-
-  ${StyledIcon} {
-    margin-right: 16px;
-    margin-bottom: 20px;
-    ${({
-  type
-}) => type === "warning" && css`
-        color: var(--colorsSemanticCaution500);
-      `}
-    ${({
-  type
-}) => type === "error" && css`
-        color: var(--colorsSemanticNegative500);
-      `}
-  }
-`;
+import o,{css as i}from"styled-components";import t from"../icon/icon.style.js";import{StyledHeadingTitle as e}from"../heading/heading.style.js";const n=o.div.withConfig({displayName:"confirm.style__StyledConfirmButtons",componentId:"sc-1b5d4dde-0"})(["margin-top:48px;display:flex;justify-content:flex-end;"]),r=o.div.withConfig({displayName:"confirm.style__StyledConfirmHeading",componentId:"sc-1b5d4dde-1"})(["display:flex;align-items:center;","{padding:0px;}","{margin-right:16px;margin-bottom:20px;"," ","}"],e,t,(({type:o})=>"warning"===o&&i(["color:var(--colorsSemanticCaution500);"])),(({type:o})=>"error"===o&&i(["color:var(--colorsSemanticNegative500);"])));export{n as StyledConfirmButtons,r as StyledConfirmHeading};

package/esm/components/confirm/index.js

@@ -1 +1 @@
-export { default } from "./confirm.component";
+export{Confirm as default}from"./confirm.component.js";

package/esm/components/content/content.component.js

@@ -1,36 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import { StyledContent, StyledContentTitle, StyledContentBody } from "./content.style";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-export const Content = ({
-  variant = "primary",
-  children,
-  title,
-  inline = false,
-  align = "left",
-  titleWidth,
-  bodyFullWidth = false,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(StyledContent, _extends({
-    align: align,
-    bodyFullWidth: bodyFullWidth
-  }, rest, tagComponent("content", rest)), /*#__PURE__*/React.createElement(StyledContentTitle, {
-    variant: variant,
-    inline: inline,
-    "data-element": "content-title",
-    "data-role": "content-title",
-    titleWidth: titleWidth,
-    align: align
-  }, title), /*#__PURE__*/React.createElement(StyledContentBody, {
-    variant: variant,
-    inline: inline,
-    "data-element": "content-body",
-    "data-role": "content-body",
-    bodyFullWidth: bodyFullWidth,
-    titleWidth: titleWidth,
-    align: align
-  }, children));
-};
-Content.displayName = "Content";
-export default Content;
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react";import{StyledContent as r,StyledContentTitle as n,StyledContentBody as i}from"./content.style.js";import l from"../../__internal__/utils/helpers/tags/tags.js";function o(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const c=c=>{var a,b,{variant:u="primary",children:y,title:p,inline:f=!1,align:d="left",titleWidth:O,bodyFullWidth:s=!1}=c,g=function(t,e){if(null==t)return{};var r,n,i=function(t,e){if(null==t)return{};var r,n,i={},l=Object.keys(t);for(n=0;n<l.length;n++)r=l[n],e.indexOf(r)>=0||(i[r]=t[r]);return i}(t,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(n=0;n<l.length;n++)r=l[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(i[r]=t[r])}return i}(c,["variant","children","title","inline","align","titleWidth","bodyFullWidth"]);return t(r,(a=function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),n.forEach((function(e){o(t,e,r[e])}))}return t}({align:d,bodyFullWidth:s},g,l("content",g)),b=null!=(b={children:[e(n,{variant:u,inline:f,"data-element":"content-title","data-role":"content-title",titleWidth:O,align:d,children:p}),e(i,{variant:u,inline:f,"data-element":"content-body","data-role":"content-body",bodyFullWidth:s,titleWidth:O,align:d,children:y})]})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(b)).forEach((function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(b,t))})),a))};c.displayName="Content";export{c as Content,c as default};

package/esm/components/content/content.style.js

@@ -1,87 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import { baseTheme } from "../../style/themes";
-const StyledContent = styled.div`
-  ${({
-  bodyFullWidth,
-  align
-}) => css`
-    ${margin}
-
-    & + & {
-      margin-top: 15px;
-    }
-
-    ${align && css`
-      text-align: ${align};
-    `}
-    ${bodyFullWidth && css`
-      text-align: left;
-    `}
-  `}
-`;
-StyledContent.defaultProps = {
-  theme: baseTheme
-};
-const StyledContentTitle = styled.div`
-  ${({
-  titleWidth,
-  inline,
-  variant,
-  align
-}) => {
-  return css`
-      display: ${inline ? "inline-block" : "block"};
-      font-weight: 500;
-      width: ${titleWidth && `calc(${titleWidth}% - 30px)`};
-      text-align: ${!inline && align};
-
-      ${align === "center" && inline && css`
-        text-align: right;
-        width: calc(50% - 30px);
-      `}
-
-      ${variant === "secondary" && css`
-        color: var(--colorsUtilityYin055);
-        font-weight: normal;
-      `}
-    `;
-}};
-`;
-const StyledContentBody = styled.div`
-  ${({
-  bodyFullWidth,
-  titleWidth,
-  inline,
-  align
-}) => {
-  return css`
-      display: ${inline ? "inline-block" : "block"};
-      margin-top: 2px;
-      white-space: pre-wrap;
-      word-wrap: break-word;
-      font-weight: normal;
-
-      ${align === "center" && inline && css`
-        width: 50%;
-      `}
-      ${titleWidth && css`
-        width: ${100 - Number(titleWidth)}%;
-      `}
-      ${bodyFullWidth && css`
-        width: 100%;
-      `}
-
-      ${inline && bodyFullWidth && css`
-        margin-top: 15px;
-      `}
-
-      ${inline && !bodyFullWidth && css`
-        margin-top: 0;
-        margin-left: var(--spacing300);
-        text-align: left;
-      `}
-    `;
-}};
-`;
-export { StyledContent, StyledContentTitle, StyledContentBody };
+import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import"../../style/themes/sage/index.js";import n from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const o=t.div.withConfig({displayName:"content.style__StyledContent",componentId:"sc-621cdc5f-0"})(["",""],(({bodyFullWidth:t,align:n})=>e([""," & + &{margin-top:15px;}"," ",""],i,n&&e(["text-align:",";"],n),t&&e(["text-align:left;"]))));o.defaultProps={theme:n};const l=t.div.withConfig({displayName:"content.style__StyledContentTitle",componentId:"sc-621cdc5f-1"})(["",";"],(({titleWidth:t,inline:i,variant:n,align:o})=>e(["display:",";font-weight:500;width:",";text-align:",";"," ",""],i?"inline-block":"block",t&&`calc(${t}% - 30px)`,!i&&o,"center"===o&&i&&e(["text-align:right;width:calc(50% - 30px);"]),"secondary"===n&&e(["color:var(--colorsUtilityYin055);font-weight:normal;"])))),a=t.div.withConfig({displayName:"content.style__StyledContentBody",componentId:"sc-621cdc5f-2"})(["",";"],(({bodyFullWidth:t,titleWidth:i,inline:n,align:o})=>e(["display:",";margin-top:2px;white-space:pre-wrap;word-wrap:break-word;font-weight:normal;"," "," "," "," ",""],n?"inline-block":"block","center"===o&&n&&e(["width:50%;"]),i&&e(["width:","%;"],100-Number(i)),t&&e(["width:100%;"]),n&&t&&e(["margin-top:15px;"]),n&&!t&&e(["margin-top:0;margin-left:var(--spacing300);text-align:left;"]))));export{o as StyledContent,a as StyledContentBody,l as StyledContentTitle};

package/esm/components/content/index.js

@@ -1 +1 @@
-export { default } from "./content.component";
+export{Content as default}from"./content.component.js";

package/esm/components/date/__internal__/date-fns-fp/index.js

@@ -1,9 +1 @@
-// Separate index.ts to export only required sub-modules from date-fns/fp
-// import { format, formatISO, isMatch, parse, parseISO } from "date-fns/fp" adds extra 300kb to bundle size.
-export { format } from "date-fns/fp/format";
-export { formatISO } from "date-fns/fp/formatISO";
-export { isMatch } from "date-fns/fp/isMatch";
-export { isValid } from "date-fns/fp/isValid";
-export { parse } from "date-fns/fp/parse";
-export { parseWithOptions } from "date-fns/fp/parseWithOptions";
-export { parseISO } from "date-fns/fp/parseISO";
+export{format}from"date-fns/fp/format";export{formatISO}from"date-fns/fp/formatISO";export{isMatch}from"date-fns/fp/isMatch";export{isValid}from"date-fns/fp/isValid";export{parse}from"date-fns/fp/parse";export{parseWithOptions}from"date-fns/fp/parseWithOptions";export{parseISO}from"date-fns/fp/parseISO";

package/esm/components/date/__internal__/date-formats/index.js

@@ -1,118 +1 @@
-// The order of this array is important, when an input value matches more than one format the last one is used
-const EU_FORMATS = ["d M yyyy", "dd M yyyy", "d MM yyyy", "dd MM yyyy", "d M yy", "dd M yy", "d MM yy", "dd MM yy", "d", "d M", "dd", "d MM", "dd M", "dd MM"];
-
-// The order of this array is important, when an input value matches more than one format the last one is used
-const NA_FORMATS = ["M", "M d", "MM", "M dd", "MM d", "MM dd", "M d yy", "MM d yy", "M dd yy", "MM dd yy", "M d yyyy", "MM d yyyy", "M dd yyyy", "MM dd yyyy"];
-
-// The order of this array is important, when an input value matches more than one format the last one is used
-const CN_FORMATS = ["yyyy M", "yyyy M d", "yyyy MM d", "yyyy M dd", "yyyy MM dd", "yy M", "yy MM", "yy M d", "yy MM d", "yy M dd", "yy MM dd", "M", "M d", "MM", "M dd", "MM d", "MM dd"];
-const SEPARATORS = ["", ".", ",", "-", "/", ":"];
-const STANDARD_FORMAT_LENGTH = 10;
-const generateFormats = (formatArray, separator, trailingChar) => {
-  const separators = SEPARATORS.includes(separator) ? SEPARATORS : [...SEPARATORS, separator];
-  return formatArray.reduce((arr, formatString) => {
-    const array = [...arr, formatString];
-    if (formatString.includes(" ")) {
-      separators.forEach(char => {
-        if (separator === char && trailingChar) {
-          array.push(`${formatString.replace(/ /g, char)}${trailingChar}`);
-        }
-        array.push(formatString.replace(/ /g, char));
-      });
-    }
-    return array;
-  }, []);
-};
-const getOutputFormatForLocale = localeCode => {
-  const formatMap = {
-    day: "dd",
-    month: "MM",
-    year: "yyyy"
-  };
-  const formatter = new Intl.DateTimeFormat(localeCode);
-  let separator = "";
-  const format = formatter.formatToParts(new Date()).map(({
-    type,
-    value
-  }) => {
-    if (["day", "month", "year"].includes(type)) {
-      return formatMap[type];
-    }
-    if (!separator) {
-      separator = value;
-    }
-    return value;
-  }).join("");
-  if (localeCode.startsWith("bg")) {
-    // this locale adds an additional char that has no effect on the output formatting
-    return {
-      format: format.substring(0, STANDARD_FORMAT_LENGTH),
-      separator
-    };
-  }
-  return {
-    format,
-    separator
-  };
-};
-const getInputFormatsArrayForLocale = format => {
-  if (format.startsWith("y")) {
-    return CN_FORMATS;
-  }
-  if (format.startsWith("M")) {
-    return NA_FORMATS;
-  }
-  return EU_FORMATS;
-};
-
-// we need this to handle for formats that add extra chars at the end of the format
-const getTrailingChar = format => {
-  const lastChar = format.split("").pop();
-  return ["y", "M", "d"].includes(lastChar) ? "" : lastChar;
-};
-const getFormatData = (locale, dateFormatOverride) => {
-  const code = locale?.code || "en-GB";
-  if (dateFormatOverride) {
-    const {
-      format
-    } = getOutputFormatForLocale(code);
-    let formatFromLocale;
-    switch (code) {
-      case "en-CA":
-      case "en-US":
-        formatFromLocale = "MM/dd/yyyy";
-        break;
-      case "ar-EG":
-      case "en-ZA":
-      case "fr-CA":
-        formatFromLocale = "dd/MM/yyyy";
-        break;
-      default:
-        formatFromLocale = format;
-    }
-    const formatsForLocale = getInputFormatsArrayForLocale(formatFromLocale);
-    return {
-      format: dateFormatOverride,
-      formats: generateFormats(formatsForLocale, "/")
-    };
-  }
-  if (["en-CA", "en-US"].includes(code)) {
-    const format = "MM/dd/yyyy";
-    const formats = getInputFormatsArrayForLocale(format);
-    return {
-      format,
-      formats: generateFormats(formats, "/")
-    };
-  }
-  const {
-    format,
-    separator
-  } = getOutputFormatForLocale(code);
-  const outputFormat = ["fr-CA", "en-ZA", "ar-EG"].includes(code) ? "dd/MM/yyyy" : format;
-  const formatsForLocale = getInputFormatsArrayForLocale(outputFormat);
-  return {
-    format: outputFormat,
-    formats: generateFormats(formatsForLocale, separator, getTrailingChar(format))
-  };
-};
-export default getFormatData;
+const y=["d M yyyy","dd M yyyy","d MM yyyy","dd MM yyyy","d M yy","dd M yy","d MM yy","dd MM yy","d","d M","dd","d MM","dd M","dd MM"],d=["M","M d","MM","M dd","MM d","MM dd","M d yy","MM d yy","M dd yy","MM dd yy","M d yyyy","MM d yyyy","M dd yyyy","MM dd yyyy"],M=["yyyy M","yyyy M d","yyyy MM d","yyyy M dd","yyyy MM dd","yy M","yy MM","yy M d","yy MM d","yy M dd","yy MM dd","M","M d","MM","M dd","MM d","MM dd"],t=["",".",",","-","/",":"],e=(y,d,M)=>{const e=t.includes(d)?t:[...t,d];return y.reduce(((y,t)=>{const r=[...y,t];return t.includes(" ")&&e.forEach((y=>{d===y&&M&&r.push(`${t.replace(/ /g,y)}${M}`),r.push(t.replace(/ /g,y))})),r}),[])},r=y=>{const d={day:"dd",month:"MM",year:"yyyy"},M=new Intl.DateTimeFormat(y);let t="";const e=M.formatToParts(new Date).map((({type:y,value:M})=>["day","month","year"].includes(y)?d[y]:(t||(t=M),M))).join("");return y.startsWith("bg")?{format:e.substring(0,10),separator:t}:{format:e,separator:t}},a=t=>t.startsWith("y")?M:t.startsWith("M")?d:y,s=y=>{const d=y.split("").pop();return["y","M","d"].includes(d)?"":d},n=(y,d)=>{const M=(null==y?void 0:y.code)||"en-GB";if(d){const{format:y}=r(M);let t;switch(M){case"en-CA":case"en-US":t="MM/dd/yyyy";break;case"ar-EG":case"en-ZA":case"fr-CA":t="dd/MM/yyyy";break;default:t=y}const s=a(t);return{format:d,formats:e(s,"/")}}if(["en-CA","en-US"].includes(M)){const y="MM/dd/yyyy",d=a(y);return{format:y,formats:e(d,"/")}}const{format:t,separator:n}=r(M),o=["fr-CA","en-ZA","ar-EG"].includes(M)?"dd/MM/yyyy":t,c=a(o);return{format:o,formats:e(c,n,s(t))}};export{n as default};