carbon-react 154.4.0 → 154.4.2

package/esm/components/button-toggle/button-toggle.style.js

@@ -1,162 +1 @@
-import styled, { css } from "styled-components";
-import StyledIcon from "../icon/icon.style";
-import baseTheme from "../../style/themes/base";
-import addFocusStyling from "../../style/utils/add-focus-styling";
-export const heightConfig = {
-  small: 24,
-  medium: 32,
-  large: 40
-};
-export const fontSizeConfig = {
-  small: 14,
-  medium: 14,
-  large: 16
-};
-export const paddingConfig = {
-  small: 8,
-  medium: 8,
-  large: 12
-};
-const heightLargeIconConfig = {
-  small: 72,
-  medium: 88,
-  large: 120
-};
-const paddingLargeIconConfig = {
-  small: "var(--spacing100)",
-  medium: "var(--spacing100) var(--spacing150) var(--spacing000)",
-  large: "var(--spacing100) var(--spacing300)"
-};
-const StyledButtonToggleContentWrapper = styled.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  flex-flow: wrap;
-`;
-const StyledButtonToggle = styled.button`
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  box-sizing: border-box;
-  max-width: 100%;
-
-  font-weight: 500;
-  background-color: transparent;
-  cursor: pointer;
-  text-align: center;
-  color: var(--colorsActionMinor500);
-  border: none;
-
-  ${StyledIcon} {
-    color: var(--colorsActionMinor500);
-    height: var(--sizing250);
-    width: var(--sizing250);
-  }
-
-  ${({
-  size
-}) => css`
-    min-height: ${heightConfig[size]}px;
-    padding: 0 ${paddingConfig[size]}px;
-    font-size: ${fontSizeConfig[size]}px;
-  `}
-
-  ${({
-  buttonIcon,
-  buttonIconSize,
-  size
-}) => buttonIcon && buttonIconSize === "large" && css`
-      min-height: ${heightLargeIconConfig[size]}px;
-      padding: ${paddingLargeIconConfig[size]};
-      flex-direction: column;
-    `}
-
-  &:focus {
-    ${addFocusStyling()}
-    z-index: 100;
-  }
-
-  &:not(:disabled):hover {
-    background-color: var(--colorsActionMinor600);
-    color: var(--colorsActionMinorYang100);
-    ${StyledIcon} {
-      color: var(--colorsActionMinorYang100);
-    }
-  }
-
-  &[aria-pressed="true"] {
-    background-color: var(--colorsActionMinor850);
-    color: var(--colorsActionMinorYang100);
-
-    ${StyledIcon} {
-      color: var(--colorsActionMinorYang100);
-    }
-
-    ${({
-  allowDeselect
-}) => !allowDeselect && css`
-        cursor: auto;
-      `}
-  }
-
-  ${({
-  disabled
-}) => disabled && css`
-      cursor: not-allowed;
-
-      & {
-        color: var(--colorsActionMinorYin030);
-        ${StyledIcon} {
-          color: var(--colorsActionMinorYin030);
-        }
-      }
-
-      &[aria-pressed="true"] {
-        cursor: not-allowed;
-        background-color: var(--colorsActionMinorYin030);
-      }
-    `}
-`;
-const StyledButtonToggleIcon = styled.div`
-  ${({
-  hasContent
-}) => hasContent && `margin-right: 8px;`}
-  ${({
-  buttonIconSize
-}) => buttonIconSize === "large" && css`
-      margin-right: 0;
-
-      ${StyledIcon} {
-        margin-left: 0;
-        margin-right: 0;
-        margin-bottom: 8px;
-        height: var(--sizing400);
-        width: var(--sizing400);
-      }
-
-      ${StyledIcon}::before {
-        font-size: var(--sizing400);
-        line-height: var(--sizing400);
-      }
-
-      .carbon-icon__svg--credit-card-slash {
-        margin-left: 6px;
-      }
-    `}
-`;
-StyledButtonToggle.defaultProps = {
-  theme: baseTheme
-};
-const StyledButtonToggleWrapper = styled.div`
-  display: inline-block;
-  vertical-align: middle;
-  &&&& {
-    ${StyledButtonToggle} {
-      border-radius: var(--borderRadius050);
-    }
-  }
-`;
-export { StyledButtonToggle, StyledButtonToggleWrapper, StyledButtonToggleIcon, StyledButtonToggleContentWrapper };
+import o,{css as i}from"styled-components";import r from"../icon/icon.style.js";import n from"../../style/themes/base/index.js";import t from"../../style/utils/add-focus-styling.js";const e={small:24,medium:32,large:40},a={small:14,medium:14,large:16},l={small:8,medium:8,large:12},s={small:72,medium:88,large:120},c={small:"var(--spacing100)",medium:"var(--spacing100) var(--spacing150) var(--spacing000)",large:"var(--spacing100) var(--spacing300)"},g=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleContentWrapper",componentId:"sc-3bc164a0-0"})(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;flex-flow:wrap;"]),d=o.button.withConfig({displayName:"button-toggle.style__StyledButtonToggle",componentId:"sc-3bc164a0-1"})(["display:inline-flex;justify-content:center;align-items:center;position:relative;box-sizing:border-box;max-width:100%;font-weight:500;background-color:transparent;cursor:pointer;text-align:center;color:var(--colorsActionMinor500);border:none;","{color:var(--colorsActionMinor500);height:var(--sizing250);width:var(--sizing250);}"," "," &:focus{"," z-index:100;}&:not(:disabled):hover{background-color:var(--colorsActionMinor600);color:var(--colorsActionMinorYang100);",'{color:var(--colorsActionMinorYang100);}}&[aria-pressed="true"]{background-color:var(--colorsActionMinor850);color:var(--colorsActionMinorYang100);',"{color:var(--colorsActionMinorYang100);}","}",""],r,(({size:o})=>i(["min-height:","px;padding:0 ","px;font-size:","px;"],e[o],l[o],a[o])),(({buttonIcon:o,buttonIconSize:r,size:n})=>o&&"large"===r&&i(["min-height:","px;padding:",";flex-direction:column;"],s[n],c[n])),t(),r,r,(({allowDeselect:o})=>!o&&i(["cursor:auto;"])),(({disabled:o})=>o&&i(["cursor:not-allowed;&{color:var(--colorsActionMinorYin030);",'{color:var(--colorsActionMinorYin030);}}&[aria-pressed="true"]{cursor:not-allowed;background-color:var(--colorsActionMinorYin030);}'],r))),m=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleIcon",componentId:"sc-3bc164a0-2"})([""," ",""],(({hasContent:o})=>o&&"margin-right: 8px;"),(({buttonIconSize:o})=>"large"===o&&i(["margin-right:0;","{margin-left:0;margin-right:0;margin-bottom:8px;height:var(--sizing400);width:var(--sizing400);}","::before{font-size:var(--sizing400);line-height:var(--sizing400);}.carbon-icon__svg--credit-card-slash{margin-left:6px;}"],r,r)));d.defaultProps={theme:n};const p=o.div.withConfig({displayName:"button-toggle.style__StyledButtonToggleWrapper",componentId:"sc-3bc164a0-3"})(["display:inline-block;vertical-align:middle;&&&&{","{border-radius:var(--borderRadius050);}}"],d);export{d as StyledButtonToggle,g as StyledButtonToggleContentWrapper,m as StyledButtonToggleIcon,p as StyledButtonToggleWrapper,a as fontSizeConfig,e as heightConfig,l as paddingConfig};

package/esm/components/button-toggle/index.js

@@ -1,2 +1 @@
-export { default as ButtonToggle } from "./button-toggle.component";
-export { default as ButtonToggleGroup } from "./button-toggle-group";
+export{ButtonToggle}from"./button-toggle.component.js";export{default as ButtonToggleGroup}from"./button-toggle-group/button-toggle-group.component.js";

package/esm/components/carbon-provider/__internal__/new-validation.context.js

@@ -1,2 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/carbon-provider/__internal__/top-modal-provider.component.js

@@ -1,29 +1 @@
-import React, { useState, useEffect, useRef } from "react";
-import TopModalContext from "./top-modal.context";
-export const TopModalProvider = ({
-  children
-}) => {
-  const [topModal, setTopModal] = useState(null);
-
-  // can't add the setter to the global list inside useEffect because that doesn't run until
-  // after the render. We use a ref to ensure it only runs once.
-  const isFirstRender = useRef(true);
-  if (isFirstRender.current) {
-    if (!window.__CARBON_INTERNALS_MODAL_SETTER_LIST) {
-      window.__CARBON_INTERNALS_MODAL_SETTER_LIST = [];
-    }
-    window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(setTopModal);
-    isFirstRender.current = false;
-  }
-  useEffect(() => {
-    return () => {
-      window.__CARBON_INTERNALS_MODAL_SETTER_LIST = window.__CARBON_INTERNALS_MODAL_SETTER_LIST?.filter(setter => setter !== setTopModal);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(TopModalContext.Provider, {
-    value: {
-      topModal
-    }
-  }, children);
-};
-export default TopModalProvider;
+import{jsx as _}from"react/jsx-runtime";import{useState as o,useRef as r,useEffect as T}from"react";import t from"./top-modal.context.js";const n=({children:n})=>{const[i,A]=o(null),E=r(!0);return E.current&&(window.__CARBON_INTERNALS_MODAL_SETTER_LIST||(window.__CARBON_INTERNALS_MODAL_SETTER_LIST=[]),window.__CARBON_INTERNALS_MODAL_SETTER_LIST.push(A),E.current=!1),T((()=>()=>{var _;window.__CARBON_INTERNALS_MODAL_SETTER_LIST=null===(_=window.__CARBON_INTERNALS_MODAL_SETTER_LIST)||void 0===_?void 0:_.filter((_=>_!==A))}),[]),_(t.Provider,{value:{topModal:i},children:n})};export{n as TopModalProvider,n as default};

package/esm/components/carbon-provider/__internal__/top-modal.context.js

@@ -1,4 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({
-  topModal: null
-});
+import t from"react";var a=t.createContext({topModal:null});export{a as default};

package/esm/components/carbon-provider/carbon-provider.component.js

@@ -1,18 +1 @@
-import React from "react";
-import { ThemeProvider } from "styled-components";
-import CarbonScopedTokensProvider from "../../style/design-tokens/carbon-scoped-tokens-provider";
-import { sageTheme } from "../../style/themes";
-import NewValidationContext from "./__internal__/new-validation.context";
-import TopModalProvider from "./__internal__/top-modal-provider.component";
-export const CarbonProvider = ({
-  children,
-  theme = sageTheme,
-  validationRedesignOptIn = false
-}) => /*#__PURE__*/React.createElement(ThemeProvider, {
-  theme: theme
-}, /*#__PURE__*/React.createElement(CarbonScopedTokensProvider, null, /*#__PURE__*/React.createElement(NewValidationContext.Provider, {
-  value: {
-    validationRedesignOptIn
-  }
-}, /*#__PURE__*/React.createElement(TopModalProvider, null, children))));
-export default CarbonProvider;
+import{jsx as e}from"react/jsx-runtime";import"react";import{ThemeProvider as o}from"styled-components";import t from"../../style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js";import n from"../../style/themes/sage/index.js";import"../../style/themes/base/index.js";import"../../style/themes/none/index.js";import r from"./__internal__/new-validation.context.js";import{TopModalProvider as i}from"./__internal__/top-modal-provider.component.js";const s=({children:s,theme:m=n,validationRedesignOptIn:d=!1})=>e(o,{theme:m,children:e(t,{children:e(r.Provider,{value:{validationRedesignOptIn:d},children:e(i,{children:s})})})});export{s as CarbonProvider,s as default};

package/esm/components/carbon-provider/index.js

@@ -1 +1 @@
-export { default } from "./carbon-provider.component";
+export{CarbonProvider as default}from"./carbon-provider.component.js";

package/esm/components/card/__internal__/card.context.js

@@ -1,10 +1 @@
-import createStrictContext from "../../../__internal__/utils/createStrictContext";
-const [CardProvider, useCardContext] = createStrictContext({
-  name: "CardContext",
-  errorMessage: "Carbon Card: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
-  defaultValue: {
-    spacing: "medium",
-    roundness: "default"
-  }
-});
-export { CardProvider, useCardContext };
+import e from"../../../__internal__/utils/createStrictContext/createStrictContext.js";const[t,r]=e({name:"CardContext",errorMessage:"Carbon Card: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",defaultValue:{spacing:"medium",roundness:"default"}});export{t as CardProvider,r as useCardContext};

package/esm/components/card/card-column/card-column.component.js

@@ -1,16 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React from "react";
-import StyledCardColumn from "./card-column.style";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-const CardColumn = ({
-  align = "center",
-  children,
-  ...rest
-}) => /*#__PURE__*/React.createElement(StyledCardColumn, _extends({
-  align: align
-}, tagComponent("card-column", {
-  "data-element": "card-column",
-  ...rest
-})), children);
-CardColumn.displayName = "CardColumn";
-export default CardColumn;
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"./card-column.style.js";import t from"../../../__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}function o(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}const c=n=>{var c,l,{align:i="center",children:a}=n,u=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["align","children"]);return e(r,(c=o({align:i},t("card-column",o({"data-element":"card-column"},u))),l=null!=(l={children:a})?l:{},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(l)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(l)).forEach((function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(l,e))})),c))};c.displayName="CardColumn";export{c as default};

package/esm/components/card/card-column/card-column.style.js

@@ -1,8 +1 @@
-import styled from "styled-components";
-const StyledCardColumn = styled.div`
-  flex-grow: 1;
-  text-align: ${({
-  align
-}) => align};
-`;
-export default StyledCardColumn;
+import o from"styled-components";const t=o.div.withConfig({displayName:"card-column.style__StyledCardColumn",componentId:"sc-95a32290-0"})(["flex-grow:1;text-align:",";"],(({align:o})=>o));export{t as default};

package/esm/components/card/card-column/index.js

@@ -1 +1 @@
-export { default } from "./card-column.component";
+export{default}from"./card-column.component.js";

package/esm/components/card/card-footer/card-footer.component.js

@@ -1,27 +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, filterStyledSystemPaddingProps } from "../../../style/utils";
-import StyledCardFooter from "./card-footer.style";
-import { useCardContext } from "../__internal__/card.context";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-const CardFooter = ({
-  children,
-  variant = "default",
-  ...rest
-}) => {
-  const {
-    roundness,
-    spacing
-  } = useCardContext();
-  return /*#__PURE__*/React.createElement(StyledCardFooter, _extends({
-    spacing: spacing,
-    variant: variant
-  }, filterStyledSystemMarginProps(rest), filterStyledSystemPaddingProps(rest), tagComponent("card-footer", {
-    "data-element": "card-footer",
-    ...rest
-  }), {
-    roundness: roundness
-  }), children);
-};
-CardFooter.displayName = "CardFooter";
-export default CardFooter;
+import{jsx as e}from"react/jsx-runtime";import"react";import r from"../../../style/utils/filter-styled-system-padding-props.js";import t from"../../../style/utils/filter-styled-system-margin-props.js";import n from"./card-footer.style.js";import{useCardContext as o}from"../__internal__/card.context.js";import i from"../../../__internal__/utils/helpers/tags/tags.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}const a=c=>{var{children:a,variant:l="default"}=c,p=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["children","variant"]);const{roundness:f,spacing:u}=o();return e(n,(y=s({spacing:u,variant:l},t(p),r(p),i("card-footer",s({"data-element":"card-footer"},p))),O=null!=(O={roundness:f,children:a})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(O)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(O)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(O,e))})),y));var y,O};a.displayName="CardFooter";export{a as default};

package/esm/components/card/card-footer/card-footer.style.js

@@ -1,45 +1 @@
-import styled, { css } from "styled-components";
-import { space } from "styled-system";
-import StyledCardColumn from "../card-column/card-column.style";
-const marginSizes = {
-  small: "0 -24px",
-  medium: "0 -32px",
-  large: "0 -48px"
-};
-const paddingSizes = {
-  small: "16px 24px",
-  medium: "18px 32px",
-  large: "20px 48px"
-};
-const StyledCardFooter = styled.div`
-  ${space}
-
-  ${({
-  spacing,
-  variant,
-  roundness
-}) => css`
-    background-color: ${variant === "transparent" ? "transparent" : "var(--colorsUtilityMajor025)"};
-    border-top: var(--colorsUtilityMajor100);
-    border-top-width: 1px;
-    border-top-style: solid;
-    font-size: 14px;
-    font-weight: 500;
-    margin: ${marginSizes[spacing]};
-    display: flex;
-    ${roundness === "default" && css`
-      border-bottom-left-radius: var(--borderRadius100);
-      border-bottom-right-radius: var(--borderRadius100);
-    `}
-    ${roundness === "large" && css`
-      border-bottom-left-radius: var(--borderRadius200);
-      border-bottom-right-radius: var(--borderRadius200);
-    `}
-
-    ${StyledCardColumn} {
-      margin: 0;
-      padding: ${paddingSizes[spacing]};
-    }
-  `}
-`;
-export default StyledCardFooter;
+import r,{css as o}from"styled-components";import{space as t}from"styled-system";import a from"../card-column/card-column.style.js";const d={small:"0 -24px",medium:"0 -32px",large:"0 -48px"},e={small:"16px 24px",medium:"18px 32px",large:"20px 48px"},i=r.div.withConfig({displayName:"card-footer.style__StyledCardFooter",componentId:"sc-609a1e44-0"})([""," ",""],t,(({spacing:r,variant:t,roundness:i})=>o(["background-color:",";border-top:var(--colorsUtilityMajor100);border-top-width:1px;border-top-style:solid;font-size:14px;font-weight:500;margin:",";display:flex;"," "," ","{margin:0;padding:",";}"],"transparent"===t?"transparent":"var(--colorsUtilityMajor025)",d[r],"default"===i&&o(["border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);"]),"large"===i&&o(["border-bottom-left-radius:var(--borderRadius200);border-bottom-right-radius:var(--borderRadius200);"]),a,e[r])));export{i as default};

package/esm/components/card/card-footer/index.js

@@ -1 +1 @@
-export { default } from "./card-footer.component";
+export{default}from"./card-footer.component.js";

package/esm/components/card/card-row/card-row.component.js

@@ -1,25 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from "react";
-import { filterStyledSystemPaddingProps } from "../../../style/utils";
-import StyledCardRow from "./card-row.style";
-import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
-import { useCardContext } from "../__internal__/card.context";
-import guid from "../../../__internal__/utils/helpers/guid";
-const CardRow = ({
-  children,
-  ...rest
-}) => {
-  const {
-    spacing
-  } = useCardContext();
-  const id = useRef(guid());
-  return /*#__PURE__*/React.createElement(StyledCardRow, _extends({
-    id: id.current,
-    spacing: spacing
-  }, filterStyledSystemPaddingProps(rest), tagComponent("card-row", {
-    "data-element": "card-row",
-    ...rest
-  })), children);
-};
-CardRow.displayName = "CardRow";
-export default CardRow;
+import{jsx as r}from"react/jsx-runtime";import{useRef as e}from"react";import t from"../../../style/utils/filter-styled-system-padding-props.js";import n from"./card-row.style.js";import o from"../../../__internal__/utils/helpers/tags/tags.js";import{useCardContext as c}from"../__internal__/card.context.js";import i from"../../../__internal__/utils/helpers/guid/index.js";function l(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function s(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),n.forEach((function(e){l(r,e,t[e])}))}return r}const a=l=>{var{children:a}=l,p=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t,n,o={},c=Object.keys(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||(o[t]=r[t]);return o}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(n=0;n<c.length;n++)t=c[n],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(l,["children"]);const{spacing:f}=c(),u=e(i());return r(n,(y=s({id:u.current,spacing:f},t(p),o("card-row",s({"data-element":"card-row"},p))),O=null!=(O={children:a})?O:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(O)):function(r){var e=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);e.push.apply(e,t)}return e}(Object(O)).forEach((function(r){Object.defineProperty(y,r,Object.getOwnPropertyDescriptor(O,r))})),y));var y,O};a.displayName="CardRow";export{a as default};

package/esm/components/card/card-row/card-row.style.js

@@ -1,34 +1 @@
-import styled, { css } from "styled-components";
-import { padding } from "styled-system";
-import baseTheme from "../../../style/themes/base";
-const paddingSizes = {
-  small: "var(--spacing200)",
-  medium: "var(--spacing300)",
-  large: "var(--spacing400)"
-};
-const StyledCardRow = styled.div`
-  display: flex;
-  ${({
-  spacing
-}) => css`
-    padding-top: ${paddingSizes[spacing]};
-    padding-bottom: ${paddingSizes[spacing]};
-  `}
-
-  &:first-of-type:not(:only-of-type) {
-    padding-top: var(--spacing000);
-    padding-bottom: var(--spacing000);
-  }
-
-  &:only-of-type {
-    padding-top: var(--spacing000);
-  }
-
-  && {
-    ${padding}
-  }
-`;
-StyledCardRow.defaultProps = {
-  theme: baseTheme
-};
-export default StyledCardRow;
+import t,{css as a}from"styled-components";import{padding as o}from"styled-system";import p from"../../../style/themes/base/index.js";const s={small:"var(--spacing200)",medium:"var(--spacing300)",large:"var(--spacing400)"},e=t.div.withConfig({displayName:"card-row.style__StyledCardRow",componentId:"sc-183c4116-0"})(["display:flex;"," &:first-of-type:not(:only-of-type){padding-top:var(--spacing000);padding-bottom:var(--spacing000);}&:only-of-type{padding-top:var(--spacing000);}&&{","}"],(({spacing:t})=>a(["padding-top:",";padding-bottom:",";"],s[t],s[t])),o);e.defaultProps={theme:p};export{e as default};

package/esm/components/card/card-row/index.js

@@ -1 +1 @@
-export { default } from "./card-row.component";
+export{default}from"./card-row.component.js";

package/esm/components/card/card.component.js

@@ -1,69 +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, { useState } from "react";
-import { filterStyledSystemMarginProps } from "../../style/utils";
-import { CardProvider } from "./__internal__/card.context";
-import { StyledCard, StyledCardContent } from "./card.style";
-import Icon from "../icon";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-const Card = ({
-  "data-element": dataElement,
-  "data-role": dataRole,
-  children,
-  width = "500px",
-  draggable,
-  height,
-  onClick,
-  href,
-  spacing = "medium",
-  boxShadow,
-  hoverBoxShadow,
-  roundness = "default",
-  footer,
-  rel,
-  target,
-  "aria-label": ariaLabel,
-  ...rest
-}) => {
-  const [contentRef, setContentRef] = useState(null);
-  const interactive = !!(onClick || href);
-  let footerWarningFired = false;
-  if (!footerWarningFired && interactive && contentRef?.querySelector("[data-component='card-footer']")) {
-    footerWarningFired = true;
-    // eslint-disable-next-line no-console
-    console.warn("This `Card` is interactive you should use the `footer` prop to render a `CardFooter` to avoid potential accessibility issues");
-  }
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({
-    cardWidth: width,
-    interactive: interactive,
-    draggable: !!draggable,
-    spacing: spacing,
-    boxShadow: boxShadow,
-    hoverBoxShadow: hoverBoxShadow,
-    height: height,
-    roundness: roundness
-  }, filterStyledSystemMarginProps(rest), tagComponent("card", {
-    "data-element": dataElement,
-    "data-role": dataRole
-  })), draggable && /*#__PURE__*/React.createElement(Icon, {
-    type: "drag"
-  }), /*#__PURE__*/React.createElement(CardProvider, {
-    value: {
-      roundness,
-      spacing
-    }
-  }, /*#__PURE__*/React.createElement(StyledCardContent, {
-    "data-element": "card-content-container",
-    onClick: !draggable ? onClick : undefined,
-    href: !draggable ? href : undefined,
-    rel: !draggable && href ? rel : undefined,
-    target: !draggable && href ? target : undefined,
-    interactive: interactive,
-    spacing: spacing,
-    roundness: roundness,
-    hasFooter: !!footer,
-    ref: setContentRef,
-    "aria-label": ariaLabel
-  }, children), footer));
-};
-Card.displayName = "Card";
-export default Card;
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as t}from"react";import"../../style/utils/filter-styled-system-padding-props.js";import o from"../../style/utils/filter-styled-system-margin-props.js";import{CardProvider as n}from"./__internal__/card.context.js";import{StyledCard as a,StyledCardContent as i}from"./card.style.js";import l from"../icon/icon.component.js";import c from"../../__internal__/utils/helpers/tags/tags.js";function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const d=d=>{var{"data-element":p,"data-role":u,children:f,width:b="500px",draggable:h,height:m,onClick:y,href:g,spacing:O="medium",boxShadow:j,hoverBoxShadow:v,roundness:w="default",footer:P,rel:S,target:x,"aria-label":_}=d,k=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(d,["data-element","data-role","children","width","draggable","height","onClick","href","spacing","boxShadow","hoverBoxShadow","roundness","footer","rel","target","aria-label"]);const[C,D]=t(null),B=!(!y&&!g);let E=!1;return!E&&B&&(null==C?void 0:C.querySelector("[data-component='card-footer']"))&&(E=!0,console.warn("This `Card` is interactive you should use the `footer` prop to render a `CardFooter` to avoid potential accessibility issues")),e(a,function(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}(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){s(e,r,t[r])}))}return e}({cardWidth:b,interactive:B,draggable:!!h,spacing:O,boxShadow:j,hoverBoxShadow:v,height:m,roundness:w},o(k),c("card",{"data-element":p,"data-role":u})),{children:[h&&r(l,{type:"drag"}),e(n,{value:{roundness:w,spacing:O},children:[r(i,{"data-element":"card-content-container",onClick:h?void 0:y,href:h?void 0:g,rel:!h&&g?S:void 0,target:!h&&g?x:void 0,interactive:B,spacing:O,roundness:w,hasFooter:!!P,ref:D,"aria-label":_,children:f}),P]})]}))};d.displayName="Card";export{d as default};

package/esm/components/card/card.config.js

@@ -1,2 +1 @@
-export const CARD_SPACING = ["small", "medium", "large"];
-export const CARD_ALIGNS = ["left", "center", "right"];
+const e=["small","medium","large"],t=["left","center","right"];export{t as CARD_ALIGNS,e as CARD_SPACING};