carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/textbox/textbox.component.js

@@ -1,247 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Textbox = exports.SIZE_DEFAULT = exports.LABEL_WIDTH_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = exports.ALIGN_DEFAULT = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _box = _interopRequireDefault(require("../box"));
-var _formField = _interopRequireDefault(require("../../__internal__/form-field"));
-var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
-var _input = require("../../__internal__/input");
-var _inputBehaviour = require("../../__internal__/input-behaviour");
-var _inputIconToggle = _interopRequireDefault(require("../../__internal__/input-icon-toggle"));
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _validationMessage = _interopRequireDefault(require("../../__internal__/validation-message"));
-var _utils = require("../../style/utils");
-var _newValidation = _interopRequireDefault(require("../carbon-provider/__internal__/new-validation.context"));
-var _numeralDate = _interopRequireDefault(require("../numeral-date/__internal__/numeral-date.context"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _useCharacterCount = _interopRequireDefault(require("../../hooks/useCharacterCount"));
-var _useUniqueId = _interopRequireDefault(require("../../hooks/__internal__/useUniqueId"));
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _useInputAccessibility = _interopRequireDefault(require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility"));
-var _textbox = _interopRequireDefault(require("./textbox.style"));
-var _prefix = _interopRequireDefault(require("./__internal__/prefix.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const ALIGN_DEFAULT = exports.ALIGN_DEFAULT = "left";
-const SIZE_DEFAULT = exports.SIZE_DEFAULT = "medium";
-const LABEL_WIDTH_DEFAULT = exports.LABEL_WIDTH_DEFAULT = 30;
-const LABEL_VALIDATION_DEFAULT = exports.LABEL_VALIDATION_DEFAULT = false;
-let deprecatedAriaDescribedByWarnTriggered = false;
-let deprecateOptionalWarnTriggered = false;
-let deprecateUncontrolledWarnTriggered = false;
-const Textbox = exports.Textbox = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedByProp,
-  ariaDescribedBy: ariaDescribedByDeprecated,
-  align = ALIGN_DEFAULT,
-  autoFocus,
-  children,
-  disabled,
-  inputIcon,
-  leftChildren,
-  label,
-  labelAlign,
-  labelHelp,
-  labelInline,
-  labelSpacing,
-  id,
-  formattedValue,
-  inputHint,
-  fieldHelp,
-  error,
-  warning,
-  info,
-  name,
-  reverse,
-  size = SIZE_DEFAULT,
-  value,
-  readOnly,
-  placeholder,
-  onBlur,
-  onClick,
-  onFocus,
-  onChange,
-  onMouseDown,
-  onChangeDeferred,
-  deferTimeout,
-  isOptional,
-  iconOnClick,
-  iconOnMouseDown,
-  iconTabIndex,
-  validationOnLabel = LABEL_VALIDATION_DEFAULT,
-  labelWidth = LABEL_WIDTH_DEFAULT,
-  inputWidth,
-  maxWidth,
-  prefix,
-  adaptiveLabelBreakpoint,
-  required,
-  positionedChildren,
-  tooltipPosition,
-  "data-component": dataComponent,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  characterLimit,
-  helpAriaLabel,
-  tooltipId,
-  ...props
-}, ref) => {
-  if (!deprecateOptionalWarnTriggered && isOptional) {
-    deprecateOptionalWarnTriggered = true;
-    _logger.default.deprecate("`isOptional` is deprecated in Textbox and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead.");
-  }
-  const characterCountValue = typeof value === "string" ? value : "";
-  const [uniqueId, uniqueName] = (0, _useUniqueId.default)(id, name);
-  const [characterCountAriaLive, setCharacterCountAriaLive] = (0, _react.useState)("off");
-
-  // This block of code has been covered in a Playwright test.
-  // istanbul ignore next
-  const handleFocus = ev => {
-    if (characterLimit) setCharacterCountAriaLive("polite");
-    onFocus?.(ev);
-  };
-
-  // This block of code has been covered in a Playwright test.
-  // istanbul ignore next
-  const handleBlur = ev => {
-    if (characterLimit) setCharacterCountAriaLive("off");
-    onBlur?.(ev);
-  };
-  const [characterCount, visuallyHiddenHintId] = (0, _useCharacterCount.default)(characterCountValue, characterLimit, characterCountAriaLive);
-  const {
-    validationRedesignOptIn
-  } = (0, _react.useContext)(_newValidation.default);
-  const {
-    disableErrorBorder
-  } = (0, _react.useContext)(_numeralDate.default);
-  const computeLabelPropValues = prop => validationRedesignOptIn ? undefined : prop;
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Textbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  if (!deprecatedAriaDescribedByWarnTriggered && ariaDescribedByDeprecated) {
-    deprecatedAriaDescribedByWarnTriggered = true;
-    _logger.default.deprecate("The `ariaDescribedBy` prop in `Textbox` is deprecated and will soon be removed, please use `aria-describedby` instead.");
-  }
-  const {
-    labelId,
-    validationId,
-    fieldHelpId,
-    ariaDescribedBy
-  } = (0, _useInputAccessibility.default)({
-    id: uniqueId,
-    validationRedesignOptIn,
-    error,
-    warning,
-    info,
-    label,
-    fieldHelp
-  });
-  const hintId = (0, _react.useRef)((0, _guid.default)());
-  const inputHintId = inputHint ? hintId.current : undefined;
-  const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId, ariaDescribedByProp || ariaDescribedByDeprecated].filter(Boolean).join(" ");
-  const hasIconInside = !!(inputIcon || validationId && !validationOnLabel);
-  const input = /*#__PURE__*/_react.default.createElement(_input.InputPresentation, {
-    align: align,
-    disabled: disabled,
-    readOnly: readOnly,
-    size: size,
-    error: error,
-    warning: warning,
-    info: info,
-    prefix: prefix,
-    inputWidth: inputWidth || 100 - labelWidth,
-    maxWidth: labelInline || labelAlign !== "right" ? maxWidth : undefined,
-    positionedChildren: positionedChildren,
-    hasIcon: hasIconInside
-  }, leftChildren, prefix && /*#__PURE__*/_react.default.createElement(_prefix.default, {
-    "data-element": "textbox-prefix",
-    size: size
-  }, prefix), /*#__PURE__*/_react.default.createElement(_input.Input, _extends({}, required && {
-    required
-  }, {
-    align: align,
-    "aria-invalid": !!error,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": combinedAriaDescribedBy,
-    autoFocus: autoFocus,
-    deferTimeout: deferTimeout,
-    disabled: disabled,
-    id: uniqueId,
-    ref: ref,
-    name: uniqueName,
-    onBlur: handleBlur,
-    onChange: onChange,
-    onChangeDeferred: onChangeDeferred,
-    onClick: disabled || readOnly ? undefined : onClick,
-    onFocus: handleFocus,
-    onMouseDown: disabled || readOnly ? undefined : onMouseDown,
-    placeholder: disabled || readOnly ? "" : placeholder,
-    readOnly: readOnly,
-    value: typeof formattedValue === "string" ? formattedValue : value,
-    validationIconId: validationRedesignOptIn ? undefined : tooltipId || validationId
-  }, props)), children, /*#__PURE__*/_react.default.createElement(_inputIconToggle.default, {
-    align: align,
-    disabled: disabled,
-    error: error,
-    iconTabIndex: iconTabIndex,
-    info: info,
-    inputIcon: inputIcon,
-    onClick: disabled || readOnly ? undefined : iconOnClick || onClick,
-    onMouseDown: disabled || readOnly ? undefined : iconOnMouseDown || onMouseDown,
-    readOnly: readOnly,
-    size: size,
-    useValidationIcon: !(validationRedesignOptIn || validationOnLabel),
-    warning: warning,
-    validationIconId: validationRedesignOptIn ? undefined : tooltipId || validationId
-  }));
-  return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    helpAriaLabel: helpAriaLabel,
-    tooltipPosition: tooltipPosition
-  }, /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputBehaviour, null, /*#__PURE__*/_react.default.createElement(_formField.default, _extends({
-    maxWidth: !labelInline && labelAlign === "right" ? maxWidth : undefined,
-    disabled: disabled,
-    fieldHelpId: fieldHelpId,
-    fieldHelp: computeLabelPropValues(fieldHelp),
-    error: error,
-    warning: warning,
-    info: info,
-    label: label,
-    labelId: labelId,
-    labelAlign: labelAlign,
-    labelHelp: computeLabelPropValues(labelHelp),
-    labelInline: computeLabelPropValues(labelInline),
-    labelSpacing: labelSpacing,
-    labelWidth: computeLabelPropValues(labelWidth),
-    id: uniqueId,
-    reverse: computeLabelPropValues(reverse),
-    isOptional: isOptional,
-    useValidationIcon: computeLabelPropValues(validationOnLabel),
-    adaptiveLabelBreakpoint: adaptiveLabelBreakpoint,
-    isRequired: required,
-    "data-component": dataComponent,
-    "data-role": dataRole,
-    "data-element": dataElement,
-    validationIconId: validationRedesignOptIn ? undefined : validationId,
-    validationRedesignOptIn: validationRedesignOptIn
-  }, (0, _utils.filterStyledSystemMarginProps)(props)), (inputHint || labelHelp && validationRedesignOptIn) && /*#__PURE__*/_react.default.createElement(_hintText.default, {
-    align: labelAlign,
-    "data-element": "input-hint",
-    id: inputHintId,
-    isComponentInline: labelInline
-  }, inputHint || labelHelp), validationRedesignOptIn ? /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "relative"
-  }, /*#__PURE__*/_react.default.createElement(_validationMessage.default, {
-    error: error,
-    validationId: validationId,
-    warning: warning
-  }), !disableErrorBorder && (error || warning) && /*#__PURE__*/_react.default.createElement(_textbox.default, {
-    warning: !!(!error && warning)
-  }), input) : input, characterCount)));
-});
-Textbox.displayName = "Textbox";
-var _default = exports.default = Textbox;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../box/box.component.js"),t=require("../../__internal__/form-field/form-field.component.js"),r=require("../../__internal__/hint-text/hint-text.component.js"),o=require("../../__internal__/input/input.component.js"),a=require("../../__internal__/input/input-presentation.component.js"),l=require("../../__internal__/input-behaviour/input-behaviour.component.js"),d=require("../../__internal__/input-icon-toggle/input-icon-toggle.component.js"),s=require("../../__internal__/tooltip-provider/index.js"),u=require("../../__internal__/validation-message/validation-message.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var p=require("../../style/utils/filter-styled-system-margin-props.js"),c=require("../carbon-provider/__internal__/new-validation.context.js"),b=require("../numeral-date/__internal__/numeral-date.context.js"),f=require("../../__internal__/utils/logger/index.js"),_=require("../../hooks/useCharacterCount/useCharacterCount.js"),h=require("../../hooks/__internal__/useUniqueId/index.js"),x=require("../../__internal__/utils/helpers/guid/index.js"),g=require("../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),m=require("./textbox.style.js"),v=require("./__internal__/prefix.style.js");function y(e){return e&&e.__esModule?e:{default:e}}function j(e,i,n){return i in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n,e}function O(e){for(var i=1;i<arguments.length;i++){var n=null!=arguments[i]?arguments[i]:{},t=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),t.forEach((function(i){j(e,i,n[i])}))}return e}function I(e,i){return i=null!=i?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):function(e){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);i.push.apply(i,n)}return i}(Object(i)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(i,n))})),e}const w="left",q="medium",C=30,D=!1;let L=!1,T=!1,P=!1;const A=y(i).default.forwardRef(((y,j)=>{var{"aria-labelledby":A,"aria-describedby":k,ariaDescribedBy:B,align:H=w,autoFocus:E,children:S,disabled:W,inputIcon:F,leftChildren:M,label:R,labelAlign:U,labelHelp:z,labelInline:V,labelSpacing:N,id:G,formattedValue:Z,inputHint:J,fieldHelp:K,error:Q,warning:X,info:Y,name:$,reverse:ee,size:ie=q,value:ne,readOnly:te,placeholder:re,onBlur:oe,onClick:ae,onFocus:le,onChange:de,onMouseDown:se,onChangeDeferred:ue,deferTimeout:pe,isOptional:ce,iconOnClick:be,iconOnMouseDown:fe,iconTabIndex:_e,validationOnLabel:he=D,labelWidth:xe=C,inputWidth:ge,maxWidth:me,prefix:ve,adaptiveLabelBreakpoint:ye,required:je,positionedChildren:Oe,tooltipPosition:Ie,"data-component":we,"data-element":qe,"data-role":Ce,characterLimit:De,helpAriaLabel:Le,tooltipId:Te}=y,Pe=function(e,i){if(null==e)return{};var n,t,r=function(e,i){if(null==e)return{};var n,t,r={},o=Object.keys(e);for(t=0;t<o.length;t++)n=o[t],i.indexOf(n)>=0||(r[n]=e[n]);return r}(e,i);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)n=o[t],i.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}(y,["aria-labelledby","aria-describedby","ariaDescribedBy","align","autoFocus","children","disabled","inputIcon","leftChildren","label","labelAlign","labelHelp","labelInline","labelSpacing","id","formattedValue","inputHint","fieldHelp","error","warning","info","name","reverse","size","value","readOnly","placeholder","onBlur","onClick","onFocus","onChange","onMouseDown","onChangeDeferred","deferTimeout","isOptional","iconOnClick","iconOnMouseDown","iconTabIndex","validationOnLabel","labelWidth","inputWidth","maxWidth","prefix","adaptiveLabelBreakpoint","required","positionedChildren","tooltipPosition","data-component","data-element","data-role","characterLimit","helpAriaLabel","tooltipId"]);!T&&ce&&(T=!0,f.default.deprecate("`isOptional` is deprecated in Textbox and support will soon be removed. If the value of this component is not required, use the `required` prop and set it to false instead."));const Ae="string"==typeof ne?ne:"",[ke,Be]=h.default(G,$),[He,Ee]=i.useState("off"),[Se,We]=_.default(Ae,De,He),{validationRedesignOptIn:Fe}=i.useContext(c.default),{disableErrorBorder:Me}=i.useContext(b.default),Re=e=>Fe?void 0:e;P||de||(P=!0,f.default.deprecate("Uncontrolled behaviour in `Textbox` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),!L&&B&&(L=!0,f.default.deprecate("The `ariaDescribedBy` prop in `Textbox` is deprecated and will soon be removed, please use `aria-describedby` instead."));const{labelId:Ue,validationId:ze,fieldHelpId:Ve,ariaDescribedBy:Ne}=g.default({id:ke,validationRedesignOptIn:Fe,error:Q,warning:X,info:Y,label:R,fieldHelp:K}),Ge=i.useRef(x.default()),Ze=J?Ge.current:void 0,Je=[Ne,Ze,We,k||B].filter(Boolean).join(" "),Ke=!!(F||ze&&!he),Qe=e.jsxs(a.default,{align:H,disabled:W,readOnly:te,size:ie,error:Q,warning:X,info:Y,prefix:ve,inputWidth:ge||100-xe,maxWidth:V||"right"!==U?me:void 0,positionedChildren:Oe,hasIcon:Ke,children:[M,ve&&e.jsx(v.default,{"data-element":"textbox-prefix",size:ie,children:ve}),e.jsx(o.default,O(I(O({},je&&{required:je}),{align:H,"aria-invalid":!!Q,"aria-labelledby":A,"aria-describedby":Je,autoFocus:E,deferTimeout:pe,disabled:W,id:ke,ref:j,name:Be,onBlur:e=>{De&&Ee("off"),null==oe||oe(e)},onChange:de,onChangeDeferred:ue,onClick:W||te?void 0:ae,onFocus:e=>{De&&Ee("polite"),null==le||le(e)},onMouseDown:W||te?void 0:se,placeholder:W||te?"":re,readOnly:te,value:"string"==typeof Z?Z:ne,validationIconId:Fe?void 0:Te||ze}),Pe)),S,e.jsx(d.default,{align:H,disabled:W,error:Q,iconTabIndex:_e,info:Y,inputIcon:F,onClick:W||te?void 0:be||ae,onMouseDown:W||te?void 0:fe||se,readOnly:te,size:ie,useValidationIcon:!(Fe||he),warning:X,validationIconId:Fe?void 0:Te||ze})]});return e.jsx(s.TooltipProvider,{helpAriaLabel:Le,tooltipPosition:Ie,children:e.jsx(l.InputBehaviour,{children:e.jsxs(t.default,I(O({maxWidth:V||"right"!==U?void 0:me,disabled:W,fieldHelpId:Ve,fieldHelp:Re(K),error:Q,warning:X,info:Y,label:R,labelId:Ue,labelAlign:U,labelHelp:Re(z),labelInline:Re(V),labelSpacing:N,labelWidth:Re(xe),id:ke,reverse:Re(ee),isOptional:ce,useValidationIcon:Re(he),adaptiveLabelBreakpoint:ye,isRequired:je,"data-component":we,"data-role":Ce,"data-element":qe,validationIconId:Fe?void 0:ze,validationRedesignOptIn:Fe},p.default(Pe)),{children:[(J||z&&Fe)&&e.jsx(r.HintText,{align:U,"data-element":"input-hint",id:Ze,isComponentInline:V,children:J||z}),Fe?e.jsxs(n.Box,{position:"relative",children:[e.jsx(u.default,{error:Q,validationId:ze,warning:X}),!Me&&(Q||X)&&e.jsx(m.default,{warning:!(Q||!X)}),Qe]}):Qe,Se]}))})})}));A.displayName="Textbox",exports.ALIGN_DEFAULT=w,exports.LABEL_VALIDATION_DEFAULT=D,exports.LABEL_WIDTH_DEFAULT=C,exports.SIZE_DEFAULT=q,exports.Textbox=A,exports.default=A;

package/lib/components/textbox/textbox.style.js

@@ -1,24 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const ErrorBorder = _styledComponents.default.span`
-  ${({
-  warning,
-  inline
-}) => (0, _styledComponents.css)`
-    position: absolute;
-    z-index: 6;
-    width: 2px;
-    background-color: ${warning ? "var(--colorsSemanticCaution500)" : "var(--colorsSemanticNegative500)"};
-    left: -12px;
-    bottom: ${inline ? "10px" : "0px"};
-    top: 0px;
-  `}
-`;
-var _default = exports.default = ErrorBorder;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components");function t(e){return e&&e.__esModule?e:{default:e}}const o=t(e).default.span.withConfig({displayName:"textbox.style__ErrorBorder",componentId:"sc-ddfe21e6-0"})(["",""],(({warning:t,inline:o})=>e.css(["position:absolute;z-index:6;width:2px;background-color:",";left:-12px;bottom:",";top:0px;"],t?"var(--colorsSemanticCaution500)":"var(--colorsSemanticNegative500)",o?"10px":"0px")));exports.default=o;

package/lib/components/tile/__internal__/compute-content-padding.js

@@ -1,30 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _filterStyledSystemPaddingProps = require("../../../style/utils/filter-styled-system-padding-props");
-const CONTENT_PADDING_LEFT_KEYS = [..._filterStyledSystemPaddingProps.paddingLeftPropertyNames, ..._filterStyledSystemPaddingProps.paddingXPropertyNames, ..._filterStyledSystemPaddingProps.paddingNames];
-const CONTENT_PADDING_RIGHT_KEYS = [..._filterStyledSystemPaddingProps.paddingRightPropertyNames, ..._filterStyledSystemPaddingProps.paddingXPropertyNames, ..._filterStyledSystemPaddingProps.paddingNames];
-const CONTENT_PADDING_TOP_KEYS = [..._filterStyledSystemPaddingProps.paddingTopPropertyNames, ..._filterStyledSystemPaddingProps.paddingYPropertyNames, ..._filterStyledSystemPaddingProps.paddingNames];
-const CONTENT_PADDING_BOTTOM_KEYS = [..._filterStyledSystemPaddingProps.paddingBottomPropertyNames, ..._filterStyledSystemPaddingProps.paddingYPropertyNames, ..._filterStyledSystemPaddingProps.paddingNames];
-var _default = (paddingProps, isHorizontal) => {
-  const getPaddingProps = paddingKeys => {
-    const key = paddingKeys.find(propName => paddingProps[propName]);
-
-    /* istanbul ignore if */
-    if (!key) {
-      return key;
-    }
-    return paddingProps[key];
-  };
-  return isHorizontal ? {
-    pr: getPaddingProps(CONTENT_PADDING_LEFT_KEYS),
-    pl: getPaddingProps(CONTENT_PADDING_RIGHT_KEYS)
-  } : {
-    pt: getPaddingProps(CONTENT_PADDING_TOP_KEYS),
-    pb: getPaddingProps(CONTENT_PADDING_BOTTOM_KEYS)
-  };
-};
-exports.default = _default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../style/utils/filter-styled-system-padding-props.js");const d=[...e.paddingLeftPropertyNames,...e.paddingXPropertyNames,...e.paddingNames],p=[...e.paddingRightPropertyNames,...e.paddingXPropertyNames,...e.paddingNames],r=[...e.paddingTopPropertyNames,...e.paddingYPropertyNames,...e.paddingNames],t=[...e.paddingBottomPropertyNames,...e.paddingYPropertyNames,...e.paddingNames];exports.default=(e,a)=>{const s=d=>{const p=d.find((d=>e[d]));return p?e[p]:p};return a?{pr:s(d),pl:s(p)}:{pt:s(r),pb:s(t)}};

package/lib/components/tile/__internal__/tile.context.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTileContext = exports.TileProvider = void 0;
-var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const [TileProvider, useTileContext] = (0, _createStrictContext.default)({
-  name: "TileContext",
-  errorMessage: "Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    paddingPropsFromTile: {},
-    isHorizontal: false
-  }
-});
-exports.useTileContext = useTileContext;
-exports.TileProvider = TileProvider;
+"use strict";var e=require("../../../__internal__/utils/createStrictContext/createStrictContext.js");const[t,r]=e.default({name:"TileContext",errorMessage:"Carbon Tile: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{paddingPropsFromTile:{},isHorizontal:!1}});exports.TileProvider=t,exports.useTileContext=r;

package/lib/components/tile/flex-tile-cell/flex-tile-cell.component.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FlexTileCell = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _box = _interopRequireDefault(require("../../box"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const FlexTileCell = ({
-  children,
-  flexGrow = 1,
-  flexBasis = "160px",
-  flexShrink = 0,
-  ...rest
-}) => {
-  if (!children) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-  return /*#__PURE__*/_react.default.createElement(_box.default, _extends({
-    display: "flex",
-    position: "relative",
-    flexGrow: flexGrow,
-    flexBasis: flexBasis,
-    flexShrink: flexShrink
-  }, rest, (0, _tags.default)("flex-tile-cell", rest)), children);
-};
-exports.FlexTileCell = FlexTileCell;
-var _default = exports.default = FlexTileCell;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../../__internal__/utils/helpers/tags/tags.js");function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var l,i,{children:c,flexGrow:s=1,flexBasis:f="160px",flexShrink:u=0}=o,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,["children","flexGrow","flexBasis","flexShrink"]);return c?e.jsx(r.Box,(l=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({display:"flex",position:"relative",flexGrow:s,flexBasis:f,flexShrink:u},a,t.default("flex-tile-cell",a)),i=null!=(i={children:c})?i:{},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(i)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(i)).forEach((function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(i,e))})),l)):e.jsx(e.Fragment,{})};exports.FlexTileCell=o,exports.default=o;

package/lib/components/tile/flex-tile-cell/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _flexTileCell.default;
-  }
-});
-var _flexTileCell = _interopRequireDefault(require("./flex-tile-cell.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-cell.component.js");exports.default=e.FlexTileCell;

package/lib/components/tile/flex-tile-cell/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/tile/flex-tile-cell/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tile/flex-tile-cell/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/tile/flex-tile-container/flex-tile-container.component.js

@@ -1,32 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FlexTileContainer = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _box = _interopRequireDefault(require("../../box"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FlexTileContainer = ({
-  children,
-  columnGap = 2,
-  overflow = "hidden"
-}) => {
-  if (!children) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-  }
-  return /*#__PURE__*/_react.default.createElement(_box.default, {
-    alignContent: "stretch",
-    alignItems: "stretch",
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    columnGap: columnGap,
-    justifyContent: "flex-start",
-    overflow: overflow,
-    width: "100%",
-    "data-component": "flex-tile-container"
-  }, children);
-};
-exports.FlexTileContainer = FlexTileContainer;
-var _default = exports.default = FlexTileContainer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("../../box/box.component.js");const r=({children:r,columnGap:o=2,overflow:n="hidden"})=>r?e.jsx(t.Box,{alignContent:"stretch",alignItems:"stretch",display:"flex",flexDirection:"row",flexWrap:"wrap",columnGap:o,justifyContent:"flex-start",overflow:n,width:"100%","data-component":"flex-tile-container",children:r}):e.jsx(e.Fragment,{});exports.FlexTileContainer=r,exports.default=r;

package/lib/components/tile/flex-tile-container/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _flexTileContainer.default;
-  }
-});
-var _flexTileContainer = _interopRequireDefault(require("./flex-tile-container.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-container.component.js");exports.default=e.FlexTileContainer;

package/lib/components/tile/flex-tile-container/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/tile/flex-tile-container/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tile/flex-tile-container/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FlexTileDivider = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _box = _interopRequireDefault(require("../../box"));
-var _hr = _interopRequireDefault(require("../../hr/hr.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const FlexTileDivider = () => {
-  return /*#__PURE__*/_react.default.createElement(_box.default, {
-    position: "absolute",
-    bottom: "0px",
-    left: "0px",
-    height: "1px",
-    width: "100vw",
-    m: "0px 0px -1px 0px"
-  }, /*#__PURE__*/_react.default.createElement(_hr.default, {
-    "aria-hidden": "true",
-    "data-role": "hr",
-    m: 0
-  }));
-};
-exports.FlexTileDivider = FlexTileDivider;
-var _default = exports.default = FlexTileDivider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../../box/box.component.js"),t=require("../../hr/hr.component.js");const o=()=>e.jsx(r.Box,{position:"absolute",bottom:"0px",left:"0px",height:"1px",width:"100vw",m:"0px 0px -1px 0px",children:e.jsx(t.Hr,{"aria-hidden":"true","data-role":"hr",m:0})});exports.FlexTileDivider=o,exports.default=o;

package/lib/components/tile/flex-tile-divider/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _flexTileDivider.default;
-  }
-});
-var _flexTileDivider = _interopRequireDefault(require("./flex-tile-divider.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./flex-tile-divider.component.js");exports.default=e.FlexTileDivider;

package/lib/components/tile/flex-tile-divider/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/tile/flex-tile-divider/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tile/flex-tile-divider/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/tile/index.js

@@ -1,55 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FlexTileCell", {
-  enumerable: true,
-  get: function () {
-    return _flexTileCell.default;
-  }
-});
-Object.defineProperty(exports, "FlexTileContainer", {
-  enumerable: true,
-  get: function () {
-    return _flexTileContainer.default;
-  }
-});
-Object.defineProperty(exports, "FlexTileDivider", {
-  enumerable: true,
-  get: function () {
-    return _flexTileDivider.default;
-  }
-});
-Object.defineProperty(exports, "Tile", {
-  enumerable: true,
-  get: function () {
-    return _tile.default;
-  }
-});
-Object.defineProperty(exports, "TileContent", {
-  enumerable: true,
-  get: function () {
-    return _tileContent.default;
-  }
-});
-Object.defineProperty(exports, "TileFooter", {
-  enumerable: true,
-  get: function () {
-    return _tileFooter.default;
-  }
-});
-Object.defineProperty(exports, "TileHeader", {
-  enumerable: true,
-  get: function () {
-    return _tileHeader.default;
-  }
-});
-var _tile = _interopRequireDefault(require("./tile.component"));
-var _tileContent = _interopRequireDefault(require("./tile-content"));
-var _tileFooter = _interopRequireDefault(require("./tile-footer"));
-var _tileHeader = _interopRequireDefault(require("./tile-header"));
-var _flexTileContainer = _interopRequireDefault(require("./flex-tile-container"));
-var _flexTileCell = _interopRequireDefault(require("./flex-tile-cell"));
-var _flexTileDivider = _interopRequireDefault(require("./flex-tile-divider"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";var e=require("./tile.component.js"),l=require("./tile-content/tile-content.component.js"),i=require("./tile-footer/tile-footer.component.js"),t=require("./tile-header/tile-header.component.js"),r=require("./flex-tile-container/flex-tile-container.component.js"),o=require("./flex-tile-cell/flex-tile-cell.component.js"),n=require("./flex-tile-divider/flex-tile-divider.component.js");exports.Tile=e.Tile,exports.TileContent=l.default,exports.TileFooter=i.TileFooter,exports.TileHeader=t.TileHeader,exports.FlexTileContainer=r.FlexTileContainer,exports.FlexTileCell=o.FlexTileCell,exports.FlexTileDivider=n.FlexTileDivider;

package/lib/components/tile/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/tile/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tile/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/tile/tile-content/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _tileContent.default;
-  }
-});
-var _tileContent = _interopRequireDefault(require("./tile-content.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tile-content.component.js");exports.default=e.default;

package/lib/components/tile/tile-content/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/tile/tile-content/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tile/tile-content/index.js",
   "types": "./index.d.ts"
 }