@amboss/design-system 1.11.0 → 1.12.1

package/build/esm/src/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Box } from \"../Box/Box\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type BadgeProps = {\n  /** This is a text for a component property */\n  text: string;\n  /** A color doesn't reflect any intent other than to variety */\n  color?: `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;\n\n  icon?: IconName;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst BadgeContainer = styled.div<Partial<BadgeProps>>(({ theme, color }) => ({\n  borderRadius: theme.variables.size.borderRadius.badge.m,\n  border: \"1px solid\",\n  display: \"inline-block\",\n  textTransform: \"uppercase\",\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.badge.m,\n  lineHeight: theme.variables.size.lineHeight.badge.m,\n  fontWeight: \"bold\",\n  letterSpacing: theme.variables.size.letterSpacing.badge.m,\n  color: color\n    ? theme.values.color.text.badge[color]\n    : theme.values.color.text.badge.default,\n  backgroundColor: color\n    ? theme.values.color.background.badge[color]\n    : theme.values.color.background.badge.default,\n  borderColor: color\n    ? theme.values.color.border.badge[color]\n    : theme.values.color.border.badge.default,\n}));\n\nexport function Badge({\n  text,\n  color = null,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: BadgeProps): React.ReactElement {\n  return (\n    <BadgeContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Badge\"\n      color={color}\n    >\n      <Box space=\"xs\" vSpace=\"xxs\">\n        <Inline vAlignItems=\"center\" space=\"xxs\" noWrap>\n          {icon && <Icon name={icon} size=\"s\" />}\n          <span>{text}</span>\n        </Inline>\n      </Box>\n    </BadgeContainer>\n  );\n}\n"],"names":["BadgeContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","borderRadius","variables","size","badge","m","border","display","textTransform","fontFamily","lato","fontSize","font","lineHeight","fontWeight","letterSpacing","values","text","default","backgroundColor","background","borderColor","Badge","_ref2","icon","dataE2eTestId","React","createElement","Box","space","vSpace","Inline","vAlignItems","noWrap","Icon","name"],"mappings":"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"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\n\nimport { Box } from \"../Box/Box\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type BadgeProps = {\n  /** This is a text for a component property */\n  text: string;\n  /** A color doesn't reflect any intent other than to variety */\n  color?: `green` | `blue` | `yellow` | `brand` | `purple` | `red` | `gray`;\n\n  icon?: IconName;\n  \"data-e2e-test-id\"?: string;\n};\n\nconst BadgeContainer = styled.div<Partial<BadgeProps>>(({ theme, color }) => ({\n  borderRadius: theme.variables.size.borderRadius.badge.m,\n  border: \"1px solid\",\n  display: \"inline-block\",\n  textTransform: \"uppercase\",\n  fontFamily: theme.variables.fontFamily.lato,\n  fontSize: theme.variables.size.font.badge.m,\n  lineHeight: theme.variables.size.lineHeight.badge.m,\n  fontWeight: \"bold\",\n  letterSpacing: theme.variables.size.letterSpacing.badge.m,\n  color: color\n    ? theme.values.color.text.badge[color]\n    : theme.values.color.text.badge.default,\n  backgroundColor: color\n    ? theme.values.color.background.badge[color]\n    : theme.values.color.background.badge.default,\n  borderColor: color\n    ? theme.values.color.border.badge[color]\n    : theme.values.color.border.badge.default,\n}));\n\nexport function Badge({\n  text,\n  color = null,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: BadgeProps): React.ReactElement {\n  return (\n    <BadgeContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Badge\"\n      color={color}\n    >\n      <Box space=\"xs\" vSpace=\"xxs\">\n        <Inline vAlignItems=\"center\" space=\"xxs\" noWrap>\n          {icon && <Icon name={icon} size=\"s\" />}\n          <span>{text}</span>\n        </Inline>\n      </Box>\n    </BadgeContainer>\n  );\n}\n"],"names":["BadgeContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","borderRadius","variables","size","badge","m","border","display","textTransform","fontFamily","lato","fontSize","font","lineHeight","fontWeight","letterSpacing","values","text","default","backgroundColor","background","borderColor","Badge","_ref2","icon","dataE2eTestId","React","createElement","Box","space","vSpace","Inline","vAlignItems","noWrap","Icon","name"],"mappings":"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"}

package/build/esm/src/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { AriaAttributes } from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport { SpaceSizes, TextAlignment, MQ } from \"../../types\";\n\nexport type BoxProps = {\n  children: React.ReactNode[] | React.ReactNode;\n  /** Represents both vertical and horizontal paddings. When used alone, vertical and horizontal paddings will have the same value.\n   * Use \"vSpace\" prop to override vertical padding value in case you want it different.\n   * specify [small screen padding, medium screen padding, large screen padding] or one padding for all screen sizes\n   * */\n  space?: SpaceSizes | MQ<SpaceSizes>;\n  /** Represents vertical padding. Used to override the vertical padding from \"space\" prop.\n   * specify [small screen vertical padding, medium screen vertical padding, large screen vertical padding] or one padding for all screen sizes */\n  vSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** right padding * */\n  rSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** left padding * */\n  lSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** top padding * */\n  tSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** bottom padding * */\n  bSpace?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** Text alignment prop.\n   * specify [small screen alignText, medium screen alignText, large screen alignText] or one alignText for all screen sizes */\n  alignText?: TextAlignment | MQ<TextAlignment>;\n\n  /** Aria property for assigning an accessible role to an element\n   * eg. dialog, tab, tooltip etc. */\n  role?: string;\n  /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)\n   */\n  ariaAttributes?: AriaAttributes;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<BoxProps> = {\n  space: \"xl\",\n};\n\nconst StyledBox = styled.div<BoxProps>(\n  ({ theme, space, alignText = \"left\" }) =>\n    mq({\n      padding: [space, theme.variables.size.spacing],\n      textAlign: [\n        alignText,\n        { left: \"left\", right: \"right\", center: \"center\" },\n      ],\n    }),\n  ({ theme, vSpace }) =>\n    mq({\n      paddingTop: [vSpace, theme.variables.size.spacing],\n      paddingBottom: [vSpace, theme.variables.size.spacing],\n    }),\n  ({ theme, rSpace, lSpace, tSpace, bSpace }) =>\n    mq({\n      paddingLeft: [lSpace, theme.variables.size.spacing],\n      paddingRight: [rSpace, theme.variables.size.spacing],\n      paddingTop: [tSpace, theme.variables.size.spacing],\n      paddingBottom: [bSpace, theme.variables.size.spacing],\n    })\n);\n\nexport function Box({\n  children,\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  alignText,\n  role,\n  ariaAttributes,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: BoxProps): React.ReactElement {\n  return (\n    <StyledBox\n      space={space}\n      vSpace={vSpace}\n      rSpace={rSpace}\n      lSpace={lSpace}\n      tSpace={tSpace}\n      bSpace={bSpace}\n      alignText={alignText}\n      role={role}\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Box\"\n      {...ariaAttributes}\n    >\n      {children}\n    </StyledBox>\n  );\n}\n\nBox.defaultProps = defaultProps;\n"],"names":["defaultProps","space","StyledBox","_styled","process","env","NODE_ENV","target","label","_ref","theme","alignText","mq","padding","variables","size","spacing","textAlign","left","right","center","_ref2","vSpace","paddingTop","paddingBottom","_ref3","rSpace","lSpace","tSpace","bSpace","paddingLeft","paddingRight","Box","_ref4","children","role","ariaAttributes","dataE2eTestId","React","createElement","_extends"],"mappings":"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"}
+{"version":3,"file":"Box.js","sources":["../../../../../src/components/Box/Box.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { AriaAttributes } from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport { SpaceSizes, TextAlignment, MQ } from \"../../types\";\n\nexport type BoxProps = {\n  children: React.ReactNode[] | React.ReactNode;\n  /** Represents both vertical and horizontal paddings. When used alone, vertical and horizontal paddings will have the same value.\n   * Use \"vSpace\" prop to override vertical padding value in case you want it different.\n   * specify [small screen padding, medium screen padding, large screen padding] or one padding for all screen sizes\n   * */\n  space?: SpaceSizes | MQ<SpaceSizes>;\n  /** Represents vertical padding. Used to override the vertical padding from \"space\" prop.\n   * specify [small screen vertical padding, medium screen vertical padding, large screen vertical padding] or one padding for all screen sizes */\n  vSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** right padding * */\n  rSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** left padding * */\n  lSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** top padding * */\n  tSpace?: SpaceSizes | MQ<SpaceSizes>;\n  /** bottom padding * */\n  bSpace?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** Text alignment prop.\n   * specify [small screen alignText, medium screen alignText, large screen alignText] or one alignText for all screen sizes */\n  alignText?: TextAlignment | MQ<TextAlignment>;\n\n  /** Aria property for assigning an accessible role to an element\n   * eg. dialog, tab, tooltip etc. */\n  role?: string;\n  /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)\n   */\n  ariaAttributes?: AriaAttributes;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<BoxProps> = {\n  space: \"xl\",\n};\n\nconst StyledBox = styled.div<BoxProps>(\n  ({ theme, space, alignText = \"left\" }) =>\n    mq({\n      padding: [space, theme.variables.size.spacing],\n      textAlign: [\n        alignText,\n        { left: \"left\", right: \"right\", center: \"center\" },\n      ],\n    }),\n  ({ theme, vSpace }) =>\n    mq({\n      paddingTop: [vSpace, theme.variables.size.spacing],\n      paddingBottom: [vSpace, theme.variables.size.spacing],\n    }),\n  ({ theme, rSpace, lSpace, tSpace, bSpace }) =>\n    mq({\n      paddingLeft: [lSpace, theme.variables.size.spacing],\n      paddingRight: [rSpace, theme.variables.size.spacing],\n      paddingTop: [tSpace, theme.variables.size.spacing],\n      paddingBottom: [bSpace, theme.variables.size.spacing],\n    })\n);\n\nexport function Box({\n  children,\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  alignText,\n  role,\n  ariaAttributes,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: BoxProps): React.ReactElement {\n  return (\n    <StyledBox\n      space={space}\n      vSpace={vSpace}\n      rSpace={rSpace}\n      lSpace={lSpace}\n      tSpace={tSpace}\n      bSpace={bSpace}\n      alignText={alignText}\n      role={role}\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Box\"\n      {...ariaAttributes}\n    >\n      {children}\n    </StyledBox>\n  );\n}\n\nBox.defaultProps = defaultProps;\n"],"names":["defaultProps","space","StyledBox","_styled","process","env","NODE_ENV","target","label","_ref","theme","alignText","mq","padding","variables","size","spacing","textAlign","left","right","center","_ref2","vSpace","paddingTop","paddingBottom","_ref3","rSpace","lSpace","tSpace","bSpace","paddingLeft","paddingRight","Box","_ref4","children","role","ariaAttributes","dataE2eTestId","React","createElement","_extends"],"mappings":"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"}

package/build/esm/src/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { AriaAttributes } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { keyframes } from \"@emotion/react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport {\n  BaseVariations,\n  ButtonSize,\n  HorizontalAlignment,\n  TextVariations,\n  PolymorphicRef,\n  PolymorphicComponentPropsWithRef,\n} from \"../../types\";\n\nconst StyledButton = styled(\"button\", {\n  shouldForwardProp: (prop) => isPropValid(prop),\n})<Partial<ButtonProps> & Partial<ButtonPrivateProps>>(\n  ({ theme, fullWidth, size, squareCorners, variant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    display: \"inline-block\",\n    border: 0,\n    margin: 0,\n    color: theme.values.color.text.button[variant].base,\n    backgroundColor: theme.values.color.background.button[variant].base,\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.button.m,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.button[variant].hover,\n      color: theme.values.color.text.button[variant].hover,\n    },\n    \"&:active\": {\n      backgroundColor: theme.values.color.background.button[variant].active,\n      color: theme.values.color.text.button[variant].active,\n    },\n    \"&:disabled\": {\n      backgroundColor: theme.values.color.background.button[variant].disabled,\n      color: theme.values.color.text.button[variant].disabled,\n    },\n    ...(size === \"s\" && {\n      padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,\n    }),\n    ...(size === \"m\" && {\n      padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n    }),\n    ...(size === \"l\" && {\n      padding: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.xl}`,\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      borderColor: theme.values.color.border.button.secondary.base,\n      \":hover\": {\n        borderColor: theme.values.color.border.button.secondary.hover,\n      },\n      \":active\": {\n        borderColor: theme.values.color.border.button.secondary.active,\n      },\n      \":disabled\": {\n        borderColor: theme.values.color.border.button.secondary.disabled,\n      },\n      ...(size === \"s\" && {\n        padding: `${parseInt(theme.variables.size.spacing.xs, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.m, 10) - 1\n        }px`,\n      }),\n      ...(size === \"m\" && {\n        padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.l, 10) - 1\n        }px`,\n      }),\n      ...(size === \"l\" && {\n        padding: `${parseInt(theme.variables.size.spacing.m, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.xl, 10) - 1\n        }px`,\n      }),\n    }),\n    ...(variant === \"tertiary\" && {\n      fontSize: theme.variables.size.font.header.xxs,\n      lineHeight: theme.variables.size.lineHeight.header.xxs,\n      letterSpacing: 0.5,\n      textTransform: \"uppercase\",\n      ...(size === \"s\" && {\n        padding: theme.variables.size.spacing.xs,\n      }),\n      ...(size === \"m\" && {\n        padding: theme.variables.size.spacing.s,\n      }),\n      ...(size === \"l\" && {\n        padding: theme.variables.size.spacing.m,\n      }),\n    }),\n    ...(fullWidth && {\n      width: \"100%\",\n    }),\n    ...(squareCorners && typeof squareCorners === \"boolean\"\n      ? {\n          borderRadius: 0,\n        }\n      : squareCorners &&\n        typeof squareCorners !== \"boolean\" && {\n          ...squareCorners.reduce(\n            (prev, actual: string) => ({\n              ...prev,\n              [`border${actual}Radius`]: 0,\n            }),\n            {}\n          ),\n        }),\n\n    \"&[disabled], &:disabled\": {\n      pointerEvents: \"none\",\n    },\n  })\n);\n\n// opted in for this hacky solution because emotion.js\n// doesn't support transient props yet. https://github.com/emotion-js/emotion/issues/2193\nconst StyledInner = styled.div<{ loading: number }>(\n  ({ loading }) =>\n    loading && {\n      color: \"transparent\",\n    }\n);\n\nconst StyledLoaderWrap = styled.div(() => ({\n  position: \"relative\",\n  width: \"100%\",\n  height: \"100%\",\n  top: 0,\n  left: \"0\",\n  display: \"flex\",\n  justifyContent: \"center\",\n}));\n\nconst rotation = keyframes({\n  from: {\n    transform: \"rotate(0deg)\",\n  },\n  to: {\n    transform: \"rotate(360deg)\",\n  },\n});\n\nconst StyledLoader = styled.div(() => ({\n  position: \"absolute\",\n  animation: `${rotation} 1s infinite linear`,\n}));\n\ntype ButtonPrivateProps = {\n  squareCorners?:\n    | boolean\n    | (\"TopLeft\" | \"TopRight\" | \"BottomLeft\" | \"BottomRight\")[];\n  alignItems?: HorizontalAlignment;\n  rightIconVariant?: TextVariations;\n};\n\nexport type ButtonProps = {\n  variant?: BaseVariations;\n  size?: ButtonSize;\n  /** Type is ignored if \"a\" is provided to \"as\" property. Note that you can explicetly pass null. */\n  type?: \"submit\" | \"button\" | \"reset\" | null;\n  disabled?: boolean;\n  /** When loading is true, disabled is set to true as well. */\n  loading?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onFocus?: (e: React.FocusEvent) => void;\n  onBlur?: (e: React.FocusEvent) => void;\n  leftIcon?: IconName;\n  rightIcon?: IconName;\n  fullWidth?: boolean;\n  privateProps?: ButtonPrivateProps;\n  \"data-e2e-test-id\"?: string;\n  /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)\n   */\n  ariaAttributes?: AriaAttributes;\n};\n\ntype ButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, ButtonProps>\n) => React.ReactElement | null;\n\nexport const Button: ButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      \"data-e2e-test-id\": dataE2eTestId,\n      ariaAttributes,\n      as,\n      children,\n      disabled = false,\n      fullWidth = false,\n      leftIcon,\n      loading = false,\n      onBlur,\n      onClick,\n      onFocus,\n      privateProps = { squareCorners: false },\n      rightIcon,\n      size = \"m\",\n      type = \"button\",\n      variant = \"primary\",\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, ButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const { squareCorners, alignItems, rightIconVariant } = privateProps;\n\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n\n    return (\n      <StyledButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"Button\"\n        // https://emotion.sh/docs/styled#as-prop\n        as={as}\n        disabled={disabled || loading}\n        type={as && as !== \"button\" ? undefined : type}\n        fullWidth={fullWidth}\n        squareCorners={squareCorners}\n        variant={variant}\n        size={size}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...ariaAttributes}\n        {...rest}\n      >\n        {loading && (\n          <StyledLoaderWrap>\n            <StyledLoader>\n              <Icon\n                size=\"s\"\n                name=\"loader\"\n                variant={variant}\n                data-testid=\"loader\"\n                data-e2e-test-id=\"loader\"\n              />\n            </StyledLoader>\n          </StyledLoaderWrap>\n        )}\n        <StyledInner loading={loading ? 1 : 0}>\n          <Inline\n            vAlignItems=\"center\"\n            alignItems={alignItems || \"center\"}\n            space=\"xxs\"\n            noWrap\n          >\n            {leftIcon && (\n              <Icon\n                size=\"s\"\n                name={leftIcon}\n                data-testid={leftIcon}\n                data-e2e-test-id={leftIcon}\n              />\n            )}\n            {children}\n            {rightIcon && (\n              <Icon\n                size=\"s\"\n                name={rightIcon}\n                variant={rightIconVariant}\n                data-testid={rightIcon}\n                data-e2e-test-id={rightIcon}\n              />\n            )}\n          </Inline>\n        </StyledInner>\n      </StyledButton>\n    );\n  }\n);\n"],"names":["StyledButton","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","fullWidth","size","squareCorners","variant","appearance","MozAppearance","WebkitAppearance","display","border","margin","color","values","text","button","base","backgroundColor","background","textTransform","textDecoration","borderRadius","variables","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","cursor","hover","active","disabled","padding","spacing","xs","s","l","xl","borderColor","secondary","parseInt","header","xxs","letterSpacing","width","reduce","prev","actual","pointerEvents","StyledInner","_ref2","loading","StyledLoaderWrap","position","height","top","left","justifyContent","rotation","keyframes","from","transform","to","StyledLoader","animation","Button","React","forwardRef","_ref3","ref","dataE2eTestId","ariaAttributes","as","children","leftIcon","onBlur","onClick","onFocus","privateProps","rightIcon","type","rest","alignItems","rightIconVariant","handleClick","e","preventDefault","createElement","_extends","undefined","Icon","name","Inline","vAlignItems","space","noWrap"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React, { AriaAttributes } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isPropValid from \"@emotion/is-prop-valid\";\nimport { keyframes } from \"@emotion/react\";\nimport { Inline } from \"../Inline/Inline\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport {\n  BaseVariations,\n  ButtonSize,\n  HorizontalAlignment,\n  TextVariations,\n  PolymorphicRef,\n  PolymorphicComponentPropsWithRef,\n} from \"../../types\";\n\nconst StyledButton = styled(\"button\", {\n  shouldForwardProp: (prop) => isPropValid(prop),\n})<Partial<ButtonProps> & Partial<ButtonPrivateProps>>(\n  ({ theme, fullWidth, size, squareCorners, variant }) => ({\n    \"&[type='button']\": {\n      appearance: \"none\",\n      MozAppearance: \"none\",\n      WebkitAppearance: \"none\",\n    },\n    display: \"inline-block\",\n    border: 0,\n    margin: 0,\n    color: theme.values.color.text.button[variant].base,\n    backgroundColor: theme.values.color.background.button[variant].base,\n    textTransform: \"none\",\n    textDecoration: \"none\",\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    fontFamily: theme.variables.fontFamily.lato,\n    fontSize: theme.variables.size.font.button.m,\n    lineHeight: theme.variables.size.lineHeight.button.m,\n    fontWeight: theme.variables.weight.bold,\n    cursor: \"pointer\",\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.button[variant].hover,\n      color: theme.values.color.text.button[variant].hover,\n    },\n    \"&:active\": {\n      backgroundColor: theme.values.color.background.button[variant].active,\n      color: theme.values.color.text.button[variant].active,\n    },\n    \"&:disabled\": {\n      backgroundColor: theme.values.color.background.button[variant].disabled,\n      color: theme.values.color.text.button[variant].disabled,\n    },\n    ...(size === \"s\" && {\n      padding: `${theme.variables.size.spacing.xs} ${theme.variables.size.spacing.m}`,\n    }),\n    ...(size === \"m\" && {\n      padding: `${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,\n    }),\n    ...(size === \"l\" && {\n      padding: `${theme.variables.size.spacing.m} ${theme.variables.size.spacing.xl}`,\n    }),\n    ...(variant === \"secondary\" && {\n      border: \"1px solid\",\n      borderColor: theme.values.color.border.button.secondary.base,\n      \":hover\": {\n        borderColor: theme.values.color.border.button.secondary.hover,\n      },\n      \":active\": {\n        borderColor: theme.values.color.border.button.secondary.active,\n      },\n      \":disabled\": {\n        borderColor: theme.values.color.border.button.secondary.disabled,\n      },\n      ...(size === \"s\" && {\n        padding: `${parseInt(theme.variables.size.spacing.xs, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.m, 10) - 1\n        }px`,\n      }),\n      ...(size === \"m\" && {\n        padding: `${parseInt(theme.variables.size.spacing.s, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.l, 10) - 1\n        }px`,\n      }),\n      ...(size === \"l\" && {\n        padding: `${parseInt(theme.variables.size.spacing.m, 10) - 1}px ${\n          parseInt(theme.variables.size.spacing.xl, 10) - 1\n        }px`,\n      }),\n    }),\n    ...(variant === \"tertiary\" && {\n      fontSize: theme.variables.size.font.header.xxs,\n      lineHeight: theme.variables.size.lineHeight.header.xxs,\n      letterSpacing: 0.5,\n      textTransform: \"uppercase\",\n      ...(size === \"s\" && {\n        padding: theme.variables.size.spacing.xs,\n      }),\n      ...(size === \"m\" && {\n        padding: theme.variables.size.spacing.s,\n      }),\n      ...(size === \"l\" && {\n        padding: theme.variables.size.spacing.m,\n      }),\n    }),\n    ...(fullWidth && {\n      width: \"100%\",\n    }),\n    ...(squareCorners && typeof squareCorners === \"boolean\"\n      ? {\n          borderRadius: 0,\n        }\n      : squareCorners &&\n        typeof squareCorners !== \"boolean\" && {\n          ...squareCorners.reduce(\n            (prev, actual: string) => ({\n              ...prev,\n              [`border${actual}Radius`]: 0,\n            }),\n            {}\n          ),\n        }),\n\n    \"&[disabled], &:disabled\": {\n      pointerEvents: \"none\",\n    },\n  })\n);\n\n// opted in for this hacky solution because emotion.js\n// doesn't support transient props yet. https://github.com/emotion-js/emotion/issues/2193\nconst StyledInner = styled.div<{ loading: number }>(\n  ({ loading }) =>\n    loading && {\n      color: \"transparent\",\n    }\n);\n\nconst StyledLoaderWrap = styled.div(() => ({\n  position: \"relative\",\n  width: \"100%\",\n  height: \"100%\",\n  top: 0,\n  left: \"0\",\n  display: \"flex\",\n  justifyContent: \"center\",\n}));\n\nconst rotation = keyframes({\n  from: {\n    transform: \"rotate(0deg)\",\n  },\n  to: {\n    transform: \"rotate(360deg)\",\n  },\n});\n\nconst StyledLoader = styled.div(() => ({\n  position: \"absolute\",\n  animation: `${rotation} 1s infinite linear`,\n}));\n\ntype ButtonPrivateProps = {\n  squareCorners?:\n    | boolean\n    | (\"TopLeft\" | \"TopRight\" | \"BottomLeft\" | \"BottomRight\")[];\n  alignItems?: HorizontalAlignment;\n  rightIconVariant?: TextVariations;\n};\n\nexport type ButtonProps = {\n  variant?: BaseVariations;\n  size?: ButtonSize;\n  /** Type is ignored if \"a\" is provided to \"as\" property. Note that you can explicetly pass null. */\n  type?: \"submit\" | \"button\" | \"reset\" | null;\n  disabled?: boolean;\n  /** When loading is true, disabled is set to true as well. */\n  loading?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onFocus?: (e: React.FocusEvent) => void;\n  onBlur?: (e: React.FocusEvent) => void;\n  leftIcon?: IconName;\n  rightIcon?: IconName;\n  fullWidth?: boolean;\n  privateProps?: ButtonPrivateProps;\n  \"data-e2e-test-id\"?: string;\n  /** Additional aria attributes. [see documentation](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/02549c083e9d62b604091d770c4568d47282cdd0/types/react/index.d.ts#L1461)\n   */\n  ariaAttributes?: AriaAttributes;\n};\n\ntype ButtonComponent = <C extends React.ElementType = \"button\">(\n  props: PolymorphicComponentPropsWithRef<C, ButtonProps>\n) => React.ReactElement | null;\n\nexport const Button: ButtonComponent = React.forwardRef(\n  <C extends React.ElementType = \"button\">(\n    {\n      \"data-e2e-test-id\": dataE2eTestId,\n      ariaAttributes,\n      as,\n      children,\n      disabled = false,\n      fullWidth = false,\n      leftIcon,\n      loading = false,\n      onBlur,\n      onClick,\n      onFocus,\n      privateProps = { squareCorners: false },\n      rightIcon,\n      size = \"m\",\n      type = \"button\",\n      variant = \"primary\",\n      ...rest\n    }: PolymorphicComponentPropsWithRef<C, ButtonProps>,\n    ref?: PolymorphicRef<C>\n  ) => {\n    const { squareCorners, alignItems, rightIconVariant } = privateProps;\n\n    function handleClick(e: React.MouseEvent) {\n      if (disabled) {\n        e.preventDefault();\n      }\n      if (onClick) {\n        onClick(e);\n      }\n    }\n\n    return (\n      <StyledButton\n        ref={ref}\n        data-e2e-test-id={dataE2eTestId}\n        data-ds-id=\"Button\"\n        // https://emotion.sh/docs/styled#as-prop\n        as={as}\n        disabled={disabled || loading}\n        type={as && as !== \"button\" ? undefined : type}\n        fullWidth={fullWidth}\n        squareCorners={squareCorners}\n        variant={variant}\n        size={size}\n        onClick={handleClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        {...ariaAttributes}\n        {...rest}\n      >\n        {loading && (\n          <StyledLoaderWrap>\n            <StyledLoader>\n              <Icon\n                size=\"s\"\n                name=\"loader\"\n                variant={variant}\n                data-testid=\"loader\"\n                data-e2e-test-id=\"loader\"\n              />\n            </StyledLoader>\n          </StyledLoaderWrap>\n        )}\n        <StyledInner loading={loading ? 1 : 0}>\n          <Inline\n            vAlignItems=\"center\"\n            alignItems={alignItems || \"center\"}\n            space=\"xxs\"\n            noWrap\n          >\n            {leftIcon && (\n              <Icon\n                size=\"s\"\n                name={leftIcon}\n                data-testid={leftIcon}\n                data-e2e-test-id={leftIcon}\n              />\n            )}\n            {children}\n            {rightIcon && (\n              <Icon\n                size=\"s\"\n                name={rightIcon}\n                variant={rightIconVariant}\n                data-testid={rightIcon}\n                data-e2e-test-id={rightIcon}\n              />\n            )}\n          </Inline>\n        </StyledInner>\n      </StyledButton>\n    );\n  }\n);\n"],"names":["StyledButton","_styled","process","env","NODE_ENV","shouldForwardProp","prop","isPropValid","target","label","_ref","theme","fullWidth","size","squareCorners","variant","appearance","MozAppearance","WebkitAppearance","display","border","margin","color","values","text","button","base","backgroundColor","background","textTransform","textDecoration","borderRadius","variables","m","fontFamily","lato","fontSize","font","lineHeight","fontWeight","weight","bold","cursor","hover","active","disabled","padding","spacing","xs","s","l","xl","borderColor","secondary","parseInt","header","xxs","letterSpacing","width","reduce","prev","actual","pointerEvents","StyledInner","_ref2","loading","StyledLoaderWrap","position","height","top","left","justifyContent","rotation","keyframes","from","transform","to","StyledLoader","animation","Button","React","forwardRef","_ref3","ref","dataE2eTestId","ariaAttributes","as","children","leftIcon","onBlur","onClick","onFocus","privateProps","rightIcon","type","rest","alignItems","rightIconVariant","handleClick","e","preventDefault","createElement","_extends","undefined","Icon","name","Inline","vAlignItems","space","noWrap"],"mappings":"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"}

package/build/esm/src/components/Callout/Callout.js

@@ -5,15 +5,16 @@ import { Inline } from '../Inline/Inline.js';
 import { Stack } from '../Stack/Stack.js';
 import { Text } from '../Typography/Text/Text.js';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const defaultProps = {
   icon: "info",
   type: "info",
   "data-e2e-test-id": undefined
 };
 const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "evdfhap0"
+  target: "evdfhap1"
 } : {
-  target: "evdfhap0",
+  target: "evdfhap1",
   label: "StyledContainer"
 })(_ref => {
   let {
@@ -45,7 +46,21 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
       }
     }
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gQ2FsbG91dCh7XG4gIHRleHQsXG4gIGRlc2NyaXB0aW9uLFxuICB0eXBlLFxuICBpY29uLFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IENhbGxvdXRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDYWxsb3V0XCJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cInRvcFwiIHNwYWNlPVwieHNcIiBub1dyYXA+XG4gICAgICAgIDxJY29uIG5hbWU9e2ljb259IHZhcmlhbnQ9XCJpbmhlcml0XCIgc2l6ZT1cInNcIiAvPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9XCJib2xkXCIgc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCd0IiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHBhZGRpbmdUb3A6IFwiMXB4XCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhbGxvdXQoe1xuICB0ZXh0LFxuICBkZXNjcmlwdGlvbixcbiAgdHlwZSxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYWxsb3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aXRsZUZvbnRXZWlnaHQgPSBkZXNjcmlwdGlvbiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FsbG91dFwiXG4gICAgICB0eXBlPXt0eXBlfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJ0b3BcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSB2YXJpYW50PVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
+const StyledIconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "evdfhap0"
+} : {
+  target: "evdfhap0",
+  label: "StyledIconContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1pjpfnb",
+  styles: "padding-top:1px"
+} : {
+  name: "1pjpfnb",
+  styles: "padding-top:1px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNhbGxvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtENEIiLCJmaWxlIjoiQ2FsbG91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3RFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL1N0YWNrL1N0YWNrXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxDYWxsb3V0UHJvcHM+ID0ge1xuICBpY29uOiBcImluZm9cIixcbiAgdHlwZTogXCJpbmZvXCIsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiB1bmRlZmluZWQsXG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q2FsbG91dFByb3BzPj4oXG4gICh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5jYWxsb3V0W3R5cGVdLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LmNhbGxvdXQucyxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgLi4ue1xuICAgICAgXCJhLGJ1dHRvbixwXCI6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmNhbGxvdXRbdHlwZV0sXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBidXR0b25cIjoge1xuICAgICAgICAgIGZvbnRXZWlnaHQ6IFwiaW5oZXJpdFwiLFxuICAgICAgICAgIGZvbnRTaXplOiBcImluaGVyaXRcIixcbiAgICAgICAgICBsaW5lSGVpZ2h0OiBcImluaGVyaXRcIixcbiAgICAgICAgfSxcbiAgICAgIH0sXG4gICAgICBzdmc6IHtcbiAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5pY29uLmNhbGxvdXRbdHlwZV0sXG4gICAgICB9LFxuICAgIH0sXG4gIH0pXG4pO1xuXG5jb25zdCBTdHlsZWRJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdih7XG4gIHBhZGRpbmdUb3A6IFwiMXB4XCIsXG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIENhbGxvdXQoe1xuICB0ZXh0LFxuICBkZXNjcmlwdGlvbixcbiAgdHlwZSxcbiAgaWNvbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYWxsb3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aXRsZUZvbnRXZWlnaHQgPSBkZXNjcmlwdGlvbiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiQ2FsbG91dFwiXG4gICAgICB0eXBlPXt0eXBlfVxuICAgID5cbiAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJ0b3BcIiBzcGFjZT1cInhzXCIgbm9XcmFwPlxuICAgICAgICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICAgICAgICA8SWNvbiBuYW1lPXtpY29ufSB2YXJpYW50PVwiaW5oZXJpdFwiIHNpemU9XCJzXCIgLz5cbiAgICAgICAgPC9TdHlsZWRJY29uQ29udGFpbmVyPlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIj5cbiAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgPFRleHQgc2l6ZT1cInNcIj57ZGVzY3JpcHRpb259PC9UZXh0Pn1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW5saW5lPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuXG5DYWxsb3V0LmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 function Callout(_ref2) {
   let {
     text,
@@ -54,6 +69,7 @@ function Callout(_ref2) {
     icon,
     "data-e2e-test-id": dataE2eTestId
   } = _ref2;
+  const titleFontWeight = description ? "bold" : "normal";
   return /*#__PURE__*/React.createElement(StyledContainer, {
     "data-e2e-test-id": dataE2eTestId,
     "data-ds-id": "Callout",
@@ -62,14 +78,14 @@ function Callout(_ref2) {
     vAlignItems: "top",
     space: "xs",
     noWrap: true
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(StyledIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
     name: icon,
     variant: "inherit",
     size: "s"
-  }), /*#__PURE__*/React.createElement(Stack, {
+  })), /*#__PURE__*/React.createElement(Stack, {
     space: "xxs"
   }, /*#__PURE__*/React.createElement(Text, {
-    weight: "bold",
+    weight: titleFontWeight,
     size: "s"
   }, text), description && /*#__PURE__*/React.createElement(Text, {
     size: "s"

package/build/esm/src/components/Callout/Callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.js","sources":["../../../../../src/components/Callout/Callout.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { CalloutVariations } from \"../../types\";\n\nexport type CalloutProps = {\n  type?: CalloutVariations;\n  icon?: IconName;\n  \"data-e2e-test-id\"?: string;\n  text: string | ReactElement;\n  description?: string | ReactElement;\n};\n\nconst defaultProps: Partial<CalloutProps> = {\n  icon: \"info\",\n  type: \"info\",\n  \"data-e2e-test-id\": undefined,\n};\n\nconst StyledContainer = styled.div<Partial<CalloutProps>>(\n  ({ theme, type }) => ({\n    display: \"flex\",\n    color: theme.values.color.text.callout[type],\n    backgroundColor: theme.values.color.background.callout[type],\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    padding: theme.variables.size.spacing.m,\n    lineHeight: theme.variables.size.lineHeight.callout.s,\n    width: \"100%\",\n    ...{\n      \"a,button,p\": {\n        color: theme.values.color.text.callout[type],\n        \"&:hover\": {\n          color: theme.values.color.text.callout[type],\n        },\n        \"& button\": {\n          fontWeight: \"inherit\",\n          fontSize: \"inherit\",\n          lineHeight: \"inherit\",\n        },\n      },\n      svg: {\n        color: theme.values.color.icon.callout[type],\n      },\n    },\n  })\n);\n\nexport function Callout({\n  text,\n  description,\n  type,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CalloutProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Callout\"\n      type={type}\n    >\n      <Inline vAlignItems=\"top\" space=\"xs\" noWrap>\n        <Icon name={icon} variant=\"inherit\" size=\"s\" />\n        <Stack space=\"xxs\">\n          <Text weight=\"bold\" size=\"s\">\n            {text}\n          </Text>\n          {description && <Text size=\"s\">{description}</Text>}\n        </Stack>\n      </Inline>\n    </StyledContainer>\n  );\n}\n\nCallout.defaultProps = defaultProps;\n"],"names":["defaultProps","icon","type","undefined","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","color","values","text","callout","backgroundColor","background","borderRadius","variables","size","button","m","padding","spacing","lineHeight","s","width","fontWeight","fontSize","svg","Callout","_ref2","description","dataE2eTestId","React","createElement","Inline","vAlignItems","space","noWrap","Icon","name","variant","Stack","Text","weight"],"mappings":"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"}
+{"version":3,"file":"Callout.js","sources":["../../../../../src/components/Callout/Callout.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconName, Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\nimport { Stack } from \"../Stack/Stack\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { CalloutVariations } from \"../../types\";\n\nexport type CalloutProps = {\n  type?: CalloutVariations;\n  icon?: IconName;\n  \"data-e2e-test-id\"?: string;\n  text: string | ReactElement;\n  description?: string | ReactElement;\n};\n\nconst defaultProps: Partial<CalloutProps> = {\n  icon: \"info\",\n  type: \"info\",\n  \"data-e2e-test-id\": undefined,\n};\n\nconst StyledContainer = styled.div<Partial<CalloutProps>>(\n  ({ theme, type }) => ({\n    display: \"flex\",\n    color: theme.values.color.text.callout[type],\n    backgroundColor: theme.values.color.background.callout[type],\n    borderRadius: theme.variables.size.borderRadius.button.m,\n    padding: theme.variables.size.spacing.m,\n    lineHeight: theme.variables.size.lineHeight.callout.s,\n    width: \"100%\",\n    ...{\n      \"a,button,p\": {\n        color: theme.values.color.text.callout[type],\n        \"&:hover\": {\n          color: theme.values.color.text.callout[type],\n        },\n        \"& button\": {\n          fontWeight: \"inherit\",\n          fontSize: \"inherit\",\n          lineHeight: \"inherit\",\n        },\n      },\n      svg: {\n        color: theme.values.color.icon.callout[type],\n      },\n    },\n  })\n);\n\nconst StyledIconContainer = styled.div({\n  paddingTop: \"1px\",\n});\n\nexport function Callout({\n  text,\n  description,\n  type,\n  icon,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CalloutProps): React.ReactElement {\n  const titleFontWeight = description ? \"bold\" : \"normal\";\n\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Callout\"\n      type={type}\n    >\n      <Inline vAlignItems=\"top\" space=\"xs\" noWrap>\n        <StyledIconContainer>\n          <Icon name={icon} variant=\"inherit\" size=\"s\" />\n        </StyledIconContainer>\n        <Stack space=\"xxs\">\n          <Text weight={titleFontWeight} size=\"s\">\n            {text}\n          </Text>\n          {description && <Text size=\"s\">{description}</Text>}\n        </Stack>\n      </Inline>\n    </StyledContainer>\n  );\n}\n\nCallout.defaultProps = defaultProps;\n"],"names":["defaultProps","icon","type","undefined","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","color","values","text","callout","backgroundColor","background","borderRadius","variables","size","button","m","padding","spacing","lineHeight","s","width","fontWeight","fontSize","svg","StyledIconContainer","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","Callout","_ref2","description","dataE2eTestId","titleFontWeight","React","createElement","Inline","vAlignItems","space","noWrap","Icon","variant","Stack","Text","weight"],"mappings":"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"}

package/build/esm/src/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\n\nexport type CardProps = {\n  /** Specify title displayed in Header */\n  title?: string;\n\n  /** @deprecated Subtitle is now deprecated */\n  subtitle?: string;\n\n  /** @deprecated button property is deprecated now. Please use dropdown prop. */\n  button?: React.ReactElement;\n\n  dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n  overflow?: \"auto\" | \"hidden\" | \"visible\";\n\n  squareCorners?: boolean;\n\n  children?: React.ReactNode;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst StyledContainer = styled.div<Partial<CardProps>>(\n  ({ theme, overflow, squareCorners }) => ({\n    ...(squareCorners\n      ? {\n          borderRadius: 0,\n        }\n      : {\n          borderRadius: theme.variables.size.borderRadius.card.m,\n          \"& > *:last-child\": {\n            borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n            borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n          },\n          \"& > *:first-child\": {\n            borderTopLeftRadius: theme.variables.size.borderRadius.card.m,\n            borderTopRightRadius: theme.variables.size.borderRadius.card.m,\n          },\n        }),\n    boxShadow: theme.variables.shadow.card.a,\n    backgroundColor: theme.values.color.background.layer_2,\n    overflow,\n  })\n);\n\nexport function Card({\n  title,\n  subtitle,\n  button,\n  dropdown,\n  children,\n  overflow = \"hidden\",\n  squareCorners = false,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n  informDeprecation(\n    subtitle,\n    subtitle,\n    \"Card\",\n    \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n  );\n\n  informDeprecation(\n    button,\n    button,\n    \"Card\",\n    \"Button is deprecated, please use dropdown property instead\"\n  );\n\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Card\"\n      overflow={overflow}\n      squareCorners={squareCorners}\n    >\n      {(button || dropdown || subtitle || title) && (\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          button={button}\n          dropdown={dropdown}\n        />\n      )}\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","layer_2","Card","_ref2","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation","React","createElement","CardHeader"],"mappings":";;;;;AA2BA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIG,aAAa,GACb;AACEC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;AACtD,MAAA,kBAAkB,EAAE;QAClBC,sBAAsB,EAAER,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAChEE,uBAAuB,EAAET,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;OACjE;AACD,MAAA,mBAAmB,EAAE;QACnBG,mBAAmB,EAAEV,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAC7DI,oBAAoB,EAAEX,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;AAC/D,OAAA;AACF,KAAC,CAAC;IACNK,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACS,MAAM,CAACP,IAAI,CAACQ,CAAC;IACxCC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;AACtDlB,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,yhHAAA,CAAA,CAAA;AAEM,SAASwB,IAAIA,CAAAC,KAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACRzB,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEyB,aAAAA;AACX,GAAC,GAAAN,KAAA,CAAA;EACVO,iBAAiB,CACfL,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFAAyF,CAC1F,CAAA;EAEDK,iBAAiB,CACfJ,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DAA4D,CAC7D,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACtC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBmC,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjB1B,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,CAACsB,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GAEb,CAAA,EACAC,QAAQ,CACO,CAAA;AAEtB;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CardHeader } from \"./CardHeader/CardHeader\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\nimport { DropdownMenuProps } from \"../DropdownMenu/DropdownMenu\";\n\nexport type CardProps = {\n  /** Specify title displayed in Header */\n  title?: string;\n\n  /** @deprecated Subtitle is now deprecated */\n  subtitle?: string;\n\n  /** @deprecated button property is deprecated now. Please use dropdown prop. */\n  button?: React.ReactElement;\n\n  dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n  overflow?: \"auto\" | \"hidden\" | \"visible\";\n\n  squareCorners?: boolean;\n\n  children?: React.ReactNode;\n\n  \"data-e2e-test-id\"?: string;\n};\n\nconst StyledContainer = styled.div<Partial<CardProps>>(\n  ({ theme, overflow, squareCorners }) => ({\n    ...(squareCorners\n      ? {\n          borderRadius: 0,\n        }\n      : {\n          borderRadius: theme.variables.size.borderRadius.card.m,\n          \"& > *:last-child\": {\n            borderBottomLeftRadius: theme.variables.size.borderRadius.card.m,\n            borderBottomRightRadius: theme.variables.size.borderRadius.card.m,\n          },\n          \"& > *:first-child\": {\n            borderTopLeftRadius: theme.variables.size.borderRadius.card.m,\n            borderTopRightRadius: theme.variables.size.borderRadius.card.m,\n          },\n        }),\n    boxShadow: theme.variables.shadow.card.a,\n    backgroundColor: theme.values.color.background.layer_2,\n    overflow,\n  })\n);\n\nexport function Card({\n  title,\n  subtitle,\n  button,\n  dropdown,\n  children,\n  overflow = \"hidden\",\n  squareCorners = false,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardProps): React.ReactElement {\n  informDeprecation(\n    subtitle,\n    subtitle,\n    \"Card\",\n    \"Subtitle is now a depricated prop, please discuss a workaround with any of UX designers\"\n  );\n\n  informDeprecation(\n    button,\n    button,\n    \"Card\",\n    \"Button is deprecated, please use dropdown property instead\"\n  );\n\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Card\"\n      overflow={overflow}\n      squareCorners={squareCorners}\n    >\n      {(button || dropdown || subtitle || title) && (\n        <CardHeader\n          title={title}\n          subtitle={subtitle}\n          button={button}\n          dropdown={dropdown}\n        />\n      )}\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","overflow","squareCorners","borderRadius","variables","size","card","m","borderBottomLeftRadius","borderBottomRightRadius","borderTopLeftRadius","borderTopRightRadius","boxShadow","shadow","a","backgroundColor","values","color","background","layer_2","Card","_ref2","title","subtitle","button","dropdown","children","dataE2eTestId","informDeprecation","React","createElement","CardHeader"],"mappings":";;;;;AA2BA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,QAAQ;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AACvC,IAAA,IAAIG,aAAa,GACb;AACEC,MAAAA,YAAY,EAAE,CAAA;AAChB,KAAC,GACD;MACEA,YAAY,EAAEH,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;AACtD,MAAA,kBAAkB,EAAE;QAClBC,sBAAsB,EAAER,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAChEE,uBAAuB,EAAET,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;OACjE;AACD,MAAA,mBAAmB,EAAE;QACnBG,mBAAmB,EAAEV,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAC;QAC7DI,oBAAoB,EAAEX,KAAK,CAACI,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,IAAI,CAACC,CAAAA;AAC/D,OAAA;AACF,KAAC,CAAC;IACNK,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACS,MAAM,CAACP,IAAI,CAACQ,CAAC;IACxCC,eAAe,EAAEf,KAAK,CAACgB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAO;AACtDlB,IAAAA,QAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,kjHACJ,CAAC,CAAA;AAEM,SAASwB,IAAIA,CAAAC,KAAA,EASc;EAAA,IATb;IACnBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;IACRC,QAAQ;AACRzB,IAAAA,QAAQ,GAAG,QAAQ;AACnBC,IAAAA,aAAa,GAAG,KAAK;AACrB,IAAA,kBAAkB,EAAEyB,aAAAA;AACX,GAAC,GAAAN,KAAA,CAAA;EACVO,iBAAiB,CACfL,QAAQ,EACRA,QAAQ,EACR,MAAM,EACN,yFACF,CAAC,CAAA;EAEDK,iBAAiB,CACfJ,MAAM,EACNA,MAAM,EACN,MAAM,EACN,4DACF,CAAC,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACtC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBmC,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjB1B,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,EAE5B,CAACsB,MAAM,IAAIC,QAAQ,IAAIF,QAAQ,IAAID,KAAK,kBACvCO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AACTT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GACX,CACF,EACAC,QACc,CAAC,CAAA;AAEtB;;;;"}

package/build/esm/src/components/Card/CardBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardBox.js","sources":["../../../../../src/components/Card/CardBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../Box/Box\";\n\nexport type CardBoxProps = {\n  children: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function CardBox({\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardBoxProps): React.ReactElement {\n  return (\n    <Box\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"CardBox\"\n      space={[\"m\", \"l\", \"l\"]}\n      vSpace=\"m\"\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["CardBox","_ref","children","dataE2eTestId","React","createElement","Box","space","vSpace"],"mappings":";;;AAQO,SAASA,OAAOA,CAAAC,IAAA,EAGc;EAAA,IAHb;IACtBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACR,GAAC,GAAAF,IAAA,CAAA;AACb,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AACF,IAAA,kBAAA,EAAkBH,aAAc;AAChC,IAAA,YAAA,EAAW,SAAS;AACpBI,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AACvBC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,EAETN,QAAQ,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"CardBox.js","sources":["../../../../../src/components/Card/CardBox.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../Box/Box\";\n\nexport type CardBoxProps = {\n  children: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\n\nexport function CardBox({\n  children,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardBoxProps): React.ReactElement {\n  return (\n    <Box\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"CardBox\"\n      space={[\"m\", \"l\", \"l\"]}\n      vSpace=\"m\"\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["CardBox","_ref","children","dataE2eTestId","React","createElement","Box","space","vSpace"],"mappings":";;;AAQO,SAASA,OAAOA,CAAAC,IAAA,EAGc;EAAA,IAHb;IACtBC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACR,GAAC,GAAAF,IAAA,CAAA;AACb,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AACF,IAAA,kBAAA,EAAkBH,aAAc;AAChC,IAAA,YAAA,EAAW,SAAS;AACpBI,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AACvBC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,EAETN,QACE,CAAC,CAAA;AAEV;;;;"}

package/build/esm/src/components/Card/CardHeader/CardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader/CardHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H5 } from \"../../Typography/Header/Header\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Divider } from \"../../Divider/Divider\";\nimport { Box } from \"../../Box/Box\";\nimport {\n  DropdownMenu,\n  DropdownMenuProps,\n} from \"../../DropdownMenu/DropdownMenu\";\n\nconst StyledHeaderWrap = styled.div({\n  // Compensate small button height with 6px\n  padding: `6px 0`,\n});\n\nexport class CardHeaderProps {\n  title?: string;\n\n  /** @deprecated * */\n  subtitle?: string;\n\n  dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n  /** @deprecated * */\n  button?: React.ReactElement;\n\n  \"data-e2e-test-id\"?: string;\n}\n\nexport function CardHeader({\n  title,\n  subtitle,\n  button,\n  dropdown,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardHeaderProps): React.ReactElement {\n  return (\n    <div data-e2e-test-id={dataE2eTestId}>\n      <Box space={[\"m\", \"l\", \"l\"]} vSpace=\"s\" rSpace=\"s\">\n        <Inline alignItems=\"spaceBetween\" vAlignItems=\"top\" noWrap>\n          <Stack space=\"xs\">\n            {title && (\n              <StyledHeaderWrap>\n                <H5>{title}</H5>\n              </StyledHeaderWrap>\n            )}\n            {subtitle && (\n              <Text size=\"xs\" as=\"span\" variant=\"tertiary\">\n                {subtitle}\n              </Text>\n            )}\n          </Stack>\n          {button && <div>{button}</div>}\n          {dropdown && (\n            <DropdownMenu {...dropdown} size=\"s\" iconName=\"more-horizontal\" />\n          )}\n        </Inline>\n      </Box>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["StyledHeaderWrap","_styled","process","env","NODE_ENV","target","label","padding","CardHeader","_ref","title","subtitle","button","dropdown","dataE2eTestId","React","createElement","Box","space","vSpace","rSpace","Inline","alignItems","vAlignItems","noWrap","Stack","H5","Text","size","as","variant","DropdownMenu","_extends","iconName","Divider"],"mappings":";;;;;;;;;;;AAcA,MAAMA,gBAAgB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAW,CAAA,CAAA;AAClC;AACAC,EAAAA,OAAO,EAAG,CAAA,KAAA,CAAA;AACZ,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qoFAAA,CAAA,CAAA;AAgBK,SAASI,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;IACzBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EAChB,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;AAAc,GAAA,eACnCC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAG;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAChDL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACxDT,KAAA,CAAAC,aAAA,CAACS,KAAK,EAAA;AAACP,IAAAA,KAAK,EAAC,IAAA;GACVR,EAAAA,KAAK,iBACJK,KAAA,CAAAC,aAAA,CAAChB,gBAAgB,EAAA,IAAA,eACfe,KAAA,CAAAC,aAAA,CAACU,EAAE,EAAEhB,IAAAA,EAAAA,KAAK,CAAM,CAEnB,EACAC,QAAQ,iBACPI,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,UAAA;GAC/BnB,EAAAA,QAAQ,CAEZ,CACK,EACPC,MAAM,iBAAIG,KAAA,CAAAC,aAAA,CAAMJ,KAAAA,EAAAA,IAAAA,EAAAA,MAAM,CAAO,EAC7BC,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACe,YAAY,EAAAC,QAAA,CAAA,EAAA,EAAKnB,QAAQ,EAAA;AAAEe,IAAAA,IAAI,EAAC,GAAG;AAACK,IAAAA,QAAQ,EAAC,iBAAA;GAC/C,CAAA,CAAA,CACM,CACL,eACNlB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAA,IAAA,CAAG,CACP,CAAA;AAEV;;;;"}
+{"version":3,"file":"CardHeader.js","sources":["../../../../../../src/components/Card/CardHeader/CardHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Stack } from \"../../Stack/Stack\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { H5 } from \"../../Typography/Header/Header\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Divider } from \"../../Divider/Divider\";\nimport { Box } from \"../../Box/Box\";\nimport {\n  DropdownMenu,\n  DropdownMenuProps,\n} from \"../../DropdownMenu/DropdownMenu\";\n\nconst StyledHeaderWrap = styled.div({\n  // Compensate small button height with 6px\n  padding: `6px 0`,\n});\n\nexport class CardHeaderProps {\n  title?: string;\n\n  /** @deprecated * */\n  subtitle?: string;\n\n  dropdown?: Omit<DropdownMenuProps, \"iconName\" | \"size\">;\n\n  /** @deprecated * */\n  button?: React.ReactElement;\n\n  \"data-e2e-test-id\"?: string;\n}\n\nexport function CardHeader({\n  title,\n  subtitle,\n  button,\n  dropdown,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: CardHeaderProps): React.ReactElement {\n  return (\n    <div data-e2e-test-id={dataE2eTestId}>\n      <Box space={[\"m\", \"l\", \"l\"]} vSpace=\"s\" rSpace=\"s\">\n        <Inline alignItems=\"spaceBetween\" vAlignItems=\"top\" noWrap>\n          <Stack space=\"xs\">\n            {title && (\n              <StyledHeaderWrap>\n                <H5>{title}</H5>\n              </StyledHeaderWrap>\n            )}\n            {subtitle && (\n              <Text size=\"xs\" as=\"span\" variant=\"tertiary\">\n                {subtitle}\n              </Text>\n            )}\n          </Stack>\n          {button && <div>{button}</div>}\n          {dropdown && (\n            <DropdownMenu {...dropdown} size=\"s\" iconName=\"more-horizontal\" />\n          )}\n        </Inline>\n      </Box>\n      <Divider />\n    </div>\n  );\n}\n"],"names":["StyledHeaderWrap","_styled","process","env","NODE_ENV","target","label","padding","CardHeader","_ref","title","subtitle","button","dropdown","dataE2eTestId","React","createElement","Box","space","vSpace","rSpace","Inline","alignItems","vAlignItems","noWrap","Stack","H5","Text","size","as","variant","DropdownMenu","_extends","iconName","Divider"],"mappings":";;;;;;;;;;;AAcA,MAAMA,gBAAgB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,kBAAA;AAAA,CAAW,CAAA,CAAA;AAClC;AACAC,EAAAA,OAAO,EAAG,CAAA,KAAA,CAAA;AACZ,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,qoFAAA,CAAA,CAAA;AAgBK,SAASI,UAAUA,CAAAC,IAAA,EAMc;EAAA,IANb;IACzBC,KAAK;IACLC,QAAQ;IACRC,MAAM;IACNC,QAAQ;AACR,IAAA,kBAAkB,EAAEC,aAAAA;AACL,GAAC,GAAAL,IAAA,CAAA;EAChB,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAK,kBAAkBF,EAAAA,aAAAA;AAAc,GAAA,eACnCC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAE;AAACC,IAAAA,MAAM,EAAC,GAAG;AAACC,IAAAA,MAAM,EAAC,GAAA;AAAG,GAAA,eAChDL,KAAA,CAAAC,aAAA,CAACK,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;AAACC,IAAAA,WAAW,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,eACxDT,KAAA,CAAAC,aAAA,CAACS,KAAK,EAAA;AAACP,IAAAA,KAAK,EAAC,IAAA;GACVR,EAAAA,KAAK,iBACJK,KAAA,CAAAC,aAAA,CAAChB,gBAAgB,EAAA,IAAA,eACfe,KAAA,CAAAC,aAAA,CAACU,EAAE,EAAEhB,IAAAA,EAAAA,KAAU,CACC,CACnB,EACAC,QAAQ,iBACPI,KAAA,CAAAC,aAAA,CAACW,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,UAAA;GAC/BnB,EAAAA,QACG,CAEH,CAAC,EACPC,MAAM,iBAAIG,KAAA,CAAAC,aAAA,CAAMJ,KAAAA,EAAAA,IAAAA,EAAAA,MAAY,CAAC,EAC7BC,QAAQ,iBACPE,KAAA,CAAAC,aAAA,CAACe,YAAY,EAAAC,QAAA,CAAA,EAAA,EAAKnB,QAAQ,EAAA;AAAEe,IAAAA,IAAI,EAAC,GAAG;AAACK,IAAAA,QAAQ,EAAC,iBAAA;GAAmB,CAAA,CAE7D,CACL,CAAC,eACNlB,KAAA,CAAAC,aAAA,CAACkB,OAAO,EAAE,IAAA,CACP,CAAC,CAAA;AAEV;;;;"}

package/build/esm/src/components/Collapsible/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box } from \"../Box/Box\";\nimport { Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type CollapsibleProps = {\n  /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */\n  children: [\n    React.ReactElement<CollapsibleHeaderProps>,\n    ...React.ReactElement[]\n  ];\n  isExpanded: boolean | undefined;\n};\n\nexport type CollapsibleHeaderProps = {\n  onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n} & React.ComponentProps<typeof Box>;\n\nconst ANIMATION_TIME = 200;\nconst IsExpandedContext = createContext(false);\n\nconst StyledChildrenContainer = styled.div(() => ({\n  overflow: \"hidden\",\n}));\n\nconst StyledExpandingContainer = styled.div<{\n  isExpanded: boolean;\n}>(({ isExpanded }) => ({\n  transform: `translateY(${isExpanded ? \"0%\" : \"max(-100px, -50%)\"})`,\n  transition: `transform ${\n    isExpanded ? ANIMATION_TIME : 0\n  }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledButton = styled.button<{ isExpanded: boolean }>(\n  ({ theme, isExpanded }) => ({\n    display: \"block\",\n    width: \"100%\",\n    backgroundColor: theme.values.color.background.button.secondary.base,\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    ...(isExpanded && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    },\n  })\n);\n\nexport function CollapsibleHeader({\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  onClick,\n  children,\n}: CollapsibleHeaderProps): React.ReactElement {\n  const isExpanded = useContext(IsExpandedContext);\n  return (\n    <StyledButton\n      type=\"button\"\n      data-ds-id=\"CollapsibleHeader\"\n      isExpanded={isExpanded}\n      onClick={onClick}\n    >\n      <Box\n        space={space}\n        vSpace={vSpace}\n        rSpace={rSpace}\n        lSpace={lSpace}\n        tSpace={tSpace}\n        bSpace={bSpace}\n      >\n        <Inline alignItems=\"spaceBetween\" noWrap>\n          <div>{children}</div>\n          <Icon\n            name={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n            variant=\"tertiary\"\n          />\n        </Inline>\n      </Box>\n    </StyledButton>\n  );\n}\n\nexport function Collapsible({\n  isExpanded,\n  children,\n}: CollapsibleProps): React.ReactElement {\n  const [collapsibleHeader, ...collapsibleChildren] = children;\n  return (\n    <IsExpandedContext.Provider value={isExpanded}>\n      {collapsibleHeader}\n      <StyledChildrenContainer data-ds-id=\"Collapsible\">\n        <StyledExpandingContainer isExpanded={isExpanded}>\n          {isExpanded && collapsibleChildren}\n        </StyledExpandingContainer>\n      </StyledChildrenContainer>\n    </IsExpandedContext.Provider>\n  );\n}\n"],"names":["ANIMATION_TIME","IsExpandedContext","createContext","StyledChildrenContainer","_styled","process","env","NODE_ENV","target","label","overflow","StyledExpandingContainer","_ref","isExpanded","transform","transition","StyledButton","_ref2","theme","display","width","backgroundColor","values","color","background","button","secondary","base","border","cursor","padding","dropdown","active","CollapsibleHeader","_ref3","space","vSpace","rSpace","lSpace","tSpace","bSpace","onClick","children","useContext","React","createElement","type","Box","Inline","alignItems","noWrap","Icon","name","variant","Collapsible","_ref4","collapsibleHeader","collapsibleChildren","Provider","value"],"mappings":";;;;;;AAmBA,MAAMA,cAAc,GAAG,GAAG,CAAA;AAC1B,MAAMC,iBAAiB,gBAAGC,aAAa,CAAC,KAAK,CAAC,CAAA;AAE9C,MAAMC,uBAAuB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,yBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AAChDC,EAAAA,QAAQ,EAAE,QAAA;AACZ,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,iiJAAA,CAAA,CAAA;AAEH,MAAMI,wBAAwB,gBAAGP,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,0BAAA;AAAA,CAAA,CAAA,CAE9BG,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACtBE,IAAAA,SAAS,EAAG,CAAaD,WAAAA,EAAAA,UAAU,GAAG,IAAI,GAAG,mBAAoB,CAAE,CAAA,CAAA;AACnEE,IAAAA,UAAU,EAAG,CACXF,UAAAA,EAAAA,UAAU,GAAGb,cAAc,GAAG,CAC/B,CAAA,oCAAA,CAAA;GACF,CAAA;AAAA,CAAC,EAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,iiJAAA,CAAA,CAAA;AAEH,MAAMS,YAAY,gBAAGZ,OAAA,CAAA,QAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CACnBQ,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEL,IAAAA,UAAAA;AAAW,GAAC,GAAAI,KAAA,CAAA;EAAA,OAAM;AAC1BE,IAAAA,OAAO,EAAE,OAAO;AAChBC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,MAAM,CAACC,SAAS,CAACC,IAAI;AACpEC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,IAAIjB,UAAU,IAAI;MAChBQ,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACO,QAAQ,CAACC,MAAM;AAC9D,MAAA,8BAA8B,EAAE;AAC9BX,QAAAA,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACK,MAAM,CAACH,MAAM,CAACC,SAAS,CAACC,IAAAA;AAC9D,OAAA;AACF,KAAC,CAAC;AAEF,IAAA,SAAS,EAAE;MACTN,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACC,UAAU,CAACO,QAAQ,CAACC,MAAM;AAC9D,MAAA,8BAA8B,EAAE;AAC9BX,QAAAA,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK,CAACK,MAAM,CAACH,MAAM,CAACC,SAAS,CAACC,IAAAA;AAC9D,OAAA;AACF,KAAA;GACD,CAAA;AAAA,CAAC,EAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,iiJAAA,CAAA,CAAA;AAEM,SAAS0B,iBAAiBA,CAAAC,KAAA,EASc;EAAA,IATb;IAChCC,KAAK;IACLC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,OAAO;AACPC,IAAAA,QAAAA;AACsB,GAAC,GAAAR,KAAA,CAAA;AACvB,EAAA,MAAMrB,UAAU,GAAG8B,UAAU,CAAC1C,iBAAiB,CAAC,CAAA;AAChD,EAAA,oBACE2C,KAAA,CAAAC,aAAA,CAAC7B,YAAY,EAAA;AACX8B,IAAAA,IAAI,EAAC,QAAQ;AACb,IAAA,YAAA,EAAW,mBAAmB;AAC9BjC,IAAAA,UAAU,EAAEA,UAAW;AACvB4B,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAAA,eAEjBG,KAAA,CAAAC,aAAA,CAACE,GAAG,EAAA;AACFZ,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,eAEfI,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,UAAU,EAAC,cAAc;IAACC,MAAM,EAAA,IAAA;GACtCN,eAAAA,KAAA,CAAAC,aAAA,CAAMH,KAAAA,EAAAA,IAAAA,EAAAA,QAAQ,CAAO,eACrBE,KAAA,CAAAC,aAAA,CAACM,IAAI,EAAA;AACHC,IAAAA,IAAI,EAAEvC,UAAU,GAAG,YAAY,GAAG,cAAe;AACjDwC,IAAAA,OAAO,EAAC,UAAA;GACR,CAAA,CACK,CACL,CACO,CAAA;AAEnB,CAAA;AAEO,SAASC,WAAWA,CAAAC,KAAA,EAGc;EAAA,IAHb;IAC1B1C,UAAU;AACV6B,IAAAA,QAAAA;AACgB,GAAC,GAAAa,KAAA,CAAA;AACjB,EAAA,MAAM,CAACC,iBAAiB,EAAE,GAAGC,mBAAmB,CAAC,GAAGf,QAAQ,CAAA;AAC5D,EAAA,oBACEE,KAAA,CAAAC,aAAA,CAAC5C,iBAAiB,CAACyD,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE9C,UAAAA;AAAW,GAAA,EAC3C2C,iBAAiB,eAClBZ,KAAA,CAAAC,aAAA,CAAC1C,uBAAuB,EAAA;IAAC,YAAW,EAAA,aAAA;AAAa,GAAA,eAC/CyC,KAAA,CAAAC,aAAA,CAAClC,wBAAwB,EAAA;AAACE,IAAAA,UAAU,EAAEA,UAAAA;AAAW,GAAA,EAC9CA,UAAU,IAAI4C,mBAAmB,CACT,CACH,CACC,CAAA;AAEjC;;;;"}
+{"version":3,"file":"Collapsible.js","sources":["../../../../../src/components/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Box } from \"../Box/Box\";\nimport { Icon } from \"../Icon/Icon\";\nimport { Inline } from \"../Inline/Inline\";\n\nexport type CollapsibleProps = {\n  /** the first element of the array of children has to be  `<CollapsibleHeader/>`. The rest of the children is the content visible after spreading the component */\n  children: [\n    React.ReactElement<CollapsibleHeaderProps>,\n    ...React.ReactElement[]\n  ];\n  isExpanded: boolean | undefined;\n};\n\nexport type CollapsibleHeaderProps = {\n  onClick?: (e: React.FormEvent<HTMLButtonElement>) => void;\n} & React.ComponentProps<typeof Box>;\n\nconst ANIMATION_TIME = 200;\nconst IsExpandedContext = createContext(false);\n\nconst StyledChildrenContainer = styled.div(() => ({\n  overflow: \"hidden\",\n}));\n\nconst StyledExpandingContainer = styled.div<{\n  isExpanded: boolean;\n}>(({ isExpanded }) => ({\n  transform: `translateY(${isExpanded ? \"0%\" : \"max(-100px, -50%)\"})`,\n  transition: `transform ${\n    isExpanded ? ANIMATION_TIME : 0\n  }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledButton = styled.button<{ isExpanded: boolean }>(\n  ({ theme, isExpanded }) => ({\n    display: \"block\",\n    width: \"100%\",\n    backgroundColor: theme.values.color.background.button.secondary.base,\n    border: \"none\",\n    cursor: \"pointer\",\n    padding: 0,\n    ...(isExpanded && {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.values.color.background.dropdown.active,\n      \":global(.isDarkmodeActive) &\": {\n        backgroundColor: theme.values.color.border.button.secondary.base,\n      },\n    },\n  })\n);\n\nexport function CollapsibleHeader({\n  space,\n  vSpace,\n  rSpace,\n  lSpace,\n  tSpace,\n  bSpace,\n  onClick,\n  children,\n}: CollapsibleHeaderProps): React.ReactElement {\n  const isExpanded = useContext(IsExpandedContext);\n  return (\n    <StyledButton\n      type=\"button\"\n      data-ds-id=\"CollapsibleHeader\"\n      isExpanded={isExpanded}\n      onClick={onClick}\n    >\n      <Box\n        space={space}\n        vSpace={vSpace}\n        rSpace={rSpace}\n        lSpace={lSpace}\n        tSpace={tSpace}\n        bSpace={bSpace}\n      >\n        <Inline alignItems=\"spaceBetween\" noWrap>\n          <div>{children}</div>\n          <Icon\n            name={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n            variant=\"tertiary\"\n          />\n        </Inline>\n      </Box>\n    </StyledButton>\n  );\n}\n\nexport function Collapsible({\n  isExpanded,\n  children,\n}: CollapsibleProps): React.ReactElement {\n  const [collapsibleHeader, ...collapsibleChildren] = children;\n  return (\n    <IsExpandedContext.Provider value={isExpanded}>\n      {collapsibleHeader}\n      <StyledChildrenContainer data-ds-id=\"Collapsible\">\n        <StyledExpandingContainer isExpanded={isExpanded}>\n          {isExpanded && collapsibleChildren}\n        </StyledExpandingContainer>\n      </StyledChildrenContainer>\n    </IsExpandedContext.Provider>\n  );\n}\n"],"names":["ANIMATION_TIME","IsExpandedContext","createContext","StyledChildrenContainer","_styled","process","env","NODE_ENV","target","label","overflow","StyledExpandingContainer","_ref","isExpanded","transform","transition","StyledButton","_ref2","theme","display","width","backgroundColor","values","color","background","button","secondary","base","border","cursor","padding","dropdown","active","CollapsibleHeader","_ref3","space","vSpace","rSpace","lSpace","tSpace","bSpace","onClick","children","useContext","React","createElement","type","Box","Inline","alignItems","noWrap","Icon","name","variant","Collapsible","_ref4","collapsibleHeader","collapsibleChildren","Provider","value"],"mappings":"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"}

package/build/esm/src/components/Column/Columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n  MQ,\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  ColumnSizes,\n  ColumnAlignment,\n  Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n   * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n   */\n  gap?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** set to true if you want the last element to fill the space\n   */\n  alwaysFillSpace?: boolean;\n\n  /** specify horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n   */\n  alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n  /** specify vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n   */\n  vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n  gap: \"zero\",\n  alwaysFillSpace: false,\n  alignItems: \"left\",\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Columns\",\n};\n\nexport type ColumnProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n   * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n   */\n  size?: ColumnSizes | MQ<ColumnSizes>;\n\n  /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n   */\n  order?: Order | MQ<Order>;\n\n  alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n  size: \"auto\",\n  \"data-e2e-test-id\": undefined,\n  alignSelf: \"auto\",\n  \"data-ds-id\": \"Column\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n  (acc, _, index) => ({\n    ...acc,\n    [index + 1]: `${((index + 1) * 100) / 12}%`,\n  }),\n  {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n  ({ size, order, alignSelf }) => ({\n    ...mq({\n      width: [size, { ...columnWidthObject, fill: \"1px\" }],\n      flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n      order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n      flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      alignSelf: [\n        alignSelf,\n        {\n          auto: \"auto\",\n          start: \"start\",\n          center: \"center\",\n          end: \"end\",\n        },\n      ],\n    }),\n    boxSizing: \"border-box\",\n    \"&:empty\": {\n      width: 0,\n      flex: \"none\",\n    },\n  })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n  ({ theme, alignItems, vAlignItems, gap }) => ({\n    width: \"auto\",\n    display: \"flex\",\n    justifyItems: \"stretch\",\n    justifyContent: \"stretch\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    flexDirection: \"row\",\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n      marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n    }),\n    [Column as unknown as string]: {\n      ...mq({\n        marginBottom: [gap, theme.variables.size.spacing],\n        paddingRight: [gap, theme.variables.size.spacing],\n      }),\n    },\n  }),\n  ({ alwaysFillSpace }) =>\n    alwaysFillSpace && {\n      [Column as unknown as string]: {\n        \"&:last-child\": {\n          flexGrow: 1,\n          flexShrink: 1,\n        },\n      },\n    }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","spaceBetween","left","right","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}
+{"version":3,"file":"Columns.js","sources":["../../../../../src/components/Column/Columns.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { mq } from \"../../shared/mediaQueries\";\nimport {\n  MQ,\n  HorizontalAlignment,\n  SpaceSizes,\n  VerticalAlignment,\n  ColumnSizes,\n  ColumnAlignment,\n  Order,\n} from \"../../types\";\n\nexport type ColumnsProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of both horizontal and vertical gap between children, can be a single string or an array of 3 strings\n   * specify [small screen gap size, medium screen gap size, large screen gap size] to apply different gap sizes for different screen sizes\n   */\n  gap?: SpaceSizes | MQ<SpaceSizes>;\n\n  /** set to true if you want the last element to fill the space\n   */\n  alwaysFillSpace?: boolean;\n\n  /** specify horizontal alignment\n   * specify [small screen alignItems, medium screen alignItems, large screen alignItems] to apply different alignItems for different screen sizes\n   */\n  alignItems?: HorizontalAlignment | MQ<HorizontalAlignment>;\n\n  /** specify vertical alignment\n   * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] to apply different vAlignItems for different screen sizes\n   */\n  vAlignItems?: VerticalAlignment | MQ<VerticalAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst defaultProps: Partial<ColumnsProps> = {\n  gap: \"zero\",\n  alwaysFillSpace: false,\n  alignItems: \"left\",\n  vAlignItems: \"top\",\n  \"data-e2e-test-id\": undefined,\n  \"data-ds-id\": \"Columns\",\n};\n\nexport type ColumnProps = {\n  children: React.ReactNode[] | React.ReactNode;\n\n  /** represents the size of the column, can be a single number or an array of 3 numbers with a value ranging from 1 to 12\n   * specify [small screen column size, medium screen column size, large screen column size] to apply different values for different screen sizes\n   */\n  size?: ColumnSizes | MQ<ColumnSizes>;\n\n  /** specify the visual positioning of the column. [small screen column order, medium screen column order, large screen column order] to apply different order for different screen sizes\n   */\n  order?: Order | MQ<Order>;\n\n  alignSelf?: ColumnAlignment | MQ<ColumnAlignment>;\n\n  \"data-e2e-test-id\"?: string;\n\n  /** @ignore */\n  \"data-ds-id\"?: string;\n};\n\nconst columnDefaultProps: Partial<ColumnProps> = {\n  size: \"auto\",\n  \"data-e2e-test-id\": undefined,\n  alignSelf: \"auto\",\n  \"data-ds-id\": \"Column\",\n};\n\nconst columnWidthObject = new Array(12).fill(\"\").reduce(\n  (acc, _, index) => ({\n    ...acc,\n    [index + 1]: `${((index + 1) * 100) / 12}%`,\n  }),\n  {}\n);\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n  Object.entries(obj)\n    .map(([key, value]) => [key, `-${value}`])\n    .reduce((acc, [key, value]) => {\n      acc[key] = value;\n      return acc;\n    }, {} as Record<string, string>);\n\nexport const Column = styled.div<Partial<ColumnProps>>(\n  ({ size, order, alignSelf }) => ({\n    ...mq({\n      width: [size, { ...columnWidthObject, fill: \"1px\" }],\n      flex: [size, { narrow: \"none\", auto: \"1\", fill: undefined }],\n      order: [order, { first: \"-1\", last: \"1\", unset: \"0\" }],\n      flexShrink: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      flexGrow: [size, { fill: 1, auto: undefined, narrow: undefined }],\n      alignSelf: [\n        alignSelf,\n        {\n          auto: \"auto\",\n          start: \"start\",\n          center: \"center\",\n          end: \"end\",\n        },\n      ],\n    }),\n    boxSizing: \"border-box\",\n    \"&:empty\": {\n      width: 0,\n      flex: \"none\",\n    },\n  })\n);\n\nColumn.defaultProps = columnDefaultProps;\n\nexport const Columns = styled.div<Partial<ColumnsProps>>(\n  ({ theme, alignItems, vAlignItems, gap }) => ({\n    width: \"auto\",\n    display: \"flex\",\n    justifyItems: \"stretch\",\n    justifyContent: \"stretch\",\n    alignItems: \"stretch\",\n    flexWrap: \"wrap\",\n    flexDirection: \"row\",\n    ...mq({\n      alignItems: [\n        vAlignItems,\n        {\n          top: \"flex-start\",\n          bottom: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      justifyContent: [\n        alignItems,\n        {\n          left: \"flex-start\",\n          right: \"flex-end\",\n          center: \"center\",\n          spaceBetween: \"space-between\",\n        },\n      ],\n      marginRight: [gap, makeNegative(theme.variables.size.spacing)],\n      marginBottom: [gap, makeNegative(theme.variables.size.spacing)],\n    }),\n    [Column as unknown as string]: {\n      ...mq({\n        marginBottom: [gap, theme.variables.size.spacing],\n        paddingRight: [gap, theme.variables.size.spacing],\n      }),\n    },\n  }),\n  ({ alwaysFillSpace }) =>\n    alwaysFillSpace && {\n      [Column as unknown as string]: {\n        \"&:last-child\": {\n          flexGrow: 1,\n          flexShrink: 1,\n        },\n      },\n    }\n);\n\nColumns.defaultProps = defaultProps;\n"],"names":["defaultProps","gap","alwaysFillSpace","alignItems","vAlignItems","undefined","columnDefaultProps","size","alignSelf","columnWidthObject","Array","fill","reduce","acc","_","index","makeNegative","obj","Object","entries","map","_ref","key","value","_ref2","Column","_styled","process","env","NODE_ENV","target","label","_ref3","order","mq","width","flex","narrow","auto","first","last","unset","flexShrink","flexGrow","start","center","end","boxSizing","Columns","_ref4","theme","display","justifyItems","justifyContent","flexWrap","flexDirection","top","bottom","spaceBetween","left","right","marginRight","variables","spacing","marginBottom","paddingRight","_ref5"],"mappings":"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"}

package/build/esm/src/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\nexport type ContainerProps = {\n  /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n  elevation: 0 | 1 | 2 | 3 | 4;\n  children?: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n  /* Parsing elevation property to number */\n  switch (elevation - 0) {\n    case 1:\n      return theme.variables.shadow.card.a;\n    case 2:\n      return theme.variables.shadow.card.b;\n    case 3:\n      return theme.variables.shadow.card.c;\n    case 4:\n      return theme.variables.shadow.card.d;\n    case 0:\n    default:\n      return \"\";\n  }\n};\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n  ({ theme, elevation }) => ({\n    boxShadow: handleElevationLevel(theme, elevation),\n    borderRadius: theme.variables.size.borderRadius.card.m,\n    backgroundColor: theme.values.color.background.layer_2,\n  })\n);\n\nexport function Container({\n  children,\n  elevation = 1,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Container\"\n      elevation={elevation}\n    >\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","boxShadow","borderRadius","size","m","backgroundColor","values","color","background","layer_2","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAUA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AAAC,GAAA;AAEhB,CAAC,CAAA;AACD,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAe,IAAA,CAAA;EAAA,OAAM;AACzBC,IAAAA,SAAS,EAAElB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDiB,YAAY,EAAElB,KAAK,CAACE,SAAS,CAACiB,IAAI,CAACD,YAAY,CAACd,IAAI,CAACgB,CAAC;IACtDC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;GAChD,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,qgEAAA,CAAA,CAAA;AAEM,SAASa,SAASA,CAAAC,KAAA,EAIc;EAAA,IAJb;IACxBC,QAAQ;AACR3B,IAAAA,SAAS,GAAG,CAAC;AACb,IAAA,kBAAkB,EAAE4B,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBoB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB5B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEpB2B,QAAQ,CACO,CAAA;AAEtB;;;;"}
+{"version":3,"file":"Container.js","sources":["../../../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\n\nexport type ContainerProps = {\n  /** 0 - base, 1 - Card, 2 - Tooltips, 3 - Dropdowns, 4 - Modals */\n  elevation: 0 | 1 | 2 | 3 | 4;\n  children?: React.ReactNode;\n  \"data-e2e-test-id\"?: string;\n};\nconst handleElevationLevel = (theme: Theme, elevation: number) => {\n  /* Parsing elevation property to number */\n  switch (elevation - 0) {\n    case 1:\n      return theme.variables.shadow.card.a;\n    case 2:\n      return theme.variables.shadow.card.b;\n    case 3:\n      return theme.variables.shadow.card.c;\n    case 4:\n      return theme.variables.shadow.card.d;\n    case 0:\n    default:\n      return \"\";\n  }\n};\nconst StyledContainer = styled.div<Partial<ContainerProps>>(\n  ({ theme, elevation }) => ({\n    boxShadow: handleElevationLevel(theme, elevation),\n    borderRadius: theme.variables.size.borderRadius.card.m,\n    backgroundColor: theme.values.color.background.layer_2,\n  })\n);\n\nexport function Container({\n  children,\n  elevation = 1,\n  \"data-e2e-test-id\": dataE2eTestId,\n}: ContainerProps): React.ReactElement {\n  return (\n    <StyledContainer\n      data-e2e-test-id={dataE2eTestId}\n      data-ds-id=\"Container\"\n      elevation={elevation}\n    >\n      {children}\n    </StyledContainer>\n  );\n}\n"],"names":["handleElevationLevel","theme","elevation","variables","shadow","card","a","b","c","d","StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","boxShadow","borderRadius","size","m","backgroundColor","values","color","background","layer_2","Container","_ref2","children","dataE2eTestId","React","createElement"],"mappings":";;;AAUA,MAAMA,oBAAoB,GAAGA,CAACC,KAAY,EAAEC,SAAiB,KAAK;AAChE;EACA,QAAQA,SAAS,GAAG,CAAC;AACnB,IAAA,KAAK,CAAC;MACJ,OAAOD,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACC,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOL,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACE,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAON,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACG,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC;MACJ,OAAOP,KAAK,CAACE,SAAS,CAACC,MAAM,CAACC,IAAI,CAACI,CAAC,CAAA;AACtC,IAAA,KAAK,CAAC,CAAA;AACN,IAAA;AACE,MAAA,OAAO,EAAE,CAAA;AACb,GAAA;AACF,CAAC,CAAA;AACD,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,IAAA,IAAA;EAAA,IAAC;IAAEhB,KAAK;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAAe,IAAA,CAAA;EAAA,OAAM;AACzBC,IAAAA,SAAS,EAAElB,oBAAoB,CAACC,KAAK,EAAEC,SAAS,CAAC;IACjDiB,YAAY,EAAElB,KAAK,CAACE,SAAS,CAACiB,IAAI,CAACD,YAAY,CAACd,IAAI,CAACgB,CAAC;IACtDC,eAAe,EAAErB,KAAK,CAACsB,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;GAChD,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,8hEACJ,CAAC,CAAA;AAEM,SAASa,SAASA,CAAAC,KAAA,EAIc;EAAA,IAJb;IACxBC,QAAQ;AACR3B,IAAAA,SAAS,GAAG,CAAC;AACb,IAAA,kBAAkB,EAAE4B,aAAAA;AACN,GAAC,GAAAF,KAAA,CAAA;AACf,EAAA,oBACEG,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkBoB,aAAc;AAChC,IAAA,YAAA,EAAW,WAAW;AACtB5B,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEpB2B,QACc,CAAC,CAAA;AAEtB;;;;"}

package/build/esm/src/components/DataTable/DataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport TableBody from \"./TableBody\";\nimport TableHeader from \"./TableHeader\";\nimport { Container } from \"../Container/Container\";\nimport type { DataTableColumn, DataTableRow } from \"./types\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\nimport { mqValue } from \"../../shared/mediaQueries\";\nimport { MQ } from \"../../types\";\n\nexport type DataTableProps = {\n  /** Screen reader text for table caption */\n  caption: string;\n\n  /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width */\n  width?: string | MQ<string>;\n\n  /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */\n  bodyCellVerticalPadding?: \"s\" | \"m\" | \"l\" | MQ<\"s\" | \"m\" | \"l\">;\n\n  /** Height of empty/error or loading table content */\n  emptyTableContentHeight?: string | MQ<string>;\n\n  /** Footer element */\n  footer?: React.ReactElement;\n\n  /**\n   * Meta data for columns\n   * @param DataTableColumn[].name - Column name\n   * @param DataTableColumn[].label - Column label for display\n   * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'\n   * @param DataTableColumn[].width - Column width\n   * @param DataTableColumn[].renderCell - Callback to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\n   */\n  columns: DataTableColumn[];\n\n  /**\n   * Table content as an array of objects with values for each column\n   */\n  rows?: DataTableRow[];\n\n  /**\n   * Is loading data. You can display custom loading content with children prop.\n   */\n  isLoading?: boolean;\n\n  /** Screen reader text for loading spinner */\n  loadingStateScreenReaderText?: string;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n\n  /**\n   * Callback to handle sorting by column\n   */\n\n  /**\n   * Empty cell content.\n   */\n  emptyCellContent?: string;\n\n  onSort?: (\n    columnName: string,\n    desiredSortDirection: DataTableColumn[\"sortDirection\"]\n  ) => void;\n};\n\nconst TableContainer = styled.div({\n  overflow: \"auto\",\n});\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\"> & {\n  tableWidth: DataTableProps[\"width\"];\n};\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout, tableWidth }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    ...mqValue({\n      width: tableWidth,\n    }),\n  })\n);\n\nconst StyledFooter = styled.div(({ theme }) => ({\n  padding: theme.variables.size.spacing.xs,\n}));\n\nexport function DataTable({\n  caption,\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  emptyTableContentHeight = \"15rem\",\n  layout = \"auto\",\n  width = \"100%\",\n  bodyCellVerticalPadding = \"m\",\n  emptyCellContent = \"--\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\n  const [isScrolled, setIsScrolled] = useState(false);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (\n      typeof IntersectionObserver !== \"undefined\" &&\n      containerRef &&\n      containerRef.current &&\n      tableRef.current\n    ) {\n      observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            setIsScrolled(!entry.isIntersecting);\n          });\n        },\n        {\n          root: containerRef.current,\n          threshold: 1,\n        }\n      );\n\n      observer.observe(tableRef.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, []);\n\n  const footerElm = footer ? <StyledFooter>{footer}</StyledFooter> : null;\n\n  return (\n    <Container elevation={1}>\n      <TableContainer ref={containerRef}>\n        <StyledTable\n          data-e2e-test-id={dataE2eTestId}\n          data-ds-id=\"DataTable\"\n          ref={tableRef}\n          layout={layout}\n          tableWidth={width}\n        >\n          <ScreenReaderText as=\"caption\">{caption}</ScreenReaderText>\n          <TableHeader\n            columns={columns}\n            isFirstColumnSticky={isFirstColumnSticky}\n            currentlySortedByColumn={currentlySortedByColumn}\n            isTableScrolled={isScrolled}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            bodyCellVerticalPadding={bodyCellVerticalPadding}\n            isTableScrolled={isScrolled}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            loadingStateScreenReaderText={loadingStateScreenReaderText}\n            emptyTableContentHeight={emptyTableContentHeight}\n            footer={footer}\n            isFirstColumnSticky={isFirstColumnSticky}\n            emptyCellContent={emptyCellContent}\n          >\n            {children}\n          </TableBody>\n        </StyledTable>\n      </TableContainer>\n      {footerElm}\n    </Container>\n  );\n}\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTable","_ref","layout","tableWidth","borderSpacing","tableLayout","mqValue","width","StyledFooter","_ref2","theme","padding","variables","size","spacing","xs","DataTable","_ref3","caption","columns","rows","footer","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","isLoading","loadingStateScreenReaderText","isEmpty","children","emptyTableContentHeight","bodyCellVerticalPadding","emptyCellContent","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","Container","elevation","ref","ScreenReaderText","as","TableHeader","isTableScrolled","TableBody"],"mappings":"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"}
+{"version":3,"file":"DataTable.js","sources":["../../../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport TableBody from \"./TableBody\";\nimport TableHeader from \"./TableHeader\";\nimport { Container } from \"../Container/Container\";\nimport type { DataTableColumn, DataTableRow } from \"./types\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\nimport { mqValue } from \"../../shared/mediaQueries\";\nimport { MQ } from \"../../types\";\n\nexport type DataTableProps = {\n  /** Screen reader text for table caption */\n  caption: string;\n\n  /** CSS table layout. In 'auto' layout, columns are sized according to content width. In 'fixed' layout, columns can be provided a fixed or percentage width. */\n  layout?: \"auto\" | \"fixed\";\n\n  /** Table width */\n  width?: string | MQ<string>;\n\n  /** Vertical padding on row cells to set table density, condensed (s), default (m), comfortable (l) */\n  bodyCellVerticalPadding?: \"s\" | \"m\" | \"l\" | MQ<\"s\" | \"m\" | \"l\">;\n\n  /** Height of empty/error or loading table content */\n  emptyTableContentHeight?: string | MQ<string>;\n\n  /** Footer element */\n  footer?: React.ReactElement;\n\n  /**\n   * Meta data for columns\n   * @param DataTableColumn[].name - Column name\n   * @param DataTableColumn[].label - Column label for display\n   * @param DataTableColumn[].align - Align cell content, 'left' | 'right' | 'center'\n   * @param DataTableColumn[].width - Column width\n   * @param DataTableColumn[].renderCell - Callback to render custom cell content.\n   * @param DataTableColumn[].isSortable - Is table sortable by column\n   * @param DataTableColumn[].sortDirection - Sorted as 'asc' | 'desc'\n   */\n  columns: DataTableColumn[];\n\n  /**\n   * Table content as an array of objects with values for each column\n   */\n  rows?: DataTableRow[];\n\n  /**\n   * Is loading data. You can display custom loading content with children prop.\n   */\n  isLoading?: boolean;\n\n  /** Screen reader text for loading spinner */\n  loadingStateScreenReaderText?: string;\n\n  /** Is empty or in error state. You can display custom empty/error content with children prop.\n   */\n  isEmpty?: boolean;\n\n  /**\n   * Is first column sticky on scroll\n   */\n  isFirstColumnSticky?: boolean;\n  \"data-e2e-test-id\"?: string;\n\n  /**  Column most recently used to sort data */\n  currentlySortedByColumn?: string;\n\n  /**\n   * Callback to handle sorting by column\n   */\n\n  /**\n   * Empty cell content.\n   */\n  emptyCellContent?: string;\n\n  onSort?: (\n    columnName: string,\n    desiredSortDirection: DataTableColumn[\"sortDirection\"]\n  ) => void;\n};\n\nconst TableContainer = styled.div({\n  overflow: \"auto\",\n});\n\ntype StyledTableProps = Pick<DataTableProps, \"layout\"> & {\n  tableWidth: DataTableProps[\"width\"];\n};\n\nconst StyledTable = styled.table<StyledTableProps>(\n  ({ layout, tableWidth }) => ({\n    borderSpacing: 0,\n    tableLayout: layout,\n    ...mqValue({\n      width: tableWidth,\n    }),\n  })\n);\n\nconst StyledFooter = styled.div(({ theme }) => ({\n  padding: theme.variables.size.spacing.xs,\n}));\n\nexport function DataTable({\n  caption,\n  columns,\n  rows = [],\n  footer,\n  currentlySortedByColumn,\n  isFirstColumnSticky = true,\n  \"data-e2e-test-id\": dataE2eTestId,\n  isLoading = false,\n  loadingStateScreenReaderText = \"Loading\",\n  isEmpty = false,\n  children,\n  emptyTableContentHeight = \"15rem\",\n  layout = \"auto\",\n  width = \"100%\",\n  bodyCellVerticalPadding = \"m\",\n  emptyCellContent = \"--\",\n  onSort,\n}: React.PropsWithChildren<DataTableProps>): React.ReactElement {\n  const [isScrolled, setIsScrolled] = useState(false);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let observer: IntersectionObserver;\n\n    if (\n      typeof IntersectionObserver !== \"undefined\" &&\n      containerRef &&\n      containerRef.current &&\n      tableRef.current\n    ) {\n      observer = new IntersectionObserver(\n        (entries) => {\n          entries.forEach((entry) => {\n            setIsScrolled(!entry.isIntersecting);\n          });\n        },\n        {\n          root: containerRef.current,\n          threshold: 1,\n        }\n      );\n\n      observer.observe(tableRef.current);\n    }\n\n    return () => {\n      if (observer) {\n        observer.disconnect();\n      }\n    };\n  }, []);\n\n  const footerElm = footer ? <StyledFooter>{footer}</StyledFooter> : null;\n\n  return (\n    <Container elevation={1}>\n      <TableContainer ref={containerRef}>\n        <StyledTable\n          data-e2e-test-id={dataE2eTestId}\n          data-ds-id=\"DataTable\"\n          ref={tableRef}\n          layout={layout}\n          tableWidth={width}\n        >\n          <ScreenReaderText as=\"caption\">{caption}</ScreenReaderText>\n          <TableHeader\n            columns={columns}\n            isFirstColumnSticky={isFirstColumnSticky}\n            currentlySortedByColumn={currentlySortedByColumn}\n            isTableScrolled={isScrolled}\n            onSort={onSort}\n          />\n          <TableBody\n            columns={columns}\n            rows={rows}\n            bodyCellVerticalPadding={bodyCellVerticalPadding}\n            isTableScrolled={isScrolled}\n            isEmpty={isEmpty}\n            isLoading={isLoading}\n            loadingStateScreenReaderText={loadingStateScreenReaderText}\n            emptyTableContentHeight={emptyTableContentHeight}\n            footer={footer}\n            isFirstColumnSticky={isFirstColumnSticky}\n            emptyCellContent={emptyCellContent}\n          >\n            {children}\n          </TableBody>\n        </StyledTable>\n      </TableContainer>\n      {footerElm}\n    </Container>\n  );\n}\n"],"names":["TableContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledTable","_ref","layout","tableWidth","borderSpacing","tableLayout","mqValue","width","StyledFooter","_ref2","theme","padding","variables","size","spacing","xs","DataTable","_ref3","caption","columns","rows","footer","currentlySortedByColumn","isFirstColumnSticky","dataE2eTestId","isLoading","loadingStateScreenReaderText","isEmpty","children","emptyTableContentHeight","bodyCellVerticalPadding","emptyCellContent","onSort","isScrolled","setIsScrolled","useState","tableRef","useRef","containerRef","useEffect","observer","IntersectionObserver","current","entries","forEach","entry","isIntersecting","root","threshold","observe","disconnect","footerElm","React","createElement","Container","elevation","ref","ScreenReaderText","as","TableHeader","isTableScrolled","TableBody"],"mappings":"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"}