carbon-react 154.3.2 → 154.4.0-beta.0

package/esm/components/definition-list/definition-list.style.js

@@ -1,69 +1 @@
-import styled, { css } from "styled-components";
-import { space } from "styled-system";
-import StyledButton from "../button/button.style";
-import { baseTheme } from "../../style/themes";
-export const StyledDl = styled.dl`
-  ${space}
-
-  ${({
-  asSingleColumn,
-  w
-}) => css`
-    ${!asSingleColumn && css`
-      display: grid;
-      grid-template-rows: auto;
-      grid-template-columns: ${w}% auto;
-    `}
-    ${asSingleColumn && css`
-      line-height: 21px;
-    `}
-  `}
-
-  width: 100%;
-  height: auto;
-  background-color: transparent;
-`;
-StyledDl.defaultProps = {
-  theme: baseTheme
-};
-export const StyledDt = styled.dt`
-  ${space}
-  font-size: var(--fontSizes100);
-  font-weight: 500;
-  color: var(--colorsUtilityYin090);
-  ${({
-  asSingleColumn
-}) => !asSingleColumn && css`
-      grid-column: 1;
-    `}
-  ${({
-  dtTextAlign
-}) => css`
-    text-align: ${dtTextAlign};
-  `}
-`;
-StyledDt.defaultProps = {
-  theme: baseTheme
-};
-export const StyledDd = styled.dd`
-  font-size: var(--fontSizes100);
-  font-weight: var(--fontWeights400);
-  color: var(--colorsUtilityYin065);
-  margin-left: 0px;
-  ${({
-  asSingleColumn
-}) => !asSingleColumn && css`
-      grid-column: 2;
-    `}
-  ${({
-  ddTextAlign
-}) => css`
-    text-align: ${ddTextAlign};
-  `}
-
-  ${StyledButton} {
-    padding: 0;
-    border: none;
-  }
-  ${space}
-`;
+import t,{css as e}from"styled-components";import{space as o}from"styled-system";import i from"../button/button.style.js";import"../../style/themes/sage/index.js";import n from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";const s=t.dl.withConfig({displayName:"definition-list.style__StyledDl",componentId:"sc-e8916801-0"})([""," "," width:100%;height:auto;background-color:transparent;"],o,(({asSingleColumn:t,w:o})=>e([""," ",""],!t&&e(["display:grid;grid-template-rows:auto;grid-template-columns:","% auto;"],o),t&&e(["line-height:21px;"]))));s.defaultProps={theme:n};const l=t.dt.withConfig({displayName:"definition-list.style__StyledDt",componentId:"sc-e8916801-1"})([""," font-size:var(--fontSizes100);font-weight:500;color:var(--colorsUtilityYin090);"," ",""],o,(({asSingleColumn:t})=>!t&&e(["grid-column:1;"])),(({dtTextAlign:t})=>e(["text-align:",";"],t)));l.defaultProps={theme:n};const d=t.dd.withConfig({displayName:"definition-list.style__StyledDd",componentId:"sc-e8916801-2"})(["font-size:var(--fontSizes100);font-weight:var(--fontWeights400);color:var(--colorsUtilityYin065);margin-left:0px;"," "," ","{padding:0;border:none;}",""],(({asSingleColumn:t})=>!t&&e(["grid-column:2;"])),(({ddTextAlign:t})=>e(["text-align:",";"],t)),i,o);export{d as StyledDd,s as StyledDl,l as StyledDt};

package/esm/components/definition-list/dl.component.js

@@ -1,26 +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 { StyledDl } from "./definition-list.style";
-import { DlProvider } from "./__internal__/dl.context";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-const Dl = ({
-  children,
-  w = 50,
-  dtTextAlign = "right",
-  ddTextAlign = "left",
-  asSingleColumn = false,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(StyledDl, _extends({
-    w: w,
-    asSingleColumn: asSingleColumn
-  }, rest, tagComponent("dl", rest)), /*#__PURE__*/React.createElement(DlProvider, {
-    value: {
-      asSingleColumn,
-      dtTextAlign,
-      ddTextAlign
-    }
-  }, children));
-};
-Dl.displayName = "Dl";
-export default Dl;
+import{jsx as e}from"react/jsx-runtime";import"react";import{StyledDl as t}from"./definition-list.style.js";import{DlProvider as r}from"./__internal__/dl.context.js";import n from"../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const l=l=>{var i,c,{children:u,w:s=50,dtTextAlign:a="right",ddTextAlign:f="left",asSingleColumn:p=!1}=l,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["children","w","dtTextAlign","ddTextAlign","asSingleColumn"]);return e(t,(i=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({w:s,asSingleColumn:p},O,n("dl",O)),c=null!=(c={children:e(r,{value:{asSingleColumn:p,dtTextAlign:a,ddTextAlign:f},children:u})})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(c)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(c)).forEach((function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(c,e))})),i))};l.displayName="Dl";export{l as default};

package/esm/components/definition-list/dt/dt.component.js

@@ -1,28 +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 { StyledDt } from "../definition-list.style";
-import { useDlContext } from "../__internal__/dl.context";
-import tagComponent from "../../../__internal__/utils/helpers/tags";
-const Dt = ({
-  children,
-  ...rest
-}) => {
-  const {
-    asSingleColumn,
-    dtTextAlign
-  } = useDlContext();
-  const {
-    mb,
-    pr
-  } = rest;
-  return /*#__PURE__*/React.createElement(StyledDt, _extends({
-    "data-element": "dt",
-    "data-role": "dt",
-    mb: mb || asSingleColumn ? undefined : 2,
-    pr: pr || asSingleColumn ? undefined : 3,
-    dtTextAlign: dtTextAlign,
-    asSingleColumn: asSingleColumn
-  }, rest, tagComponent("dt", rest)), children);
-};
-Dt.displayName = "Dt";
-export default Dt;
+import{jsx as e}from"react/jsx-runtime";import"react";import{StyledDt as t}from"../definition-list.style.js";import{useDlContext as r}from"../__internal__/dl.context.js";import n from"../../../__internal__/utils/helpers/tags/tags.js";function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const i=i=>{var{children:l}=i,c=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}(i,["children"]);const{asSingleColumn:a,dtTextAlign:p}=r(),{mb:s,pr:u}=c;return e(t,(f=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){o(e,t,r[t])}))}return e}({"data-element":"dt","data-role":"dt",mb:s||a?void 0:2,pr:u||a?void 0:3,dtTextAlign:p,asSingleColumn:a},c,n("dt",c)),b=null!=(b={children:l})?b:{},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(b)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(b)).forEach((function(e){Object.defineProperty(f,e,Object.getOwnPropertyDescriptor(b,e))})),f));var f,b};i.displayName="Dt";export{i as default};

package/esm/components/definition-list/index.js

@@ -1,3 +1 @@
-export { default as Dl } from "./dl.component";
-export { default as Dt } from "./dt/dt.component";
-export { default as Dd } from "./dd/dd.component";
+export{default as Dl}from"./dl.component.js";export{default as Dt}from"./dt/dt.component.js";export{default as Dd}from"./dd/dd.component.js";

package/esm/components/detail/detail.component.js

@@ -1,28 +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 { filterStyledSystemMarginProps } from "../../style/utils";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import { StyledDetail, StyledDetailContent, StyledDetailIcon, StyledDetailFootnote } from "./detail.style";
-export const Detail = ({
-  className,
-  icon,
-  footnote,
-  children,
-  ...rest
-}) => {
-  return /*#__PURE__*/React.createElement(StyledDetail, _extends({
-    className: `carbon-detail ${className}`
-  }, tagComponent("detail", rest), filterStyledSystemMarginProps(rest)), icon && /*#__PURE__*/React.createElement(StyledDetailIcon, {
-    type: icon,
-    "data-element": "icon"
-  }), /*#__PURE__*/React.createElement(StyledDetailContent, {
-    "data-element": "detail-content",
-    hasIcon: !!icon
-  }, children), footnote && /*#__PURE__*/React.createElement(StyledDetailFootnote, {
-    "data-element": "footnote",
-    "data-role": "footnote",
-    hasIcon: !!icon
-  }, footnote));
-};
-Detail.displayName = "Detail";
-export default Detail;
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react";import"../../style/utils/filter-styled-system-padding-props.js";import r from"../../style/utils/filter-styled-system-margin-props.js";import n from"../../__internal__/utils/helpers/tags/tags.js";import{StyledDetail as o,StyledDetailIcon as l,StyledDetailContent as i,StyledDetailFootnote as c}from"./detail.style.js";function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const s=s=>{var p,f,{className:y,icon:u,footnote:b,children:m}=s,O=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(s,["className","icon","footnote","children"]);return e(o,(p=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){a(e,t,r[t])}))}return e}({className:`carbon-detail ${y}`},n("detail",O),r(O)),f=null!=(f={children:[u&&t(l,{type:u,"data-element":"icon"}),t(i,{"data-element":"detail-content",hasIcon:!!u,children:m}),b&&t(c,{"data-element":"footnote","data-role":"footnote",hasIcon:!!u,children:b})]})?f:{},Object.getOwnPropertyDescriptors?Object.defineProperties(p,Object.getOwnPropertyDescriptors(f)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(f)).forEach((function(e){Object.defineProperty(p,e,Object.getOwnPropertyDescriptor(f,e))})),p))};s.displayName="Detail";export{s as Detail,s as default};

package/esm/components/detail/detail.style.js

@@ -1,61 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import { baseTheme } from "../../style/themes";
-import Icon from "../icon";
-const iconSize = "16px";
-const StyledDetail = styled.div`
-  position: relative;
-  ${margin};
-
-  + & {
-    margin-top: 20px;
-  }
-`;
-const StyledDetailContent = styled.div`
-  ${({
-  hasIcon
-}) => css`
-    display: inline-block;
-    line-height: 18px;
-    white-space: pre-wrap;
-    text-overflow: ellipsis;
-    overflow: hidden;
-
-    ${hasIcon && css`
-      margin-left: 26px;
-    `}
-  `}
-`;
-const StyledDetailIcon = styled(Icon)`
-  position: absolute;
-  color: var(--colorsUtilityYin065);
-  height: ${iconSize};
-  width: ${iconSize};
-  top: -1px;
-  vertical-align: top;
-
-  // StyledSvgIcon
-  span {
-    height: ${iconSize};
-    width: ${iconSize};
-    vertical-align: middle;
-  }
-`;
-const StyledDetailFootnote = styled.div`
-  ${({
-  hasIcon
-}) => css`
-    color: var(--colorsUtilityYin055);
-    font-size: 13px;
-    position: relative;
-    margin-top: -2px;
-
-    ${hasIcon && css`
-      margin-left: 26px;
-    `}
-  `}
-`;
-StyledDetail.defaultProps = {
-  theme: baseTheme
-};
-export { StyledDetail, StyledDetailContent, StyledDetailIcon, StyledDetailFootnote };
+import t,{css as e}from"styled-components";import{margin as i}from"styled-system";import"../../style/themes/sage/index.js";import o from"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import l from"../icon/icon.component.js";const n="16px",s=t.div.withConfig({displayName:"detail.style__StyledDetail",componentId:"sc-3cc2c8f8-0"})(["position:relative;",";+ &{margin-top:20px;}"],i),p=t.div.withConfig({displayName:"detail.style__StyledDetailContent",componentId:"sc-3cc2c8f8-1"})(["",""],(({hasIcon:t})=>e(["display:inline-block;line-height:18px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden;",""],t&&e(["margin-left:26px;"])))),a=t(l).withConfig({displayName:"detail.style__StyledDetailIcon",componentId:"sc-3cc2c8f8-2"})(["position:absolute;color:var(--colorsUtilityYin065);height:",";width:",";top:-1px;vertical-align:top;span{height:",";width:",";vertical-align:middle;}"],n,n,n,n),c=t.div.withConfig({displayName:"detail.style__StyledDetailFootnote",componentId:"sc-3cc2c8f8-3"})(["",""],(({hasIcon:t})=>e(["color:var(--colorsUtilityYin055);font-size:13px;position:relative;margin-top:-2px;",""],t&&e(["margin-left:26px;"]))));s.defaultProps={theme:o};export{s as StyledDetail,p as StyledDetailContent,c as StyledDetailFootnote,a as StyledDetailIcon};

package/esm/components/detail/index.js

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

package/esm/components/dialog/dialog.component.js

@@ -1,135 +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, useImperativeHandle, forwardRef } from "react";
-import createGuid from "../../__internal__/utils/helpers/guid";
-import Modal from "../modal";
-import Heading from "../heading";
-import tagComponent from "../../__internal__/utils/helpers/tags";
-import { StyledDialog, StyledDialogTitle, StyledDialogContent, DialogPositioner } from "./dialog.style";
-import FocusTrap from "../../__internal__/focus-trap";
-import IconButton from "../icon-button";
-import Icon from "../icon";
-import useLocale from "../../hooks/__internal__/useLocale";
-import useModalAria from "../../hooks/__internal__/useModalAria/useModalAria";
-import Logger from "../../__internal__/utils/logger";
-const PADDING_VALUES = [0, 1, 2, 3, 4, 5, 6, 7, 8];
-let deprecatedTimeoutTrigger = false;
-export const Dialog = /*#__PURE__*/forwardRef(({
-  className,
-  "data-component": dataComponent = "dialog",
-  "data-element": dataElement = "dialog",
-  "data-role": dataRole,
-  children,
-  open,
-  height,
-  size = "medium",
-  title,
-  disableEscKey,
-  subtitle,
-  disableAutoFocus = false,
-  focusFirstElement,
-  focusableSelectors,
-  onCancel,
-  showCloseIcon = true,
-  bespokeFocusTrap,
-  disableClose,
-  help,
-  highlightVariant = "default",
-  role = "dialog",
-  contentPadding = {},
-  greyBackground = false,
-  focusableContainers,
-  topModalOverride,
-  closeButtonDataProps,
-  restoreFocusOnClose = true,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  ...rest
-}, ref) => {
-  const locale = useLocale();
-  const containerRef = useRef(null);
-  const titleRef = useRef(null);
-  const {
-    current: titleId
-  } = useRef(createGuid());
-  const {
-    current: subtitleId
-  } = useRef(createGuid());
-  const isTopModal = useModalAria(containerRef);
-  if (!deprecatedTimeoutTrigger && rest?.timeout) {
-    deprecatedTimeoutTrigger = true;
-    Logger.deprecate("The timeout prop in Dialog is deprecated and will soon be removed.");
-  }
-  useImperativeHandle(ref, () => ({
-    focus() {
-      containerRef.current?.focus();
-    }
-  }), []);
-  const closeIcon = showCloseIcon && onCancel && /*#__PURE__*/React.createElement(IconButton, _extends({
-    "aria-label": locale.dialog.ariaLabels.close(),
-    onClick: onCancel,
-    disabled: disableClose
-  }, tagComponent("close", {
-    "data-element": "close",
-    ...closeButtonDataProps
-  })), /*#__PURE__*/React.createElement(Icon, {
-    type: "close"
-  }));
-  const dialogTitle = title && /*#__PURE__*/React.createElement(StyledDialogTitle, {
-    showCloseIcon: showCloseIcon,
-    hasSubtitle: !!subtitle,
-    ref: titleRef
-  }, typeof title === "string" ? /*#__PURE__*/React.createElement(Heading, {
-    "data-element": "dialog-title",
-    title: title,
-    titleId: titleId,
-    subheader: subtitle,
-    subtitleId: subtitleId,
-    divider: false,
-    help: help
-  }) : title);
-  let dialogHeight = height;
-  if (height && height.match(/px$/)) {
-    dialogHeight = height.replace("px", "");
-  }
-  const dialogProps = {
-    size,
-    dialogHeight,
-    "aria-labelledby": title && typeof title === "string" ? titleId : ariaLabelledBy,
-    "aria-describedby": subtitle && typeof subtitle === "string" ? subtitleId : ariaDescribedBy,
-    "aria-label": ariaLabel
-  };
-  return /*#__PURE__*/React.createElement(Modal, _extends({
-    open: open,
-    onCancel: onCancel,
-    disableEscKey: disableEscKey,
-    disableClose: disableClose,
-    className: className ? `${className} carbon-dialog` : "carbon-dialog",
-    topModalOverride: topModalOverride,
-    restoreFocusOnClose: restoreFocusOnClose
-  }, rest), /*#__PURE__*/React.createElement(FocusTrap, {
-    autoFocus: !disableAutoFocus,
-    focusFirstElement: focusFirstElement,
-    bespokeTrap: bespokeFocusTrap,
-    focusableSelectors: focusableSelectors,
-    wrapperRef: containerRef,
-    isOpen: open,
-    additionalWrapperRefs: focusableContainers
-  }, /*#__PURE__*/React.createElement(DialogPositioner, null, /*#__PURE__*/React.createElement(StyledDialog, _extends({
-    "data-component": dataComponent,
-    "data-element": dataElement,
-    "data-role": dataRole,
-    "aria-modal": isTopModal ? true : undefined,
-    ref: containerRef
-  }, dialogProps, {
-    highlightVariant: highlightVariant,
-    role: role,
-    tabIndex: -1
-  }, contentPadding, {
-    backgroundColor: greyBackground ? "var(--colorsUtilityMajor025)" : "var(--colorsUtilityYang100)"
-  }), dialogTitle, closeIcon, /*#__PURE__*/React.createElement(StyledDialogContent, _extends({}, contentPadding, {
-    "data-role": "dialog-content",
-    tabIndex: -1
-  }), children)))));
-});
-export default Dialog;
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useImperativeHandle as a}from"react";import l from"../../__internal__/utils/helpers/guid/index.js";import n from"../modal/modal.component.js";import{Heading as i}from"../heading/heading.component.js";import s from"../../__internal__/utils/helpers/tags/tags.js";import{DialogPositioner as c,StyledDialog as d,StyledDialogContent as u,StyledDialogTitle as p}from"./dialog.style.js";import b from"../../__internal__/focus-trap/focus-trap.component.js";import m from"../icon-button/icon-button.component.js";import f from"../icon/icon.component.js";import g from"../../hooks/__internal__/useLocale/useLocale.js";import h from"../../hooks/__internal__/useModalAria/useModalAria.js";import y from"../../__internal__/utils/logger/index.js";function O(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}function j(e){for(var o=1;o<arguments.length;o++){var t=null!=arguments[o]?arguments[o]:{},r=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(o){O(e,o,t[o])}))}return e}function _(e,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):function(e){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);o.push.apply(o,t)}return o}(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))})),e}let v=!1;const P=t(((t,O)=>{var{className:P,"data-component":w="dialog","data-element":C="dialog","data-role":k,children:F,open:x,height:S,size:E="medium",title:I,disableEscKey:D,subtitle:M,disableAutoFocus:A=!1,focusFirstElement:B,focusableSelectors:T,onCancel:z,showCloseIcon:K=!0,bespokeFocusTrap:L,disableClose:N,help:V,highlightVariant:R="default",role:U="dialog",contentPadding:$={},greyBackground:H=!1,focusableContainers:W,topModalOverride:Y,closeButtonDataProps:q,restoreFocusOnClose:G=!0,"aria-labelledby":J,"aria-describedby":Q,"aria-label":X}=t,Z=function(e,o){if(null==e)return{};var t,r,a=function(e,o){if(null==e)return{};var t,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)t=l[r],o.indexOf(t)>=0||(a[t]=e[t]);return a}(e,o);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)t=l[r],o.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(t,["className","data-component","data-element","data-role","children","open","height","size","title","disableEscKey","subtitle","disableAutoFocus","focusFirstElement","focusableSelectors","onCancel","showCloseIcon","bespokeFocusTrap","disableClose","help","highlightVariant","role","contentPadding","greyBackground","focusableContainers","topModalOverride","closeButtonDataProps","restoreFocusOnClose","aria-labelledby","aria-describedby","aria-label"]);const ee=g(),oe=r(null),te=r(null),{current:re}=r(l()),{current:ae}=r(l()),le=h(oe);!v&&(null==Z?void 0:Z.timeout)&&(v=!0,y.deprecate("The timeout prop in Dialog is deprecated and will soon be removed.")),a(O,(()=>({focus(){var e;null===(e=oe.current)||void 0===e||e.focus()}})),[]);const ne=K&&z&&e(m,_(j({"aria-label":ee.dialog.ariaLabels.close(),onClick:z,disabled:N},s("close",j({"data-element":"close"},q))),{children:e(f,{type:"close"})})),ie=I&&e(p,{showCloseIcon:K,hasSubtitle:!!M,ref:te,children:"string"==typeof I?e(i,{"data-element":"dialog-title",title:I,titleId:re,subheader:M,subtitleId:ae,divider:!1,help:V}):I});let se=S;S&&S.match(/px$/)&&(se=S.replace("px",""));const ce={size:E,dialogHeight:se,"aria-labelledby":I&&"string"==typeof I?re:J,"aria-describedby":M&&"string"==typeof M?ae:Q,"aria-label":X};return e(n,_(j({open:x,onCancel:z,disableEscKey:D,disableClose:N,className:P?`${P} carbon-dialog`:"carbon-dialog",topModalOverride:Y,restoreFocusOnClose:G},Z),{children:e(b,{autoFocus:!A,focusFirstElement:B,bespokeTrap:L,focusableSelectors:T,wrapperRef:oe,isOpen:x,additionalWrapperRefs:W,children:e(c,{children:o(d,_(j(_(j({"data-component":w,"data-element":C,"data-role":k,"aria-modal":!!le||void 0,ref:oe},ce),{highlightVariant:R,role:U,tabIndex:-1}),$),{backgroundColor:H?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)",children:[ie,ne,e(u,_(j({},$),{"data-role":"dialog-content",tabIndex:-1,children:F}))]}))})})}))}));export{P as Dialog,P as default};

package/esm/components/dialog/dialog.config.js

@@ -1 +1 @@
-export const DIALOG_SIZES = ["auto", "extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large", "maximise"];
+const m=["auto","extra-small","small","medium-small","medium","medium-large","large","extra-large","maximise"];export{m as DIALOG_SIZES};

package/esm/components/dialog/dialog.style.js

@@ -1,154 +1 @@
-import styled, { css } from "styled-components";
-import { padding as paddingFn } from "styled-system";
-import baseTheme from "../../style/themes/base";
-import { StyledHeaderContent, StyledHeading, StyledHeadingTitle } from "../heading/heading.style";
-import StyledIconButton from "../icon-button/icon-button.style";
-import { StyledFormContent, StyledForm, StyledFormFooter } from "../form/form.style";
-const dialogSizes = {
-  auto: "fit-content",
-  "extra-small": "300px",
-  small: "380px",
-  "medium-small": "540px",
-  medium: "750px",
-  "medium-large": "850px",
-  large: "960px",
-  "extra-large": "1080px"
-};
-const DialogPositioner = styled.div`
-  position: fixed;
-  inset: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: ${({
-  theme
-}) => theme.zIndex.modal};
-`;
-const StyledDialog = styled.div`
-  box-shadow: var(--boxShadow300);
-  display: flex;
-  flex-direction: column;
-  position: relative;
-  border-radius: var(--borderRadius200);
-
-  ${({
-  size
-}) => size === "maximise" ? css`
-          height: calc(100% - var(--spacing400));
-          width: calc(100% - var(--spacing400));
-
-          @media screen and (min-width: 960px) {
-            height: calc(100% - var(--spacing800));
-            width: calc(100% - var(--spacing800));
-          }
-        ` : css`
-          max-height: 90vh;
-          max-width: ${dialogSizes[size]};
-          width: 100%;
-        `};
-
-  &:focus {
-    outline: none;
-  }
-
-  ${({
-  highlightVariant
-}) => highlightVariant === "ai" && `
-      &::before {
-        content: "";
-        position: absolute;
-        top: -8px;
-        height: 100px;
-        width: 100%;
-        z-index: -1;
-        background: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);
-        border-radius: var(--borderRadius200) var(--borderRadius200) 0 0;
-      }`}
-
-  ${({
-  backgroundColor
-}) => css`
-    background-color: ${backgroundColor};
-  `}
-
-  ${({
-  dialogHeight
-}) => dialogHeight && css`
-      height: ${dialogHeight}px;
-    `}
-  
-  > ${StyledIconButton} {
-    margin: 0;
-    position: absolute;
-    right: 33px;
-    top: 32px;
-    z-index: 1;
-
-    &:hover {
-      color: #255bc7;
-    }
-  }
-`;
-const StyledDialogTitle = styled.div`
-  background-color: var(--colorsUtilityYang100);
-  padding: 23px 32px 0;
-  border-bottom: 1px solid #ccd6db;
-  border-top-right-radius: var(--borderRadius200);
-  border-top-left-radius: var(--borderRadius200);
-  ${({
-  showCloseIcon
-}) => showCloseIcon && "padding-right: 85px"};
-
-  ${StyledHeaderContent} {
-    align-items: baseline;
-  }
-
-  ${StyledHeading} {
-    margin-bottom: 20px;
-
-    ${StyledHeadingTitle} {
-      color: var(--colorsUtilityYin090);
-      display: block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      padding: ${({
-  hasSubtitle
-}) => !hasSubtitle && "4px 0px"};
-    }
-  }
-`;
-const StyledDialogContent = styled.div`
-  box-sizing: border-box;
-  display: block;
-  overflow-y: auto;
-  width: 100%;
-  flex-grow: 1;
-
-  padding: 24px 32px 30px;
-  ${paddingFn}
-
-  &:has(${StyledForm}.sticky) {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-
-    ${StyledForm}.sticky {
-      ${StyledFormContent} {
-        padding: 24px 32px 30px;
-        ${paddingFn}
-      }
-
-      ${StyledFormFooter} {
-        border-bottom-right-radius: var(--borderRadius200);
-        border-bottom-left-radius: var(--borderRadius200);
-      }
-    }
-  }
-`;
-DialogPositioner.defaultProps = {
-  theme: baseTheme
-};
-StyledDialogContent.defaultProps = {
-  theme: baseTheme
-};
-export { DialogPositioner, StyledDialog, StyledDialogTitle, StyledDialogContent };
+import i,{css as o}from"styled-components";import{padding as e}from"styled-system";import t from"../../style/themes/base/index.js";import{StyledHeaderContent as a,StyledHeading as d,StyledHeadingTitle as r}from"../heading/heading.style.js";import n from"../icon-button/icon-button.style.js";import{StyledForm as l,StyledFormContent as s,StyledFormFooter as p}from"../form/form.style.js";const m={auto:"fit-content","extra-small":"300px",small:"380px","medium-small":"540px",medium:"750px","medium-large":"850px",large:"960px","extra-large":"1080px"},c=i.div.withConfig({displayName:"dialog.style__DialogPositioner",componentId:"sc-b5995a75-0"})(["position:fixed;inset:0;display:flex;justify-content:center;align-items:center;z-index:",";"],(({theme:i})=>i.zIndex.modal)),g=i.div.withConfig({displayName:"dialog.style__StyledDialog",componentId:"sc-b5995a75-1"})(["box-shadow:var(--boxShadow300);display:flex;flex-direction:column;position:relative;border-radius:var(--borderRadius200);",";&:focus{outline:none;}"," "," "," > ","{margin:0;position:absolute;right:33px;top:32px;z-index:1;&:hover{color:#255bc7;}}"],(({size:i})=>"maximise"===i?o(["height:calc(100% - var(--spacing400));width:calc(100% - var(--spacing400));@media screen and (min-width:960px){height:calc(100% - var(--spacing800));width:calc(100% - var(--spacing800));}"]):o(["max-height:90vh;max-width:",";width:100%;"],m[i])),(({highlightVariant:i})=>"ai"===i&&'\n      &::before {\n        content: "";\n        position: absolute;\n        top: -8px;\n        height: 100px;\n        width: 100%;\n        z-index: -1;\n        background: linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%);\n        border-radius: var(--borderRadius200) var(--borderRadius200) 0 0;\n      }'),(({backgroundColor:i})=>o(["background-color:",";"],i)),(({dialogHeight:i})=>i&&o(["height:","px;"],i)),n),x=i.div.withConfig({displayName:"dialog.style__StyledDialogTitle",componentId:"sc-b5995a75-2"})(["background-color:var(--colorsUtilityYang100);padding:23px 32px 0;border-bottom:1px solid #ccd6db;border-top-right-radius:var(--borderRadius200);border-top-left-radius:var(--borderRadius200);",";","{align-items:baseline;}","{margin-bottom:20px;","{color:var(--colorsUtilityYin090);display:block;overflow:hidden;text-overflow:ellipsis;padding:",";}}"],(({showCloseIcon:i})=>i&&"padding-right: 85px"),a,d,r,(({hasSubtitle:i})=>!i&&"4px 0px")),b=i.div.withConfig({displayName:"dialog.style__StyledDialogContent",componentId:"sc-b5995a75-3"})(["box-sizing:border-box;display:block;overflow-y:auto;width:100%;flex-grow:1;padding:24px 32px 30px;"," &:has(",".sticky){display:flex;flex-direction:column;padding:0;",".sticky{","{padding:24px 32px 30px;","}","{border-bottom-right-radius:var(--borderRadius200);border-bottom-left-radius:var(--borderRadius200);}}}"],e,l,l,s,e,p);c.defaultProps={theme:t},b.defaultProps={theme:t};export{c as DialogPositioner,g as StyledDialog,b as StyledDialogContent,x as StyledDialogTitle};

package/esm/components/dialog/index.d.ts

@@ -1,4 +1,3 @@
 export { default } from "./dialog.component";
-export type { DialogProps } from "./dialog.component";
-export type { DialogHandle } from "./dialog.component";
+export type { DialogProps, DialogHandle } from "./dialog.component";
 export type { DialogSizes } from "./dialog.config";

package/esm/components/dialog/index.js

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

package/esm/components/dialog-full-screen/content.style.js

@@ -1,51 +1 @@
-import styled, { css } from "styled-components";
-import { StyledForm, StyledFormContent } from "../form/form.style";
-function computePadding({
-  disableContentPadding
-}) {
-  if (disableContentPadding) {
-    return "padding: 0;";
-  }
-  return css`
-    padding: 0 16px;
-    @media screen and (min-width: 600px) {
-      padding: 0 24px;
-    }
-    @media screen and (min-width: 960px) {
-      padding: 0 32px;
-    }
-    @media screen and (min-width: 1260px) {
-      padding: 0 40px;
-    }
-  `;
-}
-const StyledContent = styled.div`
-  box-sizing: border-box;
-  display: block;
-  overflow-y: auto;
-
-  flex: 1;
-  width: 100%;
-
-  ${computePadding}
-
-  &:has(${StyledForm}.sticky) {
-    display: flex;
-    flex-direction: column;
-    overflow-y: hidden;
-    padding: 0;
-
-    ${StyledForm}.sticky {
-      ${StyledFormContent} {
-        ${computePadding}
-      }
-    }
-  }
-
-  ${({
-  hasHeader
-}) => !hasHeader && css`
-      padding-top: 0;
-    `}
-`;
-export default StyledContent;
+import d,{css as n}from"styled-components";import{StyledForm as i,StyledFormContent as e}from"../form/form.style.js";function o({disableContentPadding:d}){return d?"padding: 0;":n(["padding:0 16px;@media screen and (min-width:600px){padding:0 24px;}@media screen and (min-width:960px){padding:0 32px;}@media screen and (min-width:1260px){padding:0 40px;}"])}const t=d.div.withConfig({displayName:"content.style__StyledContent",componentId:"sc-a4a25ca1-0"})(["box-sizing:border-box;display:block;overflow-y:auto;flex:1;width:100%;"," &:has(",".sticky){display:flex;flex-direction:column;overflow-y:hidden;padding:0;",".sticky{","{","}}}",""],o,i,i,e,o,(({hasHeader:d})=>!d&&n(["padding-top:0;"])));export{t as default};