carbon-react 154.4.0 → 154.4.2

package/esm/components/flat-table/sort/sort.style.js

@@ -1,36 +1 @@
-import styled from "styled-components";
-import Icon from "../../icon";
-import addFocusStyling from "../../../style/utils/add-focus-styling";
-import baseTheme from "../../../style/themes/base";
-const StyledSort = styled.div`
-  display: inline-flex;
-  align-items: center;
-  padding-left: 2px;
-  padding-right: 2px;
-  border-bottom: 1px solid transparent;
-  position: relative;
-
-  :hover {
-    border-bottom: 1px solid;
-    cursor: pointer;
-  }
-
-  :focus {
-    ${addFocusStyling()}
-    border-radius: var(--borderRadius025);
-  }
-`;
-StyledSort.defaultProps = {
-  theme: baseTheme
-};
-const StyledSpaceHolder = styled.div`
-  display: inline-block;
-  width: 22px;
-`;
-const StyledSortIcon = styled(Icon)`
-  padding-left: var(--spacing075);
-  color: ${({
-  iconColor
-}) => `var(${iconColor})`};
-`;
-export { StyledSort, StyledSpaceHolder, StyledSortIcon };
+import o from"styled-components";import t from"../../icon/icon.component.js";import e from"../../../style/utils/add-focus-styling.js";import d from"../../../style/themes/base/index.js";const i=o.div.withConfig({displayName:"sort.style__StyledSort",componentId:"sc-6df1d9d6-0"})(["display:inline-flex;align-items:center;padding-left:2px;padding-right:2px;border-bottom:1px solid transparent;position:relative;:hover{border-bottom:1px solid;cursor:pointer;}:focus{"," border-radius:var(--borderRadius025);}"],e());i.defaultProps={theme:d};const r=o.div.withConfig({displayName:"sort.style__StyledSpaceHolder",componentId:"sc-6df1d9d6-1"})(["display:inline-block;width:22px;"]),s=o(t).withConfig({displayName:"sort.style__StyledSortIcon",componentId:"sc-6df1d9d6-2"})(["padding-left:var(--spacing075);color:",";"],(({iconColor:o})=>`var(${o})`));export{i as StyledSort,s as StyledSortIcon,r as StyledSpaceHolder};

package/esm/components/form/__internal__/form-summary.component.js

@@ -1,43 +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, { useMemo } from "react";
-import { StyledFormSummary, StyledInternalSummary, StyledMessagePrefix } from "./form-summary.style";
-import Icon from "../../icon";
-import useLocale from "../../../hooks/__internal__/useLocale";
-export const Summary = ({
-  type,
-  errorCount = 0,
-  warningCount = 0
-}) => {
-  const l = useLocale();
-  const messages = {
-    errorCount,
-    warningCount
-  };
-  const message = useMemo(() => l.errors.messages.formSummary(errorCount, warningCount, type), [l.errors.messages, errorCount, warningCount, type]);
-  if (messages[`${type}Count`]) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledMessagePrefix, null, message?.[0]), /*#__PURE__*/React.createElement(StyledInternalSummary, {
-      type: type,
-      "data-element": `${type}s`,
-      "data-role": "internal-summary"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      type: type
-    }), /*#__PURE__*/React.createElement("span", null, message?.[1])));
-  }
-  return null;
-};
-const FormSummary = ({
-  fullWidth,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement(StyledFormSummary, {
-    showSummary: !!(props.errorCount || props.warningCount),
-    "data-element": "form-summary",
-    "data-role": "form-summary",
-    fullWidth: fullWidth
-  }, /*#__PURE__*/React.createElement(Summary, _extends({
-    type: "error"
-  }, props)), /*#__PURE__*/React.createElement(Summary, _extends({
-    type: "warning"
-  }, props)), props.children);
-};
-export default FormSummary;
+import{jsxs as r,Fragment as e,jsx as t}from"react/jsx-runtime";import{useMemo as n}from"react";import{StyledMessagePrefix as o,StyledInternalSummary as l,StyledFormSummary as u}from"./form-summary.style.js";import a from"../../icon/icon.component.js";import i from"../../../hooks/__internal__/useLocale/useLocale.js";function m(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function c(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){m(r,e,t[e])}))}return r}const s=({type:u,errorCount:m=0,warningCount:c=0})=>{const s=i(),f={errorCount:m,warningCount:c},y=n((()=>s.errors.messages.formSummary(m,c,u)),[s.errors.messages,m,c,u]);return f[`${u}Count`]?r(e,{children:[t(o,{children:null==y?void 0:y[0]}),r(l,{type:u,"data-element":`${u}s`,"data-role":"internal-summary",children:[t(a,{type:u}),t("span",{children:null==y?void 0:y[1]})]})]}):null},f=e=>{var{fullWidth:n}=e,o=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},l=Object.keys(r);for(n=0;n<l.length;n++)t=l[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(n=0;n<l.length;n++)t=l[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(e,["fullWidth"]);return r(u,{showSummary:!(!o.errorCount&&!o.warningCount),"data-element":"form-summary","data-role":"form-summary",fullWidth:n,children:[t(s,c({type:"error"},o)),t(s,c({type:"warning"},o)),o.children]})};export{s as Summary,f as default};

package/esm/components/form/__internal__/form-summary.style.js

@@ -1,68 +1 @@
-import styled, { css } from "styled-components";
-import StyledIcon from "../../icon/icon.style";
-export const StyledFormSummary = styled.div`
-  display: inline-flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: end;
-  font-size: var(--fontSizes100);
-  font-weight: 500;
-
-  ${({
-  fullWidth
-}) => fullWidth && css`
-      display: flex;
-      flex-wrap: wrap;
-      width: 100%;
-      justify-content: flex-start;
-    `}
-
-  ${({
-  showSummary,
-  fullWidth
-}) => showSummary && css`
-      background-color: var(--colorsUtilityMajor025);
-      border: solid var(--borderWidth100) var(--colorsActionMinor250);
-      border-radius: var(--borderRadius100);
-      margin: calc(-1 * var(--sizing100)) 0;
-      padding: var(--sizing100);
-      gap: var(--sizing125);
-
-      ${fullWidth && css`
-        margin: 0 calc(-1 * var(--sizing100));
-      `}
-    `}
-`;
-export const StyledMessagePrefix = styled.div`
-  &:first-of-type {
-    margin-left: var(--sizing100);
-  }
-`;
-export const StyledInternalSummary = styled.div`
-  display: flex;
-  align-items: center;
-  gap: var(--sizing100);
-  ${({
-  type
-}) => type === "warning" && css`
-      color: var(--colorsSemanticCaution650);
-    `}
-  ${({
-  type
-}) => type === "error" && css`
-      color: var(--colorsSemanticNegative600);
-    `}
-
-  ${StyledIcon} {
-    ${({
-  type
-}) => type === "warning" && css`
-        color: var(--colorsSemanticCaution650);
-      `}
-    ${({
-  type
-}) => type === "error" && css`
-        color: var(--colorsSemanticNegative600);
-      `}
-  }
-`;
+import r,{css as i}from"styled-components";import o from"../../icon/icon.style.js";const a=r.div.withConfig({displayName:"form-summary.style__StyledFormSummary",componentId:"sc-db2b538-0"})(["display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:end;font-size:var(--fontSizes100);font-weight:500;"," ",""],(({fullWidth:r})=>r&&i(["display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;"])),(({showSummary:r,fullWidth:o})=>r&&i(["background-color:var(--colorsUtilityMajor025);border:solid var(--borderWidth100) var(--colorsActionMinor250);border-radius:var(--borderRadius100);margin:calc(-1 * var(--sizing100)) 0;padding:var(--sizing100);gap:var(--sizing125);",""],o&&i(["margin:0 calc(-1 * var(--sizing100));"])))),e=r.div.withConfig({displayName:"form-summary.style__StyledMessagePrefix",componentId:"sc-db2b538-1"})(["&:first-of-type{margin-left:var(--sizing100);}"]),t=r.div.withConfig({displayName:"form-summary.style__StyledInternalSummary",componentId:"sc-db2b538-2"})(["display:flex;align-items:center;gap:var(--sizing100);"," "," ","{"," ","}"],(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])),o,(({type:r})=>"warning"===r&&i(["color:var(--colorsSemanticCaution650);"])),(({type:r})=>"error"===r&&i(["color:var(--colorsSemanticNegative600);"])));export{a as StyledFormSummary,t as StyledInternalSummary,e as StyledMessagePrefix};

package/esm/components/form/form.component.js

@@ -1,67 +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, { useContext, useRef } from "react";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import FormSummary from "./__internal__/form-summary.component";
-import { StyledForm, StyledFormContent, StyledFormFooter, StyledLeftButtons, StyledRightButtons } from "./form.style";
-import { formSpacing } from "./form.config";
-import ModalContext from "../modal/__internal__/modal.context";
-export const Form = ({
-  children,
-  saveButton,
-  leftSideButtons,
-  rightSideButtons,
-  errorCount,
-  warningCount,
-  onSubmit,
-  buttonAlignment = "right",
-  stickyFooter,
-  fieldSpacing = 3,
-  noValidate = true,
-  height,
-  fullWidthButtons = false,
-  footerPadding = {},
-  ...rest
-}) => {
-  const formRef = useRef(null);
-  const formFooterRef = useRef(null);
-  const {
-    isInModal
-  } = useContext(ModalContext);
-  const renderFooter = !!(saveButton || leftSideButtons || rightSideButtons || errorCount || warningCount);
-  return /*#__PURE__*/React.createElement(StyledForm, _extends({
-    ref: formRef,
-    className: stickyFooter ? "sticky" : "",
-    stickyFooter: stickyFooter,
-    onSubmit: onSubmit,
-    "data-component": "form",
-    noValidate: noValidate,
-    height: height,
-    isInModal: isInModal
-  }, rest, tagComponent("form", rest)), /*#__PURE__*/React.createElement(StyledFormContent, {
-    "data-element": "form-content",
-    "data-role": "form-content",
-    stickyFooter: stickyFooter,
-    tabIndex: -1,
-    isInModal: isInModal,
-    fieldSpacing: formSpacing[fieldSpacing]
-  }, children), renderFooter && /*#__PURE__*/React.createElement(StyledFormFooter, _extends({
-    "data-element": "form-footer",
-    "data-role": "form-footer",
-    ref: formFooterRef,
-    stickyFooter: stickyFooter,
-    buttonAlignment: buttonAlignment,
-    fullWidthButtons: fullWidthButtons
-  }, footerPadding), leftSideButtons && /*#__PURE__*/React.createElement(StyledLeftButtons, {
-    "data-role": "form-left-buttons",
-    buttonAlignment: buttonAlignment
-  }, leftSideButtons), /*#__PURE__*/React.createElement(FormSummary, {
-    fullWidth: fullWidthButtons,
-    errorCount: errorCount,
-    warningCount: warningCount
-  }, saveButton), rightSideButtons && /*#__PURE__*/React.createElement(StyledRightButtons, {
-    "data-role": "form-right-buttons",
-    buttonAlignment: buttonAlignment
-  }, rightSideButtons)));
-};
-Form.displayName = "Form";
-export default Form;
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as r,useContext as n}from"react";import o from"../../__internal__/utils/helpers/tags/tags.js";import i from"./__internal__/form-summary.component.js";import{StyledForm as l,StyledFormContent as a,StyledFormFooter as c,StyledLeftButtons as u,StyledRightButtons as f}from"./form.style.js";import{formSpacing as s}from"./form.config.js";import m from"../modal/__internal__/modal.context.js";function d(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(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){d(t,e,r[e])}))}return t}function p(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))})),t}const g=d=>{var{children:g,saveButton:y,leftSideButtons:O,rightSideButtons:h,errorCount:j,warningCount:S,onSubmit:P,buttonAlignment:w="right",stickyFooter:_,fieldSpacing:v=3,noValidate:k=!0,height:B,fullWidthButtons:x=!1,footerPadding:C={}}=d,F=function(t,e){if(null==t)return{};var r,n,o=function(t,e){if(null==t)return{};var r,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||(o[r]=t[r]);return o}(t,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)r=i[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(o[r]=t[r])}return o}(d,["children","saveButton","leftSideButtons","rightSideButtons","errorCount","warningCount","onSubmit","buttonAlignment","stickyFooter","fieldSpacing","noValidate","height","fullWidthButtons","footerPadding"]);const A=r(null),I=r(null),{isInModal:D}=n(m),W=!!(y||O||h||j||S);return t(l,p(b({ref:A,className:_?"sticky":"",stickyFooter:_,onSubmit:P,"data-component":"form",noValidate:k,height:B,isInModal:D},F,o("form",F)),{children:[e(a,{"data-element":"form-content","data-role":"form-content",stickyFooter:_,tabIndex:-1,isInModal:D,fieldSpacing:s[v],children:g}),W&&t(c,p(b({"data-element":"form-footer","data-role":"form-footer",ref:I,stickyFooter:_,buttonAlignment:w,fullWidthButtons:x},C),{children:[O&&e(u,{"data-role":"form-left-buttons",buttonAlignment:w,children:O}),e(i,{fullWidth:x,errorCount:j,warningCount:S,children:y}),h&&e(f,{"data-role":"form-right-buttons",buttonAlignment:w,children:h})]}))]}))};g.displayName="Form";export{g as Form,g as default};

package/esm/components/form/form.config.js

@@ -1,11 +1 @@
-export const FORM_BUTTON_ALIGNMENTS = ["left", "right"];
-export const formSpacing = {
-  0: "var(--spacing000)",
-  1: "var(--spacing100)",
-  2: "var(--spacing200)",
-  3: "var(--spacing300)",
-  4: "var(--spacing400)",
-  5: "var(--spacing500)",
-  6: "var(--spacing600)",
-  7: "var(--spacing700)"
-};
+const a=["left","right"],r={0:"var(--spacing000)",1:"var(--spacing100)",2:"var(--spacing200)",3:"var(--spacing300)",4:"var(--spacing400)",5:"var(--spacing500)",6:"var(--spacing600)",7:"var(--spacing700)"};export{a as FORM_BUTTON_ALIGNMENTS,r as formSpacing};

package/esm/components/form/form.style.js

@@ -1,118 +1 @@
-import styled, { css } from "styled-components";
-import { space, padding } from "styled-system";
-import StyledFormField from "../../__internal__/form-field/form-field.style";
-import baseTheme from "../../style/themes/base";
-import StyledInlineInputs from "../inline-inputs/inline-inputs.style";
-import StyledSelect from "../select/select.style";
-import { StyledSelectMultiSelect } from "../select/multi-select/multi-select.style";
-import StyledSwitch from "../switch/switch.style";
-export const StyledFormContent = styled.div(({
-  stickyFooter,
-  isInModal
-}) => stickyFooter && isInModal && css`
-      flex-grow: 1;
-      min-height: 0;
-      overflow-y: auto;
-    `, ({
-  fieldSpacing
-}) => fieldSpacing && css`
-      --fieldSpacing: ${fieldSpacing};
-
-      ${StyledFormField} {
-        margin-top: var(--spacing000);
-      }
-
-      // field spacing is also applied to form field here so we need to override
-      ${StyledInlineInputs} ${StyledFormField},
-      ${StyledInlineInputs} ${StyledSelect},
-      ${StyledInlineInputs} ${StyledSelectMultiSelect},
-      ${StyledSwitch} ${StyledFormField} {
-        margin-bottom: var(--spacing000);
-      }
-    `);
-export const StyledFormFooter = styled.div`
-  align-items: center;
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--sizing200);
-
-  ${({
-  buttonAlignment
-}) => buttonAlignment === "right" && css`
-      justify-content: flex-end;
-    `}
-
-  ${({
-  stickyFooter,
-  fullWidthButtons
-}) => css`
-    ${!stickyFooter && css`
-      margin-top: 48px;
-    `}
-
-    ${stickyFooter && css`
-      background-color: var(--colorsUtilityYang100);
-      box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.05);
-      box-sizing: border-box;
-      padding: 16px 32px;
-      width: 100%;
-      z-index: 1000;
-      position: sticky;
-      bottom: 0;
-    `}
-
-    ${fullWidthButtons && css`
-      flex-direction: column;
-      align-items: stretch;
-    `}
-  `}
-
-  ${padding}
-`;
-StyledFormFooter.defaultProps = {
-  theme: baseTheme
-};
-export const StyledForm = styled.form`
-  ${space}
-
-  ${({
-  height
-}) => height && css`
-      height: ${height};
-    `}
-
-  ${({
-  stickyFooter,
-  isInModal
-}) => stickyFooter && css`
-      display: flex;
-      flex-direction: column;
-      position: relative;
-
-      ${isInModal && css`
-        flex-grow: 1;
-        min-height: 0;
-        height: 100%;
-      `}
-    `}
-`;
-export const StyledRightButtons = styled.div`
-  display: flex;
-  gap: var(--sizing200);
-
-  ${({
-  buttonAlignment
-}) => buttonAlignment === "left" && "flex-grow: 1;"}
-`;
-export const StyledLeftButtons = styled.div`
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--sizing200);
-
-  ${({
-  buttonAlignment
-}) => buttonAlignment === "right" && "flex-grow: 1;"}
-`;
-StyledForm.defaultProps = {
-  theme: baseTheme
-};
+import t,{css as e}from"styled-components";import{padding as i,space as o}from"styled-system";import n from"../../__internal__/form-field/form-field.style.js";import s from"../../style/themes/base/index.js";import l from"../inline-inputs/inline-inputs.style.js";import r from"../select/select.style.js";import{StyledSelectMultiSelect as m}from"../select/multi-select/multi-select.style.js";import a from"../switch/switch.style.js";const d=t.div.withConfig({displayName:"form.style__StyledFormContent",componentId:"sc-a307ad0d-0"})((({stickyFooter:t,isInModal:i})=>t&&i&&e(["flex-grow:1;min-height:0;overflow-y:auto;"])),(({fieldSpacing:t})=>t&&e(["--fieldSpacing:",";","{margin-top:var(--spacing000);}"," ",","," ",","," ",","," ","{margin-bottom:var(--spacing000);}"],t,n,l,n,l,r,l,m,a,n))),p=t.div.withConfig({displayName:"form.style__StyledFormFooter",componentId:"sc-a307ad0d-1"})(["align-items:center;display:flex;flex-wrap:wrap;gap:var(--sizing200);"," "," ",""],(({buttonAlignment:t})=>"right"===t&&e(["justify-content:flex-end;"])),(({stickyFooter:t,fullWidthButtons:i})=>e([""," "," ",""],!t&&e(["margin-top:48px;"]),t&&e(["background-color:var(--colorsUtilityYang100);box-shadow:0 -4px 12px 0 rgba(0,0,0,0.05);box-sizing:border-box;padding:16px 32px;width:100%;z-index:1000;position:sticky;bottom:0;"]),i&&e(["flex-direction:column;align-items:stretch;"]))),i);p.defaultProps={theme:s};const f=t.form.withConfig({displayName:"form.style__StyledForm",componentId:"sc-a307ad0d-2"})([""," "," ",""],o,(({height:t})=>t&&e(["height:",";"],t)),(({stickyFooter:t,isInModal:i})=>t&&e(["display:flex;flex-direction:column;position:relative;",""],i&&e(["flex-grow:1;min-height:0;height:100%;"])))),g=t.div.withConfig({displayName:"form.style__StyledRightButtons",componentId:"sc-a307ad0d-3"})(["display:flex;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"left"===t&&"flex-grow: 1;")),c=t.div.withConfig({displayName:"form.style__StyledLeftButtons",componentId:"sc-a307ad0d-4"})(["display:flex;justify-content:flex-end;gap:var(--sizing200);",""],(({buttonAlignment:t})=>"right"===t&&"flex-grow: 1;"));f.defaultProps={theme:s};export{f as StyledForm,d as StyledFormContent,p as StyledFormFooter,c as StyledLeftButtons,g as StyledRightButtons};

package/esm/components/form/index.js

@@ -1,2 +1 @@
-export { default } from "./form.component";
-export { default as RequiredFieldsIndicator } from "./required-fields-indicator";
+export{Form as default}from"./form.component.js";export{default as RequiredFieldsIndicator}from"./required-fields-indicator/required-fields-indicator.component.js";

package/esm/components/form/required-fields-indicator/index.js

@@ -1 +1 @@
-export { default } from "./required-fields-indicator.component";
+export{default}from"./required-fields-indicator.component.js";

package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js

@@ -1,19 +1 @@
-import React from "react";
-import styled from "styled-components";
-import Box from "../../box";
-import StyledTypography from "../../typography/typography.style";
-const StyledIndicatorContainer = styled(Box)`
-  ${StyledTypography} {
-    color: var(--colorsUtilityYin090);
-  }
-  ::after {
-    content: "*";
-    color: var(--colorsSemanticNegative500);
-    font-weight: 500;
-    margin-left: var(--spacing050);
-  }
-`;
-export default ({
-  children,
-  ...rest
-}) => /*#__PURE__*/React.createElement(StyledIndicatorContainer, rest, children);
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"styled-components";import{Box as t}from"../../box/box.component.js";import n from"../../typography/typography.style.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=r(t).withConfig({displayName:"required-fields-indicator.component__StyledIndicatorContainer",componentId:"sc-d632f7e7-0"})(["",'{color:var(--colorsUtilityYin090);}::after{content:"*";color:var(--colorsSemanticNegative500);font-weight:500;margin-left:var(--spacing050);}'],n);var i=r=>{var t,n,{children:i}=r,l=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(r,["children"]);return e(c,(t=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({},l),n=null!=(n={children:i})?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))})),t))};export{i as default};

package/esm/components/global-header/global-header.component.js

@@ -1,38 +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 styled from "styled-components";
-import Box from "../box";
-import NavigationBar from "../navigation-bar";
-const StyledLogo = styled(Box)`
-  display: flex;
-  align-items: center;
-  margin-left: var(--spacing200);
-  margin-right: var(--spacing300);
-
-  & > * {
-    max-height: 100%;
-  }
-
-  @media (min-width: 600px) {
-    margin-left: var(--spacing300);
-  }
-  @media (min-width: 960px) {
-    margin-left: var(--spacing400);
-  }
-  @media (min-width: 1260px) {
-    margin-left: var(--spacing500);
-  }
-`;
-const GlobalHeader = ({
-  children,
-  logo,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(NavigationBar, _extends({
-    isGlobal: true
-  }, rest), logo && /*#__PURE__*/React.createElement(StyledLogo, {
-    "data-element": "global-header-logo-wrapper"
-  }, logo), children);
-};
-GlobalHeader.displayName = "GlobalHeader";
-export default GlobalHeader;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import"react";import t from"styled-components";import{Box as n}from"../box/box.component.js";import{NavigationBar as o}from"../navigation-bar/navigation-bar.component.js";function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const a=t(n).withConfig({displayName:"global-header.component__StyledLogo",componentId:"sc-31677873-0"})(["display:flex;align-items:center;margin-left:var(--spacing200);margin-right:var(--spacing300);& > *{max-height:100%;}@media (min-width:600px){margin-left:var(--spacing300);}@media (min-width:960px){margin-left:var(--spacing400);}@media (min-width:1260px){margin-left:var(--spacing500);}"]),c=t=>{var n,c,{children:l,logo:p}=t,m=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,["children","logo"]);return e(o,(n=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){i(e,r,t[r])}))}return e}({isGlobal:!0},m),c=null!=(c={children:[p&&r(a,{"data-element":"global-header-logo-wrapper",children:p}),l]})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))};c.displayName="GlobalHeader";export{c as default};

package/esm/components/global-header/index.js

@@ -1 +1 @@
-export { default } from "./global-header.component";
+export{default}from"./global-header.component.js";

package/esm/components/grid/grid-container/grid-container.component.js

@@ -1,6 +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 tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import StyledGridContainer from "./grid-container.style";
-export const GridContainer = props => /*#__PURE__*/React.createElement(StyledGridContainer, _extends({}, props, tagComponent("grid", props)));
-export default GridContainer;
+import{jsx as t}from"react/jsx-runtime";import"react";import e from"../../../__internal__/utils/helpers/tags/tags.js";import r from"./grid-container.style.js";function n(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}const o=o=>t(r,function(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable})))),o.forEach((function(e){n(t,e,r[e])}))}return t}({},o,e("grid",o)));export{o as GridContainer,o as default};

package/esm/components/grid/grid-container/grid-container.style.js

@@ -1,33 +1 @@
-import styled from "styled-components";
-import { space, grid } from "styled-system";
-const StyledGridContainer = styled.div`
-  display: grid;
-  grid-template-columns: repeat(12, 1fr);
-  grid-template-rows: auto;
-  width: auto;
-  padding: 40px;
-  grid-gap: 40px;
-
-  @media screen and (max-width: 1920px) {
-    grid-gap: 24px;
-  }
-
-  @media screen and (max-width: 1259px) {
-    padding: 32px;
-  }
-
-  @media screen and (max-width: 959px) {
-    grid-gap: 16px;
-    padding: 24px;
-  }
-
-  @media screen and (max-width: 599px) {
-    padding: 16px;
-  }
-
-  @media screen {
-    ${space}
-    ${grid}
-  }
-`;
-export default StyledGridContainer;
+import d from"styled-components";import{space as a,grid as e}from"styled-system";const i=d.div.withConfig({displayName:"grid-container.style__StyledGridContainer",componentId:"sc-976fada8-0"})(["display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;width:auto;padding:40px;grid-gap:40px;@media screen and (max-width:1920px){grid-gap:24px;}@media screen and (max-width:1259px){padding:32px;}@media screen and (max-width:959px){grid-gap:16px;padding:24px;}@media screen and (max-width:599px){padding:16px;}@media screen{"," ","}"],a,e);export{i as default};

package/esm/components/grid/grid-container/index.js

@@ -1 +1 @@
-export { default } from "./grid-container.component";
+export{GridContainer as default}from"./grid-container.component.js";

package/esm/components/grid/grid-item/grid-item.component.js

@@ -1,16 +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 tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import StyledGridItem from "./grid-item.style";
-export const GridItem = props => {
-  const {
-    children,
-    responsiveSettings,
-    ...rest
-  } = props;
-  return /*#__PURE__*/React.createElement(StyledGridItem, _extends({}, rest, tagComponent("grid-item", rest), {
-    responsiveSettings: responsiveSettings
-  }), children);
-};
-GridItem.displayName = "GridItem";
-export default GridItem;
+import{jsx as e}from"react/jsx-runtime";import"react";import t from"../../../__internal__/utils/helpers/tags/tags.js";import r from"./grid-item.style.js";function n(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const o=o=>{const{children:i,responsiveSettings:c}=o,s=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(o,["children","responsiveSettings"]);return e(r,(l=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({},s,t("grid-item",s)),p=null!=(p={responsiveSettings:c,children:i})?p:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(p)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(p)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(p,e))})),l));var l,p};o.displayName="GridItem";export{o as GridItem,o as default};

package/esm/components/grid/grid-item/grid-item.style.js

@@ -1,92 +1 @@
-import styled, { css } from "styled-components";
-import { grid, flexbox, padding } from "styled-system";
-export function getSpacing(prop) {
-  if (typeof prop === "number") {
-    switch (prop) {
-      case 0:
-        return "var(--spacing000)";
-      case 1:
-        return "var(--spacing100)";
-      case 2:
-        return "var(--spacing200)";
-      case 3:
-        return "var(--spacing300)";
-      case 4:
-        return "var(--spacing400)";
-      case 5:
-        return "var(--spacing500)";
-      case 6:
-        return "var(--spacing600)";
-      case 7:
-        return "var(--spacing700)";
-      case 8:
-        return "var(--spacing800)";
-      case 9:
-        return "var(--spacing900)";
-      case 10:
-        return "var(--spacing1000)";
-      default:
-        return "var(--spacing100)";
-    }
-  }
-  return String(prop);
-}
-function responsiveGridItem(responsiveSettings) {
-  return responsiveSettings.map(setting => {
-    const {
-      alignSelf,
-      gridArea,
-      gridColumn,
-      gridRow,
-      maxWidth,
-      justifySelf,
-      p,
-      pl,
-      pr,
-      pt,
-      pb
-    } = setting;
-    return css`
-      @media screen and (max-width: ${maxWidth}) {
-        align-self: ${alignSelf || "stretch"};
-        justify-self: ${justifySelf || "stretch"};
-        grid-area: ${gridArea};
-        grid-column: ${gridColumn};
-        grid-row: ${gridRow};
-        padding: ${getSpacing(p)};
-        padding-left: ${getSpacing(pl)};
-        padding-right: ${getSpacing(pr)};
-        padding-top: ${getSpacing(pt)};
-        padding-bottom: ${getSpacing(pb)};
-      }
-    `;
-  });
-}
-const StyledGridItem = styled.div`
-  margin: 0;
-  ${padding}
-
-  ${({
-  alignSelf,
-  justifySelf,
-  gridArea = "auto / 1 / auto / 13",
-  gridColumn,
-  gridRow,
-  responsiveSettings
-}) => css`
-    ${flexbox({
-  alignSelf,
-  justifySelf
-})}
-    ${grid({
-  gridArea,
-  gridColumn,
-  gridRow
-})};
-
-    ${responsiveSettings && css`
-      ${responsiveGridItem(responsiveSettings)};
-    `}
-  `}
-`;
-export default StyledGridItem;
+import r,{css as e}from"styled-components";import{padding as a,flexbox as i,grid as n}from"styled-system";function t(r){if("number"==typeof r)switch(r){case 0:return"var(--spacing000)";case 1:default:return"var(--spacing100)";case 2:return"var(--spacing200)";case 3:return"var(--spacing300)";case 4:return"var(--spacing400)";case 5:return"var(--spacing500)";case 6:return"var(--spacing600)";case 7:return"var(--spacing700)";case 8:return"var(--spacing800)";case 9:return"var(--spacing900)";case 10:return"var(--spacing1000)"}return String(r)}const s=r.div.withConfig({displayName:"grid-item.style__StyledGridItem",componentId:"sc-82c3f8bc-0"})(["margin:0;"," ",""],a,(({alignSelf:r,justifySelf:a,gridArea:s="auto / 1 / auto / 13",gridColumn:g,gridRow:c,responsiveSettings:d})=>e([""," ",";",""],i({alignSelf:r,justifySelf:a}),n({gridArea:s,gridColumn:g,gridRow:c}),d&&e(["",";"],function(r){return r.map((r=>{const{alignSelf:a,gridArea:i,gridColumn:n,gridRow:s,maxWidth:g,justifySelf:c,p:d,pl:p,pr:o,pt:u,pb:l}=r;return e(["@media screen and (max-width:","){align-self:",";justify-self:",";grid-area:",";grid-column:",";grid-row:",";padding:",";padding-left:",";padding-right:",";padding-top:",";padding-bottom:",";}"],g,a||"stretch",c||"stretch",i,n,s,t(d),t(p),t(o),t(u),t(l))}))}(d)))));export{s as default,t as getSpacing};

package/esm/components/grid/grid-item/index.js

@@ -1 +1 @@
-export { default } from "./grid-item.component";
+export{GridItem as default}from"./grid-item.component.js";

package/esm/components/grid/index.js

@@ -1,2 +1 @@
-export { default as GridContainer } from "./grid-container";
-export { default as GridItem } from "./grid-item";
+export{GridContainer}from"./grid-container/grid-container.component.js";export{GridItem}from"./grid-item/grid-item.component.js";