@redsift/design-system 11.5.0 → 11.6.0-alpha.0

package/_internal/Shield2.js

@@ -0,0 +1,225 @@
+import { b as _objectWithoutProperties, c as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import classNames from 'classnames';
+import styled, { css } from 'styled-components';
+import { i as baseStyling } from './styles4.js';
+import { u as useTheme } from './useTheme.js';
+import { N as NotificationsColorPalette } from './colors.js';
+
+/**
+ * Component variant.
+ */
+const ShieldVariant = {
+  success: 'success',
+  successLocked: 'successLocked',
+  successUnlocked: 'successUnlocked',
+  fail: 'fail',
+  failLocked: 'failLocked',
+  failUnlocked: 'failUnlocked',
+  warning: 'warning',
+  warningLocked: 'warningLocked',
+  warningUnlocked: 'warningUnlocked',
+  ignored: 'ignored',
+  noData: 'noData',
+  question: 'question',
+  email: 'email'
+};
+
+/**
+ * Component props.
+ */
+
+const StyledShield = styled.div`
+  height: 24px;
+  width: 20px;
+  ${baseStyling}
+
+  box-sizing: content-box;
+
+  ${_ref => {
+  let {
+    $color,
+    $isOutlined,
+    $isReversed,
+    $theme
+  } = _ref;
+  if ($isReversed && $isOutlined) {
+    return css`
+        & .shield {
+          fill: var(--redsift-color-notifications-${$color}-primary);
+          stroke: var(--redsift-color-${$theme}-components-page-background);
+          stroke-width: 2;
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: var(--redsift-color-${$theme}-components-page-background);
+        }
+      `;
+  } else if ($isOutlined) {
+    return css`
+        & .shield {
+          fill: var(--redsift-color-${$theme}-components-page-background);
+          stroke: var(--redsift-color-notifications-${$color}-primary);
+          stroke-width: 2;
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: var(--redsift-color-notifications-${$color}-primary);
+        }
+      `;
+  } else if ($isReversed) {
+    return css`
+        & .shield {
+          fill: var(--redsift-color-${$theme}-components-page-background);
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: var(--redsift-color-notifications-${$color}-primary);
+        }
+      `;
+  } else {
+    return css`
+        & .shield {
+          fill: var(--redsift-color-notifications-${$color}-primary);
+        }
+        & .icon {
+          fill-rule: evenodd;
+          clip-rule: evenodd;
+          fill: var(--redsift-color-${$theme}-components-page-background);
+        }
+      `;
+  }
+}}
+`;
+
+const _excluded = ["aria-hidden", "aria-label", "className", "svgProps", "isOutlined", "isReversed", "theme", "variant"];
+const COMPONENT_NAME = 'Shield';
+const CLASSNAME = 'redsift-shield';
+const getVariant = variant => {
+  switch (variant) {
+    case ShieldVariant.email:
+      return {
+        color: NotificationsColorPalette.info,
+        icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z'
+      };
+    case ShieldVariant.fail:
+      return {
+        color: NotificationsColorPalette.error,
+        icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z'
+      };
+    case ShieldVariant.failLocked:
+      return {
+        color: NotificationsColorPalette.error,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.failUnlocked:
+      return {
+        color: NotificationsColorPalette.error,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+    case ShieldVariant.ignored:
+      return {
+        color: NotificationsColorPalette['no-data'],
+        icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z'
+      };
+    case ShieldVariant.noData:
+      return {
+        color: NotificationsColorPalette['no-data'],
+        icon: 'M16,13H4v-2h12V13z'
+      };
+    case ShieldVariant.question:
+      return {
+        color: NotificationsColorPalette.question,
+        icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z'
+      };
+    case ShieldVariant.success:
+      return {
+        color: NotificationsColorPalette.success,
+        icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z'
+      };
+    case ShieldVariant.successLocked:
+      return {
+        color: NotificationsColorPalette.success,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.successUnlocked:
+      return {
+        color: NotificationsColorPalette.success,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+    case ShieldVariant.warning:
+      return {
+        color: NotificationsColorPalette.warning,
+        icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z'
+      };
+    case ShieldVariant.warningLocked:
+      return {
+        color: NotificationsColorPalette.warning,
+        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z'
+      };
+    case ShieldVariant.warningUnlocked:
+      return {
+        color: NotificationsColorPalette.warning,
+        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z'
+      };
+  }
+};
+
+/**
+ * The Shield component.
+ */
+const Shield = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+      'aria-hidden': ariaHidden,
+      'aria-label': ariaLabel,
+      className,
+      svgProps,
+      isOutlined,
+      isReversed,
+      theme: propsTheme,
+      variant = ShieldVariant.success
+    } = props,
+    forwardedProps = _objectWithoutProperties(props, _excluded);
+  const theme = useTheme(propsTheme);
+  const {
+    color,
+    icon
+  } = getVariant(variant);
+  return /*#__PURE__*/React__default.createElement(StyledShield, _extends({}, forwardedProps, {
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    className: classNames(Shield.className, className),
+    ref: ref,
+    $color: color,
+    $isOutlined: isOutlined,
+    $isReversed: isReversed,
+    $theme: theme,
+    $variant: variant
+  }), /*#__PURE__*/React__default.createElement("svg", _extends({
+    "aria-hidden": ariaLabel ? ariaHidden ? ariaHidden : undefined : true,
+    "aria-label": ariaLabel,
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    role: "img",
+    style: {
+      verticalAlign: '-0.125em'
+    },
+    viewBox: "0 0 20 24",
+    width: "20",
+    height: "24"
+  }, svgProps), /*#__PURE__*/React__default.createElement("path", {
+    d: isOutlined ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z' : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z',
+    className: "shield"
+  }), /*#__PURE__*/React__default.createElement("path", {
+    d: icon,
+    className: "icon"
+  })));
+});
+Shield.className = CLASSNAME;
+Shield.displayName = COMPONENT_NAME;
+
+export { Shield as S, ShieldVariant as a };
+//# sourceMappingURL=Shield2.js.map

package/_internal/Shield2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shield2.js","sources":["../../src/components/shield/types.ts","../../src/components/shield/styles.ts","../../src/components/shield/Shield.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { NotificationsColorPalette, ProductColorPalette, StylingProps, Theme, ValueOf } from '../../types';\n\n/**\n * Component variant.\n */\nexport const ShieldVariant = {\n  success: 'success',\n  successLocked: 'successLocked',\n  successUnlocked: 'successUnlocked',\n  fail: 'fail',\n  failLocked: 'failLocked',\n  failUnlocked: 'failUnlocked',\n  warning: 'warning',\n  warningLocked: 'warningLocked',\n  warningUnlocked: 'warningUnlocked',\n  ignored: 'ignored',\n  noData: 'noData',\n  question: 'question',\n  email: 'email',\n} as const;\nexport type ShieldVariant = ValueOf<typeof ShieldVariant>;\n\n/**\n * Component props.\n */\nexport interface ShieldProps extends ComponentProps<'div'>, StylingProps {\n  /** Indicates whether the element is exposed to an accessibility API. */\n  'aria-hidden'?: boolean | 'false' | 'true';\n  /** A screen reader only label for the Icon. */\n  'aria-label'?: string;\n  /** Additional properties to forward to the SVG tag. */\n  svgProps?: ComponentProps<'svg'>;\n  /** Whether the shield has an outline or not. */\n  isOutlined?: boolean;\n  /** Whether the shield has its colors reversed or not. */\n  isReversed?: boolean;\n  /** Theme. */\n  theme?: Theme;\n  /** Shield variant. */\n  variant?: ShieldVariant;\n}\n\nexport type StyledShieldProps = Omit<ShieldProps, 'color'> & {\n  $color?: NotificationsColorPalette | ProductColorPalette | (string & {});\n  $isOutlined: ShieldProps['isOutlined'];\n  $isReversed: ShieldProps['isReversed'];\n  $theme: ShieldProps['theme'];\n  $variant: ShieldProps['variant'];\n};\n","import styled, { css } from 'styled-components';\nimport { baseStyling } from '../shared';\nimport { StyledShieldProps } from './types';\n\nexport const StyledShield = styled.div<StyledShieldProps>`\n  height: 24px;\n  width: 20px;\n  ${baseStyling}\n\n  box-sizing: content-box;\n\n  ${({ $color, $isOutlined, $isReversed, $theme }) => {\n    if ($isReversed && $isOutlined) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-notifications-${$color}-primary);\n          stroke: var(--redsift-color-${$theme}-components-page-background);\n          stroke-width: 2;\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n      `;\n    } else if ($isOutlined) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-${$theme}-components-page-background);\n          stroke: var(--redsift-color-notifications-${$color}-primary);\n          stroke-width: 2;\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n      `;\n    } else if ($isReversed) {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n      `;\n    } else {\n      return css`\n        & .shield {\n          fill: var(--redsift-color-notifications-${$color}-primary);\n        }\n        & .icon {\n          fill-rule: evenodd;\n          clip-rule: evenodd;\n          fill: var(--redsift-color-${$theme}-components-page-background);\n        }\n      `;\n    }\n  }}\n`;\n","import React, { forwardRef, RefObject } from 'react';\nimport classNames from 'classnames';\nimport { NotificationsColorPalette, Comp } from '../../types';\n\nimport { ShieldProps, ShieldVariant } from './types';\nimport { StyledShield } from './styles';\nimport { useTheme } from '../theme';\n\nconst COMPONENT_NAME = 'Shield';\nconst CLASSNAME = 'redsift-shield';\n\nconst getVariant = (variant: ShieldVariant) => {\n  switch (variant) {\n    case ShieldVariant.email:\n      return {\n        color: NotificationsColorPalette.info,\n        icon: 'M14.7,6.3H5.3c-0.6,0-1.2,0.5-1.2,1.2l0,7c0,0.6,0.5,1.2,1.2,1.2h9.3c0.6,0,1.2-0.5,1.2-1.2v-7 C15.8,6.9,15.3,6.3,14.7,6.3z M14.7,14.5H5.3V8.7l4.7,2.9l4.7-2.9V14.5z M10,10.4L5.3,7.5h9.3L10,10.4z',\n      };\n    case ShieldVariant.fail:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M9,15V5h2v10H9z M9,19v-2h2v2H9z',\n      };\n    case ShieldVariant.failLocked:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.failUnlocked:\n      return {\n        color: NotificationsColorPalette.error,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n    case ShieldVariant.ignored:\n      return {\n        color: NotificationsColorPalette['no-data'],\n        icon: 'M10,6.2c-3.2,0-5.8,2.6-5.8,5.8c0,3.2,2.6,5.8,5.8,5.8s5.8-2.6,5.8-5.8C15.8,8.8,13.2,6.2,10,6.2z M5.3,12 c0-2.6,2.1-4.7,4.7-4.7c1.1,0,2.1,0.4,2.9,1l-6.5,6.5C5.7,14.1,5.3,13.1,5.3,12z M10,16.7c-1.1,0-2.1-0.4-2.9-1l6.5-6.5 c0.6,0.8,1,1.8,1,2.9C14.7,14.6,12.6,16.7,10,16.7z',\n      };\n    case ShieldVariant.noData:\n      return {\n        color: NotificationsColorPalette['no-data'],\n        icon: 'M16,13H4v-2h12V13z',\n      };\n    case ShieldVariant.question:\n      return {\n        color: NotificationsColorPalette.question,\n        icon: 'M9,17h2v-2H9V17z M10,5C7.8,5,6,6.8,6,9h2c0-1.1,0.9-2,2-2s2,0.9,2,2c0,2-3,1.8-3,5h2c0-2.2,3-2.5,3-5 C14,6.8,12.2,5,10,5z',\n      };\n    case ShieldVariant.success:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M8,16.6l8.5-8.5l-1.4-1.4L8,13.7l-2.8-2.8l-1.4,1.4L8,16.6z',\n      };\n    case ShieldVariant.successLocked:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.successUnlocked:\n      return {\n        color: NotificationsColorPalette.success,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n    case ShieldVariant.warning:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M10,5c0.7,0,1.4,0.4,1.7,1l4,7c0.4,0.6,0.4,1.4,0,2c-0.4,0.6-1,1-1.7,1H6c-0.7,0-1.4-0.4-1.7-1 c-0.4-0.6-0.4-1.4,0-2l4-7C8.6,5.4,9.3,5,10,5z M10,7l-4,7h8L10,7z',\n      };\n    case ShieldVariant.warningLocked:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M13.5,9.7h-0.6V8.5c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M10,14.9c-0.6,0-1.2-0.5-1.2-1.2 s0.5-1.2,1.2-1.2c0.6,0,1.2,0.5,1.2,1.2S10.6,14.9,10,14.9z M11.8,9.7H8.2V8.5c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8V9.7z',\n      };\n    case ShieldVariant.warningUnlocked:\n      return {\n        color: NotificationsColorPalette.warning,\n        icon: 'M10,14.9c0.6,0,1.2-0.5,1.2-1.2s-0.5-1.2-1.2-1.2c-0.6,0-1.2,0.5-1.2,1.2S9.4,14.9,10,14.9z M13.5,9.7h-0.6V8.5 c0-1.6-1.3-2.9-2.9-2.9S7.1,6.9,7.1,8.5h1.1c0-1,0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8v1.2H6.5c-0.6,0-1.2,0.5-1.2,1.2v5.8 c0,0.6,0.5,1.2,1.2,1.2h7c0.6,0,1.2-0.5,1.2-1.2v-5.8C14.7,10.2,14.1,9.7,13.5,9.7z M13.5,16.7h-7v-5.8h7V16.7z',\n      };\n  }\n};\n\n/**\n * The Shield component.\n */\nexport const Shield: Comp<ShieldProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const {\n    'aria-hidden': ariaHidden,\n    'aria-label': ariaLabel,\n    className,\n    svgProps,\n    isOutlined,\n    isReversed,\n    theme: propsTheme,\n    variant = ShieldVariant.success,\n    ...forwardedProps\n  } = props;\n\n  const theme = useTheme(propsTheme);\n\n  const { color, icon } = getVariant(variant!);\n\n  return (\n    <StyledShield\n      {...forwardedProps}\n      aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n      aria-label={ariaLabel}\n      className={classNames(Shield.className, className)}\n      ref={ref as RefObject<HTMLDivElement>}\n      $color={color}\n      $isOutlined={isOutlined}\n      $isReversed={isReversed}\n      $theme={theme}\n      $variant={variant}\n    >\n      <svg\n        aria-hidden={ariaLabel ? (ariaHidden ? ariaHidden : undefined) : true}\n        aria-label={ariaLabel}\n        focusable=\"false\"\n        preserveAspectRatio=\"xMidYMid meet\"\n        role=\"img\"\n        style={{ verticalAlign: '-0.125em' }}\n        viewBox=\"0 0 20 24\"\n        width=\"20\"\n        height=\"24\"\n        {...svgProps}\n      >\n        <path\n          d={\n            isOutlined\n              ? 'M1,10.9V5l9-3.9L19,5v5.9c0,5.5-3.9,10.7-9,12.1C4.9,21.6,1,16.4,1,10.9z'\n              : 'M10,0L0,4.4v6.5C0,17,4.3,22.6,10,24c5.7-1.4,10-7,10-13.1V4.4L10,0z'\n          }\n          className=\"shield\"\n        />\n        <path d={icon} className=\"icon\" />\n      </svg>\n    </StyledShield>\n  );\n});\nShield.className = CLASSNAME;\nShield.displayName = COMPONENT_NAME;\n"],"names":["ShieldVariant","success","successLocked","successUnlocked","fail","failLocked","failUnlocked","warning","warningLocked","warningUnlocked","ignored","noData","question","email","StyledShield","styled","div","baseStyling","_ref","$color","$isOutlined","$isReversed","$theme","css","COMPONENT_NAME","CLASSNAME","getVariant","variant","color","NotificationsColorPalette","info","icon","error","Shield","forwardRef","props","ref","ariaHidden","ariaLabel","className","svgProps","isOutlined","isReversed","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","_extends","undefined","classNames","$variant","focusable","preserveAspectRatio","role","style","verticalAlign","viewBox","width","height","d","displayName"],"mappings":"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"}