@razorpay/blade 10.23.4 → 11.0.0

package/build/lib/web/production/components/ActionList/styles/StyledActionListItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.feedback.background.negative.lowContrast\n          : props.theme.colors.brand.gray.a50.lowContrast,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed ? props.theme.colors.brand.primary[300] : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single' ? props.theme.colors.brand.primary[300] : undefined,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","feedback","background","negative","lowContrast","brand","gray","a50","borderColor","isKeydownPressed","primary","undefined","selectionType"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,UAAU,CAACC,QAAQ,CAACC,WAAW,GAC3DZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACC,IAAI,CAACC,GAAG,CAACH,WAAAA;KACzC;AACD,IAAA,gBAAgB,EAAE;AAChBI,MAAAA,WAAW,EAAEhB,KAAK,CAACiB,gBAAgB,GAAGjB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACK,OAAO,CAAC,GAAG,CAAC,GAAGC,SAAAA;KAC/E;AACD,IAAA,uBAAuB,EAAE;AACvBd,MAAAA,eAAe,EACbL,KAAK,CAACoB,aAAa,KAAK,QAAQ,GAAGpB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACK,KAAK,CAACK,OAAO,CAAC,GAAG,CAAC,GAAGC,SAAAA;AAC/E,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"StyledActionListItem.web.js","sources":["../../../../../../../src/components/ActionList/styles/StyledActionListItem.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { StyledActionListItemProps } from './getBaseActionListItemStyles';\nimport { getBaseActionListItemStyles } from './getBaseActionListItemStyles';\nimport BaseBox from '~components/Box/BaseBox';\n\nconst StyledActionListItem = styled(BaseBox)<StyledActionListItemProps>((props) => {\n  return {\n    ...getBaseActionListItemStyles(props),\n    // fixes bug in web where the if rendered as a link it's messing the styles\n    display: props.isVisible ? 'block' : 'none',\n    // Web-specific styles\n    '&:hover:not([aria-disabled=true])': {\n      backgroundColor:\n        props.intent === 'negative'\n          ? props.theme.colors.interactive.background.negative.faded\n          : props.theme.colors.interactive.background.gray.default,\n    },\n    '&.active-focus': {\n      borderColor: props.isKeydownPressed\n        ? props.theme.colors.surface.border.primary.muted\n        : undefined,\n    },\n    '&[aria-selected=true]': {\n      backgroundColor:\n        props.selectionType === 'single'\n          ? props.theme.colors.interactive.background.primary.faded\n          : undefined,\n    },\n    '&[aria-selected=true]:hover': {\n      backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n    },\n  };\n});\n\nexport { StyledActionListItem };\n"],"names":["StyledActionListItem","styled","BaseBox","withConfig","displayName","componentId","props","_objectSpread","getBaseActionListItemStyles","display","isVisible","backgroundColor","intent","theme","colors","interactive","background","negative","faded","gray","borderColor","isKeydownPressed","surface","border","primary","muted","undefined","selectionType","fadedHighlighted"],"mappings":";;;;;;;;AAKA,IAAMA,oBAAoB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAA4B,CAAA,CAAA,UAACC,KAAK,EAAK;AACjF,EAAA,OAAAC,aAAA,CAAAA,aAAA,KACKC,2BAA2B,CAACF,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AACrC;AACAG,IAAAA,OAAO,EAAEH,KAAK,CAACI,SAAS,GAAG,OAAO,GAAG,MAAM;AAC3C;AACA,IAAA,mCAAmC,EAAE;AACnCC,MAAAA,eAAe,EACbL,KAAK,CAACM,MAAM,KAAK,UAAU,GACvBN,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACC,QAAQ,CAACC,KAAK,GACxDZ,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACG,IAAI,CAAA,SAAA,CAAA;KACrD;AACD,IAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAEd,KAAK,CAACe,gBAAgB,GAC/Bf,KAAK,CAACO,KAAK,CAACC,MAAM,CAACQ,OAAO,CAACC,MAAM,CAACC,OAAO,CAACC,KAAK,GAC/CC,SAAAA;KACL;AACD,IAAA,uBAAuB,EAAE;MACvBf,eAAe,EACbL,KAAK,CAACqB,aAAa,KAAK,QAAQ,GAC5BrB,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACN,KAAK,GACvDQ,SAAAA;KACP;AACD,IAAA,6BAA6B,EAAE;AAC7Bf,MAAAA,eAAe,EAAEL,KAAK,CAACO,KAAK,CAACC,MAAM,CAACC,WAAW,CAACC,UAAU,CAACQ,OAAO,CAACI,gBAAAA;AACrE,KAAA;AAAC,GAAA,CAAA,CAAA;AAEL,CAAC;;;;"}

package/build/lib/web/production/components/Alert/Alert.js

@@ -14,7 +14,6 @@ import '../Button/BaseButton/index.js';
 import '../Link/BaseLink/index.js';
 import '../BladeProvider/index.js';
 import '../../utils/makeAccessible/index.js';
-import '../../utils/logger/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getPlatformType } from '../../utils/getPlatformType/getPlatformType.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
@@ -22,10 +21,8 @@ import CheckCircleIcon from '../Icons/CheckCircleIcon/CheckCircleIcon.js';
 import AlertTriangleIcon from '../Icons/AlertOctagonIcon/AlertOctagonIcon.js';
 import InfoIcon from '../Icons/InfoIcon/InfoIcon.js';
 import AlertTriangleIcon$1 from '../Icons/AlertTriangleIcon/AlertTriangleIcon.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import { Heading } from '../Typography/Heading/Heading.js';
 import { Text } from '../Typography/Text/Text.js';
 import { castNativeType, castWebType } from '../../utils/platform/castUtils.js';
 import BaseButton from '../Button/BaseButton/BaseButton.js';
@@ -37,7 +34,7 @@ import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
 
-var _excluded = ["description", "title", "isDismissible", "onDismiss", "contrast", "isFullWidth", "intent", "color", "actions", "testID"];
+var _excluded = ["description", "title", "isDismissible", "onDismiss", "emphasis", "isFullWidth", "color", "actions", "testID"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative = getPlatformType() === 'react-native';
@@ -57,41 +54,28 @@ var Alert = function Alert(_ref) {
     _ref$isDismissible = _ref.isDismissible,
     isDismissible = _ref$isDismissible === void 0 ? true : _ref$isDismissible,
     onDismiss = _ref.onDismiss,
-    _ref$contrast = _ref.contrast,
-    contrast = _ref$contrast === void 0 ? 'low' : _ref$contrast,
+    _ref$emphasis = _ref.emphasis,
+    emphasis = _ref$emphasis === void 0 ? 'subtle' : _ref$emphasis,
     _ref$isFullWidth = _ref.isFullWidth,
     isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-    _ref$intent = _ref.intent,
-    intent = _ref$intent === void 0 ? 'neutral' : _ref$intent,
-    color = _ref.color,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'neutral' : _ref$color,
     actions = _ref.actions,
     testID = _ref.testID,
     styledProps = _objectWithoutProperties(_ref, _excluded);
-  if (false) {
-    if (!(actions !== null && actions !== void 0 && actions.primary) && actions !== null && actions !== void 0 && actions.secondary) {
-      throwBladeError({
-        message: 'SecondaryAction is allowed only when PrimaryAction is defined.',
-        moduleName: 'Alert'
-      });
-    }
-  }
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
   var _useBreakpoint = useBreakpoint({
       breakpoints: theme.breakpoints
     }),
     matchedDeviceType = _useBreakpoint.matchedDeviceType;
-  var isDesktop = matchedDeviceType === 'desktop';
-  var isMobile = !isDesktop;
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     isVisible = _useState2[0],
     setIsVisible = _useState2[1];
-  var contrastType = "".concat(contrast, "Contrast");
-  var iconSize = isFullWidth ? 'large' : 'medium';
-  var textSize = isFullWidth ? 'medium' : 'small';
-  var alertColor = color !== null && color !== void 0 ? color : intent;
-  var Icon = intentIconMap[alertColor];
+  var isDesktop = matchedDeviceType === 'desktop';
+  var isMobile = !isDesktop;
+  var Icon = intentIconMap[color];
   var iconOffset = 'spacing.1';
 
   // certain special cases below needs special care for near perfect alignment
@@ -110,36 +94,36 @@ var Alert = function Alert(_ref) {
       iconOffset = 'spacing.2';
     }
   } else if (isFullWidth) {
-    iconOffset = 'spacing.0';
+    iconOffset = 'spacing.1';
   }
+  var shouldCenterAlign = isFullWidth && !title;
+  var alignment = 'flex-start';
+  if (!isFullWidth) alignment = 'flex-start';
+  if (shouldCenterAlign) alignment = 'center';
   var icon = /*#__PURE__*/jsx(BaseBox, {
-    marginTop: iconOffset,
     display: "flex",
+    alignSelf: alignment,
+    marginTop: iconOffset,
     children: /*#__PURE__*/jsx(Icon, {
-      color: "feedback.icon.".concat(alertColor, ".").concat(contrastType),
-      size: iconSize
+      color: emphasis === 'intense' ? 'surface.icon.staticWhite.normal' : "feedback.icon.".concat(color, ".").concat(emphasis === 'subtle' ? 'intense' : 'subtle'),
+      size: "medium"
     })
   });
+  var textColor = emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';
   var _title = title ? /*#__PURE__*/jsx(BaseBox, {
     marginBottom: "spacing.2",
-    children: isFullWidth ? /*#__PURE__*/jsx(Heading, {
-      type: "subtle",
-      size: "small",
-      contrast: contrast,
-      children: title
-    }) : /*#__PURE__*/jsx(Text, {
-      type: "subtle",
-      weight: "bold",
-      contrast: contrast,
+    children: /*#__PURE__*/jsx(Text, {
+      color: textColor,
+      size: "medium",
+      weight: "semibold",
       children: title
     })
   }) : null;
   var _description = /*#__PURE__*/jsx(BaseBox, {
     marginTop: title || isReactNative ? 'spacing.0' : 'spacing.1',
     children: /*#__PURE__*/jsx(Text, {
-      type: "subtle",
-      size: textSize,
-      contrast: contrast,
+      color: textColor,
+      size: "small",
       children: description
     })
   });
@@ -147,10 +131,10 @@ var Alert = function Alert(_ref) {
     marginRight: "spacing.5",
     display: isReactNative ? castNativeType('flex') : castWebType('inline-flex'),
     children: /*#__PURE__*/jsx(BaseButton, {
-      size: textSize,
+      size: "small",
       onClick: actions.primary.onClick,
-      color: alertColor,
-      variant: contrast === 'high' ? 'primary' : 'secondary',
+      color: emphasis === 'intense' ? 'white' : color,
+      variant: "secondary",
       children: actions.primary.text
     })
   }) : null;
@@ -171,10 +155,10 @@ var Alert = function Alert(_ref) {
   }
   var secondaryAction = actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(BaseBox, {
     marginRight: "spacing.4",
-    display: isReactNative ? castNativeType('flex') : castWebType('inline-flex'),
+    display: isReactNative ? 'flex' : 'inline-flex',
     children: /*#__PURE__*/jsx(BaseLink, _objectSpread(_objectSpread({
-      size: textSize,
-      color: contrast === 'high' ? 'white' : alertColor
+      size: "small",
+      color: emphasis === 'intense' ? 'white' : color
     }, secondaryActionParams), {}, {
       children: actions.secondary.text
     }))
@@ -203,15 +187,15 @@ var Alert = function Alert(_ref) {
     children: /*#__PURE__*/jsx(IconButton, {
       accessibilityLabel: "Dismiss alert",
       onClick: onClickDismiss,
-      contrast: contrast,
-      size: iconSize,
+      emphasis: emphasis === 'intense' ? 'subtle' : 'intense',
+      size: "large",
       icon: CloseIcon
     })
   }) : null;
   var a11yProps = makeAccessible(_objectSpread({
     // React Native doesn't has status as role
-    role: isReactNative || alertColor === 'negative' || alertColor === 'notice' ? 'alert' : 'status'
-  }, alertColor === 'notice' && {
+    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status'
+  }, color === 'notice' && {
     liveRegion: 'polite'
   }));
   if (!isVisible) {
@@ -222,8 +206,8 @@ var Alert = function Alert(_ref) {
     testID: testID
   })), getStyledProps(styledProps)), {}, {
     children: /*#__PURE__*/jsxs(StyledAlert, {
-      color: alertColor,
-      contrastType: contrastType,
+      color: color,
+      emphasis: emphasis,
       isFullWidth: isFullWidth,
       isDesktop: isDesktop,
       textAlign: 'left',

package/build/lib/web/production/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Heading, Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { ColorContrastTypes, Feedback } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { throwBladeError } from '~utils/logger';\n\ntype Nullable<Type> = Type | null;\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y contrast.\n   *\n   * @default low\n   */\n  contrast?: ColorContrastTypes;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * This prop is deprecated in favor of the `color` prop.\n   *\n   * @deprecated Use `color` instead\n   * @default neutral\n   */\n  intent?: Feedback;\n\n  /**\n   * Sets the color tone\n   */\n  color?: Feedback;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary: PrimaryAction;\n\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst Alert = ({\n  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  contrast = 'low',\n  isFullWidth = false,\n  // TODO: Remove intent prop in favor of color in the next major release\n  intent = 'neutral',\n  color,\n  actions,\n  testID,\n  ...styledProps\n}: AlertProps): ReactElement | null => {\n  if (__DEV__) {\n    if (!actions?.primary && actions?.secondary) {\n      throwBladeError({\n        message: 'SecondaryAction is allowed only when PrimaryAction is defined.',\n        moduleName: 'Alert',\n      });\n    }\n  }\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const [isVisible, setIsVisible] = useState(true);\n  const contrastType = `${contrast}Contrast` as const;\n  const iconSize = isFullWidth ? 'large' : 'medium';\n  const textSize = isFullWidth ? 'medium' : 'small';\n  const alertColor = color ?? intent;\n\n  const Icon = intentIconMap[alertColor];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.0';\n  }\n\n  const icon = (\n    <BaseBox marginTop={iconOffset} display=\"flex\">\n      <Icon color={`feedback.icon.${alertColor}.${contrastType}`} size={iconSize} />\n    </BaseBox>\n  );\n\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      {isFullWidth ? (\n        <Heading type=\"subtle\" size=\"small\" contrast={contrast}>\n          {title}\n        </Heading>\n      ) : (\n        <Text type=\"subtle\" weight=\"bold\" contrast={contrast}>\n          {title}\n        </Text>\n      )}\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text type=\"subtle\" size={textSize} contrast={contrast}>\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size={textSize}\n        onClick={actions.primary.onClick}\n        color={alertColor}\n        variant={contrast === 'high' ? 'primary' : 'secondary'}\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Nullable<Partial<SecondaryActionLinkButton>> = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox\n      marginRight=\"spacing.4\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseLink\n        size={textSize}\n        color={contrast === 'high' ? 'white' : alertColor}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        contrast={contrast}\n        size={iconSize}\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role:\n      isReactNative || alertColor === 'negative' || alertColor === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(alertColor === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={alertColor}\n        contrastType={contrastType}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {icon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$contrast","contrast","_ref$isFullWidth","isFullWidth","_ref$intent","intent","color","actions","testID","styledProps","_objectWithoutProperties","_excluded","primary","secondary","throwBladeError","message","moduleName","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","isDesktop","isMobile","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","contrastType","concat","iconSize","textSize","alertColor","Icon","iconOffset","icon","_jsx","marginTop","display","children","size","_title","marginBottom","Heading","type","Text","weight","_description","primaryAction","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import type { ReactChild, ReactElement } from 'react';\nimport { Fragment, useState } from 'react';\n\nimport { StyledAlert } from './StyledAlert';\nimport {\n  AlertOctagonIcon,\n  AlertTriangleIcon,\n  CheckCircleIcon,\n  CloseIcon,\n  InfoIcon,\n} from '~components/Icons';\nimport { castNativeType, castWebType, useBreakpoint, getPlatformType } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { IconButton } from '~components/Button/IconButton';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport BaseButton from '~components/Button/BaseButton';\nimport { BaseLink } from '~components/Link/BaseLink';\nimport type { FeedbackColors, SubtleOrIntense } from '~tokens/theme/theme';\nimport { useTheme } from '~components/BladeProvider';\nimport type { DotNotationSpacingStringToken, TestID } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype PrimaryAction = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionButton = {\n  text: string;\n  onClick: () => void;\n};\n\ntype SecondaryActionLinkButton = {\n  text: string;\n  href: string;\n  onClick?: () => void;\n  target?: string;\n  /**\n   * When `target` is set to `_blank` this is automatically set to `noopener noreferrer`\n   */\n  rel?: string;\n};\n\ntype SecondaryAction = SecondaryActionButton | SecondaryActionLinkButton;\n\ntype AlertProps = {\n  /**\n   * Body content, pass text or JSX. Avoid passing components except `Link` to customize the content.\n   */\n  description: ReactChild;\n\n  /**\n   * A brief heading\n   */\n  title?: string;\n\n  /**\n   * Shows a dismiss button\n   *\n   * @default true\n   */\n  isDismissible?: boolean;\n\n  /**\n   * A callback when the dismiss button is clicked\n   */\n  onDismiss?: () => void;\n\n  /**\n   * Can be set to `high` for a more prominent look. Not to be confused with a11y emphasis.\n   *\n   * @default subtle\n   */\n  emphasis?: SubtleOrIntense;\n\n  /**\n   * Makes the Alert span the entire container width, instead of the default max width of `584px`.\n   * This also makes the alert borderless, useful for creating full bleed layouts.\n   *\n   * @default false\n   */\n  isFullWidth?: boolean;\n\n  /**\n   * Sets the color tone\n   */\n  color?: FeedbackColors;\n\n  /**\n   * Renders a primary action button and a secondary action link button\n   */\n  actions?: {\n    /**\n     * Renders a button (should **always** be present if `secondary` action is being used)\n     */\n    primary?: PrimaryAction;\n    /**\n     * Renders a Link button\n     */\n    secondary?: SecondaryAction;\n  };\n} & TestID &\n  StyledPropsBlade;\n\nconst isReactNative = getPlatformType() === 'react-native';\n\n// Need extra wrappers on React Native only for alignment\nconst CloseButtonWrapper = isReactNative ? BaseBox : Fragment;\n\nconst intentIconMap = {\n  positive: CheckCircleIcon,\n  negative: AlertOctagonIcon,\n  information: InfoIcon,\n  neutral: InfoIcon,\n  notice: AlertTriangleIcon,\n};\n\nconst Alert = ({\n  description,\n  title,\n  isDismissible = true,\n  onDismiss,\n  emphasis = 'subtle',\n  isFullWidth = false,\n  color = 'neutral',\n  actions,\n  testID,\n  ...styledProps\n}: AlertProps): ReactElement | null => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isVisible, setIsVisible] = useState(true);\n\n  const isDesktop = matchedDeviceType === 'desktop';\n  const isMobile = !isDesktop;\n\n  const Icon = intentIconMap[color];\n  let iconOffset: DotNotationSpacingStringToken = 'spacing.1';\n\n  // certain special cases below needs special care for near perfect alignment\n  if (isReactNative) {\n    if (isFullWidth && !title) {\n      iconOffset = 'spacing.1';\n    } else if (!isFullWidth && !title) {\n      iconOffset = 'spacing.0';\n    } else if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isMobile) {\n    if (!isFullWidth && title) {\n      iconOffset = 'spacing.2';\n    } else if (isFullWidth && !title) {\n      iconOffset = 'spacing.2';\n    }\n  } else if (isFullWidth) {\n    iconOffset = 'spacing.1';\n  }\n\n  const shouldCenterAlign = isFullWidth && !title;\n  let alignment: 'center' | 'flex-start' = 'flex-start';\n  if (!isFullWidth) alignment = 'flex-start';\n  if (shouldCenterAlign) alignment = 'center';\n\n  const icon = (\n    <BaseBox display=\"flex\" alignSelf={alignment} marginTop={iconOffset}>\n      <Icon\n        color={\n          emphasis === 'intense'\n            ? 'surface.icon.staticWhite.normal'\n            : `feedback.icon.${color}.${emphasis === 'subtle' ? 'intense' : 'subtle'}`\n        }\n        size=\"medium\"\n      />\n    </BaseBox>\n  );\n\n  const textColor =\n    emphasis === 'intense' ? 'surface.text.staticWhite.normal' : 'surface.text.gray.subtle';\n  const _title = title ? (\n    <BaseBox marginBottom=\"spacing.2\">\n      <Text color={textColor} size=\"medium\" weight=\"semibold\">\n        {title}\n      </Text>\n    </BaseBox>\n  ) : null;\n\n  const _description = (\n    <BaseBox marginTop={title || isReactNative ? 'spacing.0' : 'spacing.1'}>\n      <Text color={textColor} size=\"small\">\n        {description}\n      </Text>\n    </BaseBox>\n  );\n\n  const primaryAction = actions?.primary ? (\n    <BaseBox\n      marginRight=\"spacing.5\"\n      display={isReactNative ? castNativeType('flex') : castWebType('inline-flex')}\n    >\n      <BaseButton\n        size=\"small\"\n        onClick={actions.primary.onClick}\n        color={emphasis === 'intense' ? 'white' : color}\n        variant=\"secondary\"\n      >\n        {actions.primary.text}\n      </BaseButton>\n    </BaseBox>\n  ) : null;\n\n  const secondaryActionParams: Partial<SecondaryActionLinkButton> | null = actions?.secondary\n    ? {\n        onClick: actions.secondary.onClick,\n      }\n    : null;\n\n  /**\n   * TS assumes only common properties to be present for `SecondaryAction` union type\n   * We add a type guard that checks if href is present on secondary action:\n   * - If yes, then TS can assume it to be `SecondaryActionLinkButton` (href being a required property)\n   * - If no, then it would be `SecondaryActionButton` (and link properties wouldn't be needed)\n   */\n  if (actions?.secondary && secondaryActionParams && 'href' in actions.secondary) {\n    secondaryActionParams.href = actions.secondary.href;\n    secondaryActionParams.target = actions.secondary.target;\n    secondaryActionParams.rel = actions.secondary.rel;\n  }\n\n  const secondaryAction = actions?.secondary ? (\n    <BaseBox marginRight=\"spacing.4\" display={(isReactNative ? 'flex' : 'inline-flex') as never}>\n      <BaseLink\n        size=\"small\"\n        color={emphasis === 'intense' ? 'white' : color}\n        {...secondaryActionParams}\n      >\n        {actions.secondary.text}\n      </BaseLink>\n    </BaseBox>\n  ) : null;\n\n  // For certain cases we wish to render actions inline with text content\n  const showActionsHorizontal = isFullWidth && isDesktop;\n\n  const actionsHorizontal =\n    showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const actionsVertical =\n    !showActionsHorizontal && (primaryAction || secondaryAction) ? (\n      <BaseBox marginTop=\"spacing.4\" flexDirection=\"row\" alignItems=\"center\">\n        {primaryAction}\n        {secondaryAction}\n      </BaseBox>\n    ) : null;\n\n  const onClickDismiss = (): void => {\n    if (onDismiss) {\n      onDismiss();\n    }\n    setIsVisible(false);\n  };\n  const closeButton = isDismissible ? (\n    <CloseButtonWrapper>\n      <IconButton\n        accessibilityLabel=\"Dismiss alert\"\n        onClick={onClickDismiss}\n        emphasis={emphasis === 'intense' ? 'subtle' : 'intense'}\n        size=\"large\"\n        icon={CloseIcon}\n      />\n    </CloseButtonWrapper>\n  ) : null;\n\n  const a11yProps = makeAccessible({\n    // React Native doesn't has status as role\n    role: isReactNative || color === 'negative' || color === 'notice' ? 'alert' : 'status',\n    // override the implicit live region of role `alert`\n    ...(color === 'notice' && { liveRegion: 'polite' }),\n  });\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <BaseBox\n      {...a11yProps}\n      {...metaAttribute({ name: MetaConstants.Alert, testID })}\n      {...getStyledProps(styledProps)}\n    >\n      <StyledAlert\n        color={color}\n        emphasis={emphasis}\n        isFullWidth={isFullWidth}\n        isDesktop={isDesktop}\n        textAlign={'left' as never}\n      >\n        {icon}\n        <BaseBox\n          flex={1}\n          paddingLeft={isFullWidth ? 'spacing.4' : 'spacing.3'}\n          paddingRight={showActionsHorizontal ? 'spacing.4' : 'spacing.2'}\n        >\n          {_title}\n          {_description}\n          {actionsVertical}\n        </BaseBox>\n        {actionsHorizontal}\n        {closeButton}\n      </StyledAlert>\n    </BaseBox>\n  );\n};\n\nexport type { AlertProps };\nexport { Alert };\n"],"names":["isReactNative","getPlatformType","CloseButtonWrapper","BaseBox","Fragment","intentIconMap","positive","CheckCircleIcon","negative","AlertOctagonIcon","information","InfoIcon","neutral","notice","AlertTriangleIcon","Alert","_ref","description","title","_ref$isDismissible","isDismissible","onDismiss","_ref$emphasis","emphasis","_ref$isFullWidth","isFullWidth","_ref$color","color","actions","testID","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","isDesktop","isMobile","Icon","iconOffset","shouldCenterAlign","alignment","icon","_jsx","display","alignSelf","marginTop","children","concat","size","textColor","_title","marginBottom","Text","weight","_description","primaryAction","primary","marginRight","castNativeType","castWebType","BaseButton","onClick","variant","text","secondaryActionParams","secondary","href","target","rel","secondaryAction","BaseLink","_objectSpread","showActionsHorizontal","actionsHorizontal","_jsxs","flexDirection","alignItems","actionsVertical","onClickDismiss","closeButton","IconButton","accessibilityLabel","CloseIcon","a11yProps","makeAccessible","role","liveRegion","metaAttribute","name","MetaConstants","getStyledProps","StyledAlert","textAlign","flex","paddingLeft","paddingRight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2GA,IAAMA,aAAa,GAAGC,eAAe,EAAE,KAAK,cAAc,CAAA;;AAE1D;AACA,IAAMC,kBAAkB,GAAGF,aAAa,GAAGG,OAAO,GAAGC,QAAQ,CAAA;AAE7D,IAAMC,aAAa,GAAG;AACpBC,EAAAA,QAAQ,EAAEC,eAAe;AACzBC,EAAAA,QAAQ,EAAEC,iBAAgB;AAC1BC,EAAAA,WAAW,EAAEC,QAAQ;AACrBC,EAAAA,OAAO,EAAED,QAAQ;AACjBE,EAAAA,MAAM,EAAEC,mBAAAA;AACV,CAAC,CAAA;AAED,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAW4B;AAAA,EAAA,IAVrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,kBAAA,GAAAH,IAAA,CACLI,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,kBAAA;IACpBE,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAAC,aAAA,GAAAN,IAAA,CACTO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,aAAA;IAAAE,gBAAA,GAAAR,IAAA,CACnBS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,gBAAA;IAAAE,UAAA,GAAAV,IAAA,CACnBW,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,UAAA;IACjBE,OAAO,GAAAZ,IAAA,CAAPY,OAAO;IACPC,MAAM,GAAAb,IAAA,CAANa,MAAM;AACHC,IAAAA,WAAW,GAAAC,wBAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;AACzB,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMI,SAAS,GAAGP,iBAAiB,KAAK,SAAS,CAAA;EACjD,IAAMQ,QAAQ,GAAG,CAACD,SAAS,CAAA;AAE3B,EAAA,IAAME,IAAI,GAAG3C,aAAa,CAACsB,KAAK,CAAC,CAAA;EACjC,IAAIsB,UAAyC,GAAG,WAAW,CAAA;;AAE3D;AACA,EAAA,IAAIjD,aAAa,EAAE;AACjB,IAAA,IAAIyB,WAAW,IAAI,CAACP,KAAK,EAAE;AACzB+B,MAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,KAAC,MAAM,IAAI,CAACxB,WAAW,IAAI,CAACP,KAAK,EAAE;AACjC+B,MAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,KAAC,MAAM,IAAI,CAACxB,WAAW,IAAIP,KAAK,EAAE;AAChC+B,MAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,KAAA;GACD,MAAM,IAAIF,QAAQ,EAAE;AACnB,IAAA,IAAI,CAACtB,WAAW,IAAIP,KAAK,EAAE;AACzB+B,MAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,KAAC,MAAM,IAAIxB,WAAW,IAAI,CAACP,KAAK,EAAE;AAChC+B,MAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,KAAA;GACD,MAAM,IAAIxB,WAAW,EAAE;AACtBwB,IAAAA,UAAU,GAAG,WAAW,CAAA;AAC1B,GAAA;AAEA,EAAA,IAAMC,iBAAiB,GAAGzB,WAAW,IAAI,CAACP,KAAK,CAAA;EAC/C,IAAIiC,SAAkC,GAAG,YAAY,CAAA;AACrD,EAAA,IAAI,CAAC1B,WAAW,EAAE0B,SAAS,GAAG,YAAY,CAAA;AAC1C,EAAA,IAAID,iBAAiB,EAAEC,SAAS,GAAG,QAAQ,CAAA;AAE3C,EAAA,IAAMC,IAAI,gBACRC,GAAA,CAAClD,OAAO,EAAA;AAACmD,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,SAAS,EAAEJ,SAAU;AAACK,IAAAA,SAAS,EAAEP,UAAW;IAAAQ,QAAA,eAClEJ,GAAA,CAACL,IAAI,EAAA;MACHrB,KAAK,EACHJ,QAAQ,KAAK,SAAS,GAClB,iCAAiC,GAAA,gBAAA,CAAAmC,MAAA,CAChB/B,KAAK,OAAA+B,MAAA,CAAInC,QAAQ,KAAK,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAC3E;AACDoC,MAAAA,IAAI,EAAC,QAAA;KACN,CAAA;AAAC,GACK,CACV,CAAA;EAED,IAAMC,SAAS,GACbrC,QAAQ,KAAK,SAAS,GAAG,iCAAiC,GAAG,0BAA0B,CAAA;AACzF,EAAA,IAAMsC,MAAM,GAAG3C,KAAK,gBAClBmC,GAAA,CAAClD,OAAO,EAAA;AAAC2D,IAAAA,YAAY,EAAC,WAAW;IAAAL,QAAA,eAC/BJ,GAAA,CAACU,IAAI,EAAA;AAACpC,MAAAA,KAAK,EAAEiC,SAAU;AAACD,MAAAA,IAAI,EAAC,QAAQ;AAACK,MAAAA,MAAM,EAAC,UAAU;AAAAP,MAAAA,QAAA,EACpDvC,KAAAA;KACG,CAAA;GACC,CAAC,GACR,IAAI,CAAA;AAER,EAAA,IAAM+C,YAAY,gBAChBZ,GAAA,CAAClD,OAAO,EAAA;AAACqD,IAAAA,SAAS,EAAEtC,KAAK,IAAIlB,aAAa,GAAG,WAAW,GAAG,WAAY;IAAAyD,QAAA,eACrEJ,GAAA,CAACU,IAAI,EAAA;AAACpC,MAAAA,KAAK,EAAEiC,SAAU;AAACD,MAAAA,IAAI,EAAC,OAAO;AAAAF,MAAAA,QAAA,EACjCxC,WAAAA;KACG,CAAA;AAAC,GACA,CACV,CAAA;AAED,EAAA,IAAMiD,aAAa,GAAGtC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEuC,OAAO,gBACpCd,GAAA,CAAClD,OAAO,EAAA;AACNiE,IAAAA,WAAW,EAAC,WAAW;IACvBd,OAAO,EAAEtD,aAAa,GAAGqE,cAAc,CAAC,MAAM,CAAC,GAAGC,WAAW,CAAC,aAAa,CAAE;IAAAb,QAAA,eAE7EJ,GAAA,CAACkB,UAAU,EAAA;AACTZ,MAAAA,IAAI,EAAC,OAAO;AACZa,MAAAA,OAAO,EAAE5C,OAAO,CAACuC,OAAO,CAACK,OAAQ;AACjC7C,MAAAA,KAAK,EAAEJ,QAAQ,KAAK,SAAS,GAAG,OAAO,GAAGI,KAAM;AAChD8C,MAAAA,OAAO,EAAC,WAAW;AAAAhB,MAAAA,QAAA,EAElB7B,OAAO,CAACuC,OAAO,CAACO,IAAAA;KACP,CAAA;GACL,CAAC,GACR,IAAI,CAAA;EAER,IAAMC,qBAAgE,GAAG/C,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEgD,SAAS,GACvF;AACEJ,IAAAA,OAAO,EAAE5C,OAAO,CAACgD,SAAS,CAACJ,OAAAA;AAC7B,GAAC,GACD,IAAI,CAAA;;AAER;AACF;AACA;AACA;AACA;AACA;AACE,EAAA,IAAI5C,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEgD,SAAS,IAAID,qBAAqB,IAAI,MAAM,IAAI/C,OAAO,CAACgD,SAAS,EAAE;AAC9ED,IAAAA,qBAAqB,CAACE,IAAI,GAAGjD,OAAO,CAACgD,SAAS,CAACC,IAAI,CAAA;AACnDF,IAAAA,qBAAqB,CAACG,MAAM,GAAGlD,OAAO,CAACgD,SAAS,CAACE,MAAM,CAAA;AACvDH,IAAAA,qBAAqB,CAACI,GAAG,GAAGnD,OAAO,CAACgD,SAAS,CAACG,GAAG,CAAA;AACnD,GAAA;AAEA,EAAA,IAAMC,eAAe,GAAGpD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAEgD,SAAS,gBACxCvB,GAAA,CAAClD,OAAO,EAAA;AAACiE,IAAAA,WAAW,EAAC,WAAW;AAACd,IAAAA,OAAO,EAAGtD,aAAa,GAAG,MAAM,GAAG,aAAwB;AAAAyD,IAAAA,QAAA,eAC1FJ,GAAA,CAAC4B,QAAQ,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACPvB,MAAAA,IAAI,EAAC,OAAO;AACZhC,MAAAA,KAAK,EAAEJ,QAAQ,KAAK,SAAS,GAAG,OAAO,GAAGI,KAAAA;AAAM,KAAA,EAC5CgD,qBAAqB,CAAA,EAAA,EAAA,EAAA;AAAAlB,MAAAA,QAAA,EAExB7B,OAAO,CAACgD,SAAS,CAACF,IAAAA;KACX,CAAA,CAAA;GACH,CAAC,GACR,IAAI,CAAA;;AAER;AACA,EAAA,IAAMS,qBAAqB,GAAG1D,WAAW,IAAIqB,SAAS,CAAA;EAEtD,IAAMsC,iBAAiB,GACrBD,qBAAqB,KAAKjB,aAAa,IAAIc,eAAe,CAAC,gBACzDK,IAAA,CAAClF,OAAO,EAAA;AAACmF,IAAAA,aAAa,EAAC,KAAK;AAACC,IAAAA,UAAU,EAAC,QAAQ;IAAA9B,QAAA,EAAA,CAC7CS,aAAa,EACbc,eAAe,CAAA;GACT,CAAC,GACR,IAAI,CAAA;AAEV,EAAA,IAAMQ,eAAe,GACnB,CAACL,qBAAqB,KAAKjB,aAAa,IAAIc,eAAe,CAAC,gBAC1DK,IAAA,CAAClF,OAAO,EAAA;AAACqD,IAAAA,SAAS,EAAC,WAAW;AAAC8B,IAAAA,aAAa,EAAC,KAAK;AAACC,IAAAA,UAAU,EAAC,QAAQ;IAAA9B,QAAA,EAAA,CACnES,aAAa,EACbc,eAAe,CAAA;GACT,CAAC,GACR,IAAI,CAAA;AAEV,EAAA,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,GAAe;AACjC,IAAA,IAAIpE,SAAS,EAAE;AACbA,MAAAA,SAAS,EAAE,CAAA;AACb,KAAA;IACAwB,YAAY,CAAC,KAAK,CAAC,CAAA;GACpB,CAAA;AACD,EAAA,IAAM6C,WAAW,GAAGtE,aAAa,gBAC/BiC,GAAA,CAACnD,kBAAkB,EAAA;IAAAuD,QAAA,eACjBJ,GAAA,CAACsC,UAAU,EAAA;AACTC,MAAAA,kBAAkB,EAAC,eAAe;AAClCpB,MAAAA,OAAO,EAAEiB,cAAe;AACxBlE,MAAAA,QAAQ,EAAEA,QAAQ,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAU;AACxDoC,MAAAA,IAAI,EAAC,OAAO;AACZP,MAAAA,IAAI,EAAEyC,SAAAA;KACP,CAAA;GACiB,CAAC,GACnB,IAAI,CAAA;AAER,EAAA,IAAMC,SAAS,GAAGC,cAAc,CAAAb,aAAA,CAAA;AAC9B;AACAc,IAAAA,IAAI,EAAEhG,aAAa,IAAI2B,KAAK,KAAK,UAAU,IAAIA,KAAK,KAAK,QAAQ,GAAG,OAAO,GAAG,QAAA;GAE1EA,EAAAA,KAAK,KAAK,QAAQ,IAAI;AAAEsE,IAAAA,UAAU,EAAE,QAAA;AAAS,GAAC,CACnD,CAAC,CAAA;EAEF,IAAI,CAACrD,SAAS,EAAE;AACd,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,oBACES,GAAA,CAAClD,OAAO,EAAA+E,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EACFY,SAAS,CAAA,EACTI,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACrF,KAAK;AAAEc,IAAAA,MAAM,EAANA,MAAAA;AAAO,GAAC,CAAC,CAAA,EACpDwE,cAAc,CAACvE,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IAAA2B,QAAA,eAE/B4B,IAAA,CAACiB,WAAW,EAAA;AACV3E,MAAAA,KAAK,EAAEA,KAAM;AACbJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,WAAW,EAAEA,WAAY;AACzBqB,MAAAA,SAAS,EAAEA,SAAU;AACrByD,MAAAA,SAAS,EAAE,MAAgB;AAAA9C,MAAAA,QAAA,EAE1BL,CAAAA,IAAI,eACLiC,IAAA,CAAClF,OAAO,EAAA;AACNqG,QAAAA,IAAI,EAAE,CAAE;AACRC,QAAAA,WAAW,EAAEhF,WAAW,GAAG,WAAW,GAAG,WAAY;AACrDiF,QAAAA,YAAY,EAAEvB,qBAAqB,GAAG,WAAW,GAAG,WAAY;AAAA1B,QAAAA,QAAA,EAE/DI,CAAAA,MAAM,EACNI,YAAY,EACZuB,eAAe,CAAA;AAAA,OACT,CAAC,EACTJ,iBAAiB,EACjBM,WAAW,CAAA;KACD,CAAA;AAAC,GAAA,CACP,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/production/components/Alert/styles.js

@@ -10,18 +10,14 @@ import { makeSize } from '../../utils/makeSize/makeSize.js';
 var MAX_WIDTH = size[584];
 var getCommonStyles = function getCommonStyles(props) {
   var theme = props.theme,
-    contrastType = props.contrastType,
+    emphasis = props.emphasis,
     color = props.color,
     isFullWidth = props.isFullWidth,
     isDesktop = props.isDesktop;
-  var feedbackColors = theme.colors.feedback;
   return {
-    background: feedbackColors.background[color][contrastType],
-    padding: isFullWidth ? "".concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[5])) : "".concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[3]), " ").concat(makeSpace(theme.spacing[4]), " ").concat(makeSpace(theme.spacing[3])),
+    background: theme.colors.feedback.background[color][emphasis],
+    padding: makeSpace(theme.spacing[4]),
     borderRadius: makeBorderSize(isFullWidth ? theme.border.radius.none : theme.border.radius.medium),
-    borderColor: feedbackColors.border[color][contrastType],
-    borderWidth: makeBorderSize(isFullWidth ? theme.border.width.none : theme.border.width.thin),
-    borderStyle: 'solid',
     display: 'flex',
     flexDirection: 'row',
     maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),

package/build/lib/web/production/components/Alert/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Alert/styles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\n\nimport type { StyledAlertProps } from './types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size } from '~tokens/global';\n\nconst MAX_WIDTH = size[584];\n\nexport const getCommonStyles = (props: StyledProps<StyledAlertProps>): CSSObject => {\n  const { theme, contrastType, color, isFullWidth, isDesktop } = props;\n\n  const feedbackColors = theme.colors.feedback;\n\n  return {\n    background: feedbackColors.background[color][contrastType],\n    padding: isFullWidth\n      ? `${makeSpace(theme.spacing[4])} ${makeSpace(theme.spacing[5])}`\n      : `${makeSpace(theme.spacing[3])} ${makeSpace(theme.spacing[3])} ${makeSpace(\n          theme.spacing[4],\n        )} ${makeSpace(theme.spacing[3])}`,\n    borderRadius: makeBorderSize(\n      isFullWidth ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    borderColor: feedbackColors.border[color][contrastType],\n    borderWidth: makeBorderSize(isFullWidth ? theme.border.width.none : theme.border.width.thin),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),\n    width: isFullWidth ? '100%' : undefined,\n    alignItems: isFullWidth && isDesktop ? 'center' : 'flex-start',\n    boxSizing: 'border-box',\n  };\n};\n"],"names":["MAX_WIDTH","size","getCommonStyles","props","theme","contrastType","color","isFullWidth","isDesktop","feedbackColors","colors","feedback","background","padding","concat","makeSpace","spacing","borderRadius","makeBorderSize","border","radius","none","medium","borderColor","borderWidth","width","thin","borderStyle","display","flexDirection","maxWidth","makeSize","undefined","alignItems","boxSizing"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEdC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAoC,EAAgB;AAClF,EAAA,IAAQC,KAAK,GAAkDD,KAAK,CAA5DC,KAAK;IAAEC,YAAY,GAAoCF,KAAK,CAArDE,YAAY;IAAEC,KAAK,GAA6BH,KAAK,CAAvCG,KAAK;IAAEC,WAAW,GAAgBJ,KAAK,CAAhCI,WAAW;IAAEC,SAAS,GAAKL,KAAK,CAAnBK,SAAS,CAAA;AAE1D,EAAA,IAAMC,cAAc,GAAGL,KAAK,CAACM,MAAM,CAACC,QAAQ,CAAA;EAE5C,OAAO;IACLC,UAAU,EAAEH,cAAc,CAACG,UAAU,CAACN,KAAK,CAAC,CAACD,YAAY,CAAC;AAC1DQ,IAAAA,OAAO,EAAEN,WAAW,GAAAO,EAAAA,CAAAA,MAAA,CACbC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,OAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA,GAAA,EAAA,CAAAF,MAAA,CAC1DC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CACxEX,KAAK,CAACY,OAAO,CAAC,CAAC,CACjB,CAAC,EAAA,GAAA,CAAA,CAAAF,MAAA,CAAIC,SAAS,CAACX,KAAK,CAACY,OAAO,CAAC,CAAC,CAAC,CAAC,CAAE;IACtCC,YAAY,EAAEC,cAAc,CAC1BX,WAAW,GAAGH,KAAK,CAACe,MAAM,CAACC,MAAM,CAACC,IAAI,GAAGjB,KAAK,CAACe,MAAM,CAACC,MAAM,CAACE,MAC/D,CAAC;IACDC,WAAW,EAAEd,cAAc,CAACU,MAAM,CAACb,KAAK,CAAC,CAACD,YAAY,CAAC;IACvDmB,WAAW,EAAEN,cAAc,CAACX,WAAW,GAAGH,KAAK,CAACe,MAAM,CAACM,KAAK,CAACJ,IAAI,GAAGjB,KAAK,CAACe,MAAM,CAACM,KAAK,CAACC,IAAI,CAAC;AAC5FC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAEvB,WAAW,GAAG,MAAM,GAAGwB,QAAQ,CAAC/B,SAAS,CAAC;AACpDyB,IAAAA,KAAK,EAAElB,WAAW,GAAG,MAAM,GAAGyB,SAAS;AACvCC,IAAAA,UAAU,EAAE1B,WAAW,IAAIC,SAAS,GAAG,QAAQ,GAAG,YAAY;AAC9D0B,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/Alert/styles.ts"],"sourcesContent":["import type { CSSObject, StyledProps } from 'styled-components';\n\nimport type { StyledAlertProps } from './types';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { size } from '~tokens/global';\n\nconst MAX_WIDTH = size[584];\n\nexport const getCommonStyles = (props: StyledProps<StyledAlertProps>): CSSObject => {\n  const { theme, emphasis, color, isFullWidth, isDesktop } = props;\n\n  return {\n    background: theme.colors.feedback.background[color][emphasis],\n    padding: makeSpace(theme.spacing[4]),\n    borderRadius: makeBorderSize(\n      isFullWidth ? theme.border.radius.none : theme.border.radius.medium,\n    ),\n    display: 'flex',\n    flexDirection: 'row',\n    maxWidth: isFullWidth ? 'auto' : makeSize(MAX_WIDTH),\n    width: isFullWidth ? '100%' : undefined,\n    alignItems: isFullWidth && isDesktop ? 'center' : 'flex-start',\n    boxSizing: 'border-box',\n  };\n};\n"],"names":["MAX_WIDTH","size","getCommonStyles","props","theme","emphasis","color","isFullWidth","isDesktop","background","colors","feedback","padding","makeSpace","spacing","borderRadius","makeBorderSize","border","radius","none","medium","display","flexDirection","maxWidth","makeSize","width","undefined","alignItems","boxSizing"],"mappings":";;;;;;;;;AAQA,IAAMA,SAAS,GAAGC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEdC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAAoC,EAAgB;AAClF,EAAA,IAAQC,KAAK,GAA8CD,KAAK,CAAxDC,KAAK;IAAEC,QAAQ,GAAoCF,KAAK,CAAjDE,QAAQ;IAAEC,KAAK,GAA6BH,KAAK,CAAvCG,KAAK;IAAEC,WAAW,GAAgBJ,KAAK,CAAhCI,WAAW;IAAEC,SAAS,GAAKL,KAAK,CAAnBK,SAAS,CAAA;EAEtD,OAAO;AACLC,IAAAA,UAAU,EAAEL,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACF,UAAU,CAACH,KAAK,CAAC,CAACD,QAAQ,CAAC;IAC7DO,OAAO,EAAEC,SAAS,CAACT,KAAK,CAACU,OAAO,CAAC,CAAC,CAAC,CAAC;IACpCC,YAAY,EAAEC,cAAc,CAC1BT,WAAW,GAAGH,KAAK,CAACa,MAAM,CAACC,MAAM,CAACC,IAAI,GAAGf,KAAK,CAACa,MAAM,CAACC,MAAM,CAACE,MAC/D,CAAC;AACDC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAEhB,WAAW,GAAG,MAAM,GAAGiB,QAAQ,CAACxB,SAAS,CAAC;AACpDyB,IAAAA,KAAK,EAAElB,WAAW,GAAG,MAAM,GAAGmB,SAAS;AACvCC,IAAAA,UAAU,EAAEpB,WAAW,IAAIC,SAAS,GAAG,QAAQ,GAAG,YAAY;AAC9DoB,IAAAA,SAAS,EAAE,YAAA;GACZ,CAAA;AACH;;;;"}