carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/button/button.component.js

@@ -1,190 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _button = _interopRequireWildcard(require("./button.style"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _tooltipProvider = require("../../__internal__/tooltip-provider");
-var _buttonBar = _interopRequireDefault(require("../button-bar/__internal__/button-bar.context"));
-var _splitButton = _interopRequireDefault(require("../split-button/__internal__/split-button.context"));
-var _batchSelection = _interopRequireDefault(require("../batch-selection/__internal__/batch-selection.context"));
-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); }
-function renderChildren({
-  iconType,
-  iconPosition,
-  size,
-  subtext,
-  children,
-  disabled,
-  buttonType,
-  iconTooltipMessage,
-  iconTooltipPosition,
-  tooltipTarget
-}) {
-  const iconColor = () => {
-    if (buttonType === "primary") {
-      return "--colorsActionMajorYang100";
-    }
-    if (buttonType.includes("gradient")) {
-      return "--colorsActionMinorYin090";
-    }
-    return "--colorsActionMajor500";
-  };
-  const iconProps = {
-    "aria-hidden": true,
-    disabled,
-    color: iconColor(),
-    bg: "transparent"
-  };
-  const isValidChildren = children !== undefined && children !== false;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, iconType && iconPosition === "before" && isValidChildren && /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
-    type: iconType
-  }, iconProps)), isValidChildren && /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_button.StyledButtonMainText, {
-    "data-element": "main-text"
-  }, children), size === "large" && /*#__PURE__*/_react.default.createElement(_button.StyledButtonSubtext, {
-    "data-element": "subtext",
-    "data-role": "subtext"
-  }, subtext)), iconType && !isValidChildren && /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
-    disabled: disabled,
-    focusable: false,
-    target: tooltipTarget
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
-    type: iconType
-  }, iconProps, {
-    tooltipMessage: iconTooltipMessage,
-    tooltipPosition: iconTooltipPosition
-  }))), iconType && iconPosition === "after" && children && /*#__PURE__*/_react.default.createElement(_icon.default, _extends({
-    type: iconType
-  }, iconProps)));
-}
-const Button = /*#__PURE__*/_react.default.forwardRef(({
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  buttonType: buttonTypeProp = "secondary",
-  children,
-  destructive = false,
-  disabled = false,
-  isWhite = false,
-  fullWidth: fullWidthProp = false,
-  href,
-  iconPosition: iconPositionProp = "before",
-  iconTooltipMessage,
-  iconTooltipPosition,
-  iconType,
-  m = 0,
-  noWrap,
-  onClick,
-  px,
-  rel,
-  size: sizeProp = "medium",
-  subtext = "",
-  target,
-  ...rest
-}, ref) => {
-  const {
-    buttonType: buttonTypeContext,
-    size: sizeContext,
-    iconPosition: iconPositionContext,
-    fullWidth: fullWidthContext
-  } = (0, _react.useContext)(_buttonBar.default);
-  const {
-    batchSelectionDisabled
-  } = (0, _react.useContext)(_batchSelection.default);
-  const buttonType = buttonTypeContext || buttonTypeProp;
-  const size = sizeContext || sizeProp;
-  const iconPosition = iconPositionContext || iconPositionProp;
-  const fullWidth = fullWidthContext || fullWidthProp;
-  const isDisabled = disabled || batchSelectionDisabled;
-  !(children !== undefined || !!iconType) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Either prop `iconType` must be defined or this node must have children.") : (0, _invariant.default)(false) : void 0;
-  if (subtext) {
-    !(size === "large") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "subtext prop has no effect unless the button is large.") : (0, _invariant.default)(false) : void 0;
-  }
-  const [internalRef, setInternalRef] = (0, _react.useState)(null);
-  const {
-    inSplitButton,
-    onChildButtonClick
-  } = (0, _react.useContext)(_splitButton.default);
-  let paddingX;
-  const handleLinkKeyDown = event => {
-    // If space key click link
-    if (event.key === " ") {
-      event.preventDefault();
-      internalRef?.click();
-    }
-  };
-  const handleClick = event => {
-    internalRef?.focus();
-    if (inSplitButton) {
-      onChildButtonClick?.(onClick)?.(event);
-    } else if (onClick) {
-      onClick(event);
-    }
-  };
-  switch (size) {
-    case "small":
-      paddingX = 2;
-      break;
-    case "large":
-      paddingX = 4;
-      break;
-    default:
-      paddingX = 3;
-  }
-  const setRefs = (0, _react.useCallback)(reference => {
-    setInternalRef(reference);
-    if (!ref) return;
-    if (typeof ref === "object") ref.current = reference;
-    if (typeof ref === "function") ref(reference);
-  }, [ref]);
-  const isValidChildren = children !== undefined && children !== false;
-  return /*#__PURE__*/_react.default.createElement(_button.default, _extends({
-    "aria-label": !isValidChildren && iconType ? ariaLabel || iconType : ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    as: !isDisabled && href ? "a" : "button",
-    onKeyDown: href ? handleLinkKeyDown : undefined,
-    onClick: handleClick,
-    draggable: false,
-    buttonType: buttonType,
-    disabled: isDisabled,
-    destructive: destructive,
-    isWhite: isWhite,
-    type: href ? undefined : "button",
-    iconType: iconType,
-    size: size,
-    px: px ?? paddingX,
-    m: m,
-    noWrap: noWrap,
-    iconOnly: !isValidChildren && !!iconType,
-    iconPosition: iconPosition,
-    target: target,
-    rel: rel,
-    fullWidth: fullWidth
-  }, (0, _tags.default)("button", rest), rest, href && {
-    href
-  }, {
-    ref: setRefs
-  }), renderChildren({
-    iconType,
-    iconPosition,
-    size,
-    subtext,
-    children,
-    disabled: isDisabled,
-    buttonType,
-    iconTooltipMessage,
-    iconTooltipPosition,
-    tooltipTarget: internalRef
-  }));
-});
-Button.displayName = "Button";
-var _default = exports.default = Button;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("invariant"),n=require("../icon/icon.component.js"),i=require("./button.style.js"),r=require("../../__internal__/utils/helpers/tags/tags.js"),l=require("../../__internal__/tooltip-provider/index.js"),a=require("../button-bar/__internal__/button-bar.context.js"),s=require("../split-button/__internal__/split-button.context.js"),c=require("../batch-selection/__internal__/batch-selection.context.js");function u(e){return e&&e.__esModule?e:{default:e}}var b=u(t),d=u(o);function p(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function f(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(t){p(e,t,o[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t}(Object(t)).forEach((function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(t,o))})),e}function h({iconType:t,iconPosition:o,size:r,subtext:a,children:s,disabled:c,buttonType:u,iconTooltipMessage:b,iconTooltipPosition:d,tooltipTarget:p}){const h={"aria-hidden":!0,disabled:c,color:"primary"===u?"--colorsActionMajorYang100":u.includes("gradient")?"--colorsActionMinorYin090":"--colorsActionMajor500",bg:"transparent"},j=void 0!==s&&!1!==s;return e.jsxs(e.Fragment,{children:[t&&"before"===o&&j&&e.jsx(n.default,f({type:t},h)),j&&e.jsxs("span",{children:[e.jsx(i.StyledButtonMainText,{"data-element":"main-text",children:s}),"large"===r&&e.jsx(i.StyledButtonSubtext,{"data-element":"subtext","data-role":"subtext",children:a})]}),t&&!j&&e.jsx(l.TooltipProvider,{disabled:c,focusable:!1,target:p,children:e.jsx(n.default,y(f({type:t},h),{tooltipMessage:b,tooltipPosition:d}))}),t&&"after"===o&&s&&e.jsx(n.default,f({type:t},h))]})}const j=b.default.forwardRef(((o,n)=>{var{"aria-describedby":l,"aria-label":u,"aria-labelledby":b,buttonType:p="secondary",children:j,destructive:g=!1,disabled:x=!1,isWhite:O=!1,fullWidth:v=!1,href:P,iconPosition:m="before",iconTooltipMessage:T,iconTooltipPosition:_,iconType:w,m:k=0,noWrap:S,onClick:M,px:q,rel:W,size:C="medium",subtext:D="",target:z}=o,B=function(e,t){if(null==e)return{};var o,n,i=function(e,t){if(null==e)return{};var o,n,i={},r=Object.keys(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||(i[o]=e[o]);return i}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n<r.length;n++)o=r[n],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(i[o]=e[o])}return i}(o,["aria-describedby","aria-label","aria-labelledby","buttonType","children","destructive","disabled","isWhite","fullWidth","href","iconPosition","iconTooltipMessage","iconTooltipPosition","iconType","m","noWrap","onClick","px","rel","size","subtext","target"]);const{buttonType:E,size:A,iconPosition:Y,fullWidth:F}=t.useContext(a.default),{batchSelectionDisabled:I}=t.useContext(c.default),K=E||p,N=A||C,R=Y||m,G=F||v,H=x||I;d.default(void 0!==j||!!w,"Either prop `iconType` must be defined or this node must have children."),D&&d.default("large"===N,"subtext prop has no effect unless the button is large.");const[J,L]=t.useState(null),{inSplitButton:Q,onChildButtonClick:U}=t.useContext(s.default);let V;switch(N){case"small":V=2;break;case"large":V=4;break;default:V=3}const X=t.useCallback((e=>{L(e),n&&("object"==typeof n&&(n.current=e),"function"==typeof n&&n(e))}),[n]),Z=void 0!==j&&!1!==j;return e.jsx(i.default,y(f({"aria-label":!Z&&w?u||w:u,"aria-labelledby":b,"aria-describedby":l,as:!H&&P?"a":"button",onKeyDown:P?e=>{" "===e.key&&(e.preventDefault(),null==J||J.click())}:void 0,onClick:e=>{var t;null==J||J.focus(),Q?null==U||null===(t=U(M))||void 0===t||t(e):M&&M(e)},draggable:!1,buttonType:K,disabled:H,destructive:g,isWhite:O,type:P?void 0:"button",iconType:w,size:N,px:null!=q?q:V,m:k,noWrap:S,iconOnly:!Z&&!!w,iconPosition:R,target:z,rel:W,fullWidth:G},r.default("button",B),B,P&&{href:P}),{ref:X,children:h({iconType:w,iconPosition:R,size:N,subtext:D,children:j,disabled:H,buttonType:K,iconTooltipMessage:T,iconTooltipPosition:_,tooltipTarget:J})}))}));j.displayName="Button",exports.default=j;

package/lib/components/button/button.config.js

@@ -1,9 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BUTTON_VARIANTS = exports.BUTTON_SIZES = exports.BUTTON_ICON_POSITIONS = void 0;
-const BUTTON_VARIANTS = exports.BUTTON_VARIANTS = ["primary", "secondary", "tertiary", "darkBackground", "gradient-white", "gradient-grey"];
-const BUTTON_SIZES = exports.BUTTON_SIZES = ["small", "medium", "large"];
-const BUTTON_ICON_POSITIONS = exports.BUTTON_ICON_POSITIONS = ["before", "after"];
+"use strict";exports.BUTTON_ICON_POSITIONS=["before","after"],exports.BUTTON_SIZES=["small","medium","large"],exports.BUTTON_VARIANTS=["primary","secondary","tertiary","darkBackground","gradient-white","gradient-grey"];

package/lib/components/button/button.style.js

@@ -1,142 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.StyledButtonSubtext = exports.StyledButtonMainText = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
-var _buttonTypes = _interopRequireDefault(require("./button-types.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 additionalIconStyle(iconType) {
-  if (iconType === "services") return "6px";
-  return "20px";
-}
-function stylingForIconOnly(size) {
-  let dimension = "";
-  switch (size) {
-    case "small":
-      dimension = "32px";
-      break;
-    case "large":
-      dimension = "48px";
-      break;
-    default:
-      dimension = "40px";
-  }
-  return `
-    padding: 0px; 
-    width: ${dimension}; 
-    min-height: ${dimension};
-  `;
-}
-function stylingForType({
-  iconOnly,
-  disabled,
-  buttonType,
-  size,
-  destructive,
-  isWhite
-}) {
-  return (0, _styledComponents.css)`
-    ${(0, _buttonTypes.default)(disabled, destructive, isWhite)[buttonType]};
-
-    ${size === "small" && (0, _styledComponents.css)`
-      font-size: var(--fontSizes100);
-      min-height: 32px;
-    `}
-
-    ${size === "medium" && (0, _styledComponents.css)`
-      font-size: var(--fontSizes100);
-      min-height: 40px;
-    `}
-
-    ${size === "large" && (0, _styledComponents.css)`
-      font-size: var(--fontSizes200);
-      min-height: 48px;
-    `}
-
-    ${iconOnly && stylingForIconOnly(size)}
-  `;
-}
-const StyledButton = _styledComponents.default.button`
-  ${_styledSystem.space}
-  ${({
-  disabled,
-  noWrap
-}) => (0, _styledComponents.css)`
-    align-items: center;
-    cursor: ${disabled ? "not-allowed" : "pointer"};
-    display: inline-flex;
-    ${noWrap ? "white-space: nowrap" : "flex-flow: wrap"};
-    justify-content: center;
-    vertical-align: middle;
-    outline-offset: 0;
-    border: 2px solid transparent;
-    box-sizing: border-box;
-    font-weight: 500;
-    text-decoration: none;
-    border-radius: var(--borderRadius400);
-
-    &:focus {
-      ${(0, _addFocusStyling.default)()}
-    }
-
-    ${stylingForType}
-  `}
-
-  ${({
-  fullWidth
-}) => fullWidth && (0, _styledComponents.css)`
-      width: 100%;
-    `}
-
-  ${({
-  iconOnly,
-  iconPosition,
-  iconType
-}) => (0, _styledComponents.css)`
-    ${_icon.default} {
-      ${iconOnly && (0, _styledComponents.css)`
-        margin-left: auto;
-        margin-right: auto;
-        margin-bottom: 1px;
-      `}
-      ${!iconOnly && (0, _styledComponents.css)`
-        margin-bottom: 0px;
-        ${iconPosition === "after" && `
-          margin-left: var(--spacing100);
-          margin-right: 0px;
-        `}
-        ${iconPosition === "before" && `
-          margin-left: 0px;
-          margin-right: var(--spacing100);
-        `}
-      `}
-
-      height: ${additionalIconStyle(iconType)};
-      width: 20px;
-      svg {
-        margin-top: 0;
-      }
-    }
-  `}
-`;
-const StyledButtonSubtext = exports.StyledButtonSubtext = _styledComponents.default.span`
-  font-size: 14px;
-  font-weight: 400;
-  display: block;
-`;
-const StyledButtonMainText = exports.StyledButtonMainText = _styledComponents.default.span`
-  display: flex;
-  align-items: center;
-`;
-StyledButton.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),n=require("../icon/icon.style.js"),i=require("../../style/themes/base/index.js"),s=require("../../style/utils/add-focus-styling.js"),o=require("./button-types.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);function l({iconOnly:t,disabled:n,buttonType:i,size:s,destructive:r,isWhite:a}){return e.css(["",";"," "," "," ",""],o.default(n,r,a)[i],"small"===s&&e.css(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===s&&e.css(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===s&&e.css(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(e){let t="";switch(e){case"small":t="32px";break;case"large":t="48px";break;default:t="40px"}return`\n    padding: 0px; \n    width: ${t}; \n    min-height: ${t};\n  `}(s))}const d=a.default.button.withConfig({displayName:"button.style__StyledButton",componentId:"sc-b77f372-0"})([""," "," "," ",""],t.space,(({disabled:t,noWrap:n})=>e.css(["align-items:center;cursor:",";display:inline-flex;",";justify-content:center;vertical-align:middle;outline-offset:0;border:2px solid transparent;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--borderRadius400);&:focus{","}",""],t?"not-allowed":"pointer",n?"white-space: nowrap":"flex-flow: wrap",s.default(),l)),(({fullWidth:t})=>t&&e.css(["width:100%;"])),(({iconOnly:t,iconPosition:i,iconType:s})=>e.css(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],n.default,t&&e.css(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e.css(["margin-bottom:0px;"," ",""],"after"===i&&"\n          margin-left: var(--spacing100);\n          margin-right: 0px;\n        ","before"===i&&"\n          margin-left: 0px;\n          margin-right: var(--spacing100);\n        "),function(e){return"services"===e?"6px":"20px"}(s)))),u=a.default.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-b77f372-1"})(["font-size:14px;font-weight:400;display:block;"]),c=a.default.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-b77f372-2"})(["display:flex;align-items:center;"]);d.defaultProps={theme:i.default},exports.StyledButtonMainText=c,exports.StyledButtonSubtext=u,exports.default=d;

package/lib/components/button/index.js

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

package/lib/components/button/package.json

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

package/lib/components/button-bar/__internal__/button-bar.context.js

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

package/lib/components/button-bar/button-bar.component.js

@@ -1,32 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ButtonBar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttonBar = _interopRequireDefault(require("./button-bar.style"));
-var _buttonBar2 = _interopRequireDefault(require("./__internal__/button-bar.context"));
-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 ButtonBar = ({
-  children,
-  size = "medium",
-  iconPosition = "before",
-  fullWidth = false,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_buttonBar.default, _extends({}, rest, (0, _tags.default)("button-bar", rest), {
-  fullWidth: fullWidth,
-  size: size
-}), /*#__PURE__*/_react.default.createElement(_buttonBar2.default.Provider, {
-  value: {
-    buttonType: "secondary",
-    size,
-    iconPosition,
-    fullWidth
-  }
-}, children));
-exports.ButtonBar = ButtonBar;
-ButtonBar.displayName = "ButtonBar";
-var _default = exports.default = ButtonBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("./button-bar.style.js"),r=require("./__internal__/button-bar.context.js"),n=require("../../__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 u,l,{children:c,size:s="medium",iconPosition:a="before",fullWidth:b=!1}=i,f=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","size","iconPosition","fullWidth"]);return e.jsx(t.default,(u=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}({},f,n.default("button-bar",f)),l=null!=(l={fullWidth:b,size:s,children:e.jsx(r.default.Provider,{value:{buttonType:"secondary",size:s,iconPosition:a,fullWidth:b},children:c})})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(u,Object.getOwnPropertyDescriptors(l)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(l)).forEach((function(e){Object.defineProperty(u,e,Object.getOwnPropertyDescriptor(l,e))})),u))};i.displayName="ButtonBar",exports.ButtonBar=i,exports.default=i;

package/lib/components/button-bar/button-bar.config.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BUTTON_BAR_SIZES = exports.BUTTON_BAR_ICON_POSITIONS = void 0;
-const BUTTON_BAR_SIZES = exports.BUTTON_BAR_SIZES = ["small", "medium", "large"];
-const BUTTON_BAR_ICON_POSITIONS = exports.BUTTON_BAR_ICON_POSITIONS = ["before", "after"];
+"use strict";exports.BUTTON_BAR_ICON_POSITIONS=["before","after"],exports.BUTTON_BAR_SIZES=["small","medium","large"];

package/lib/components/button-bar/button-bar.style.js

@@ -1,98 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.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; }
-const StyledButtonBar = _styledComponents.default.div`
-  ${_styledSystem.space}
-  ${({
-  fullWidth,
-  size
-}) => (0, _styledComponents.css)`
-    ${fullWidth && (0, _styledComponents.css)`
-      width: 100%;
-      display: flex;
-      button {
-        box-sizing: content-box;
-        padding: 0;
-        width: 100%;
-        ${size === "small" && "min-height: 28px"}
-        ${size === "medium" && "min-height: 36px"}
-          ${size === "large" && "min-height: 44px"}
-      }
-    `}
-
-    button {
-      margin: 0;
-      position: relative;
-
-      &:not(:first-child):not(:last-child) {
-        border-radius: var(--borderRadius000);
-      }
-      &:first-child:not(:last-child) {
-        border-top-right-radius: var(--borderRadius000);
-        border-bottom-right-radius: var(--borderRadius000);
-      }
-      &:last-child:not(:first-child) {
-        border-top-left-radius: var(--borderRadius000);
-        border-bottom-left-radius: var(--borderRadius000);
-      }
-
-      &:not(:first-of-type) {
-        margin-left: -2px;
-      }
-
-      &:not(:disabled) {
-        z-index: 1;
-      }
-
-      &:hover:not(:disabled) {
-        z-index: 2;
-      }
-
-      &:focus {
-        z-index: 3;
-      }
-    }
-
-    ${_iconButton.default}:not(:disabled) {
-      border: 2px solid var(--colorsActionMajor500);
-
-      &:focus {
-        border-right-color: var(--colorsActionMajor500);
-      }
-
-      &:hover {
-        background-color: var(--colorsActionMajor600);
-        border-color: var(--colorsActionMajor600);
-        color: var(--colorsActionMajorYang100);
-      }
-
-      ${_icon.default} {
-        color: var(--colorsActionMajor500);
-
-        &:hover {
-          color: var(--colorsActionMajorYang100);
-        }
-      }
-    }
-
-    ${_iconButton.default}:disabled {
-      border: 2px solid var(--colorsActionDisabled500);
-    }
-  `}
-`;
-StyledButtonBar.defaultProps = {
-  theme: _base.default,
-  size: "medium"
-};
-var _default = exports.default = StyledButtonBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("styled-system"),e=require("../../style/themes/base/index.js"),t=require("../icon/icon.style.js"),i=require("../icon-button/icon-button.style.js");function d(o){return o&&o.__esModule?o:{default:o}}const s=d(o).default.div.withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-f257d590-0"})([""," ",""],r.space,(({fullWidth:r,size:e})=>o.css([""," button{margin:0;position:relative;&:not(:first-child):not(:last-child){border-radius:var(--borderRadius000);}&:first-child:not(:last-child){border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}&:last-child:not(:first-child){border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}&:not(:first-of-type){margin-left:-2px;}&:not(:disabled){z-index:1;}&:hover:not(:disabled){z-index:2;}&:focus{z-index:3;}}",":not(:disabled){border:2px solid var(--colorsActionMajor500);&:focus{border-right-color:var(--colorsActionMajor500);}&:hover{background-color:var(--colorsActionMajor600);border-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);}","{color:var(--colorsActionMajor500);&:hover{color:var(--colorsActionMajorYang100);}}}",":disabled{border:2px solid var(--colorsActionDisabled500);}"],r&&o.css(["width:100%;display:flex;button{box-sizing:content-box;padding:0;width:100%;"," "," ","}"],"small"===e&&"min-height: 28px","medium"===e&&"min-height: 36px","large"===e&&"min-height: 44px"),i.default,t.default,i.default)));s.defaultProps={theme:e.default,size:"medium"},exports.default=s;

package/lib/components/button-bar/index.js

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

package/lib/components/button-bar/package.json

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

package/lib/components/button-minor/button-minor.component.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ButtonMinor = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _buttonMinor = _interopRequireDefault(require("./button-minor.style"));
-var _buttonBar = _interopRequireDefault(require("../button-bar/__internal__/button-bar.context"));
-var _batchSelection = _interopRequireDefault(require("../batch-selection/__internal__/batch-selection.context"));
-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 ButtonMinor = exports.ButtonMinor = /*#__PURE__*/_react.default.forwardRef(({
-  buttonType: buttonTypeProp = "secondary",
-  disabled = false,
-  destructive = false,
-  size: sizeProp = "medium",
-  iconPosition: iconPositionProp = "before",
-  fullWidth: fullWidthProp = false,
-  ...rest
-}, ref) => {
-  const {
-    buttonType: buttonTypeContext,
-    size: sizeContext,
-    iconPosition: iconPositionContext,
-    fullWidth: fullWidthContext
-  } = (0, _react.useContext)(_buttonBar.default);
-  const {
-    batchSelectionDisabled
-  } = (0, _react.useContext)(_batchSelection.default);
-  const buttonType = buttonTypeContext || buttonTypeProp;
-  const size = sizeContext || sizeProp;
-  const iconPosition = iconPositionContext || iconPositionProp;
-  const fullWidth = fullWidthContext || fullWidthProp;
-  const isDisabled = disabled || batchSelectionDisabled;
-  return /*#__PURE__*/_react.default.createElement(_buttonMinor.default, _extends({
-    ref: ref,
-    "data-component": "button-minor",
-    size: size,
-    fullWidth: fullWidth,
-    iconPosition: iconPosition,
-    buttonType: buttonType,
-    disabled: isDisabled,
-    destructive: destructive
-  }, rest));
-});
-ButtonMinor.displayName = "ButtonMinor";
-var _default = exports.default = ButtonMinor;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./button-minor.style.js"),n=require("../button-bar/__internal__/button-bar.context.js"),o=require("../batch-selection/__internal__/batch-selection.context.js");function i(e){return e&&e.__esModule?e:{default:e}}function u(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=i(t).default.forwardRef(((i,l)=>{var{buttonType:c="secondary",disabled:s=!1,destructive:a=!1,size:b="medium",iconPosition:f="before",fullWidth:d=!1}=i,y=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,["buttonType","disabled","destructive","size","iconPosition","fullWidth"]);const{buttonType:p,size:O,iconPosition:j,fullWidth:m}=t.useContext(n.default),{batchSelectionDisabled:v}=t.useContext(o.default),_=p||c,h=O||b,x=j||f,P=m||d,g=s||v;return e.jsx(r.default,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){u(e,t,r[t])}))}return e}({ref:l,"data-component":"button-minor",size:h,fullWidth:P,iconPosition:x,buttonType:_,disabled:g,destructive:a},y))}));l.displayName="ButtonMinor",exports.ButtonMinor=l,exports.default=l;