@redsift/design-system 11.6.0-muiv5-alpha.11 → 11.6.0-muiv5-alpha.12

package/packages/design-system/src/components/shield/_internal/Shield2.js

@@ -1,136 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
-import classNames from 'classnames';
-import { ShieldVariant } from './types.js';
-import { StyledShield } from './styles.js';
-import { useTheme } from '../../theme/_internal/useTheme.js';
-import { NotificationsColorPalette } from '../../../types/_internal/colors.js';
-
-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 };
-//# sourceMappingURL=Shield2.js.map

package/packages/design-system/src/components/shield/_internal/Shield2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shield2.js","sources":["../../../../../../../src/components/shield/Shield.tsx"],"sourcesContent":["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":["COMPONENT_NAME","CLASSNAME","getVariant","variant","ShieldVariant","email","color","NotificationsColorPalette","info","icon","fail","error","failLocked","failUnlocked","ignored","noData","question","success","successLocked","successUnlocked","warning","warningLocked","warningUnlocked","Shield","forwardRef","props","ref","ariaHidden","ariaLabel","className","svgProps","isOutlined","isReversed","theme","propsTheme","forwardedProps","_objectWithoutProperties","_excluded","useTheme","React","createElement","StyledShield","_extends","undefined","classNames","$color","$isOutlined","$isReversed","$theme","$variant","focusable","preserveAspectRatio","role","style","verticalAlign","viewBox","width","height","d","displayName"],"mappings":"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"}

package/packages/design-system/src/components/shield/_internal/shield.js

@@ -1,3 +0,0 @@
-export { Shield } from './Shield2.js';
-export { ShieldVariant } from './types.js';
-//# sourceMappingURL=shield.js.map

package/packages/design-system/src/components/shield/_internal/shield.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shield.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/packages/design-system/src/components/shield/_internal/styles.js

@@ -1,71 +0,0 @@
-import styled, { css } from 'styled-components';
-import { baseStyling } from '../../shared/_internal/styles.js';
-
-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);
-        }
-      `;
-  }
-}}
-`;
-
-export { StyledShield };
-//# sourceMappingURL=styles.js.map

package/packages/design-system/src/components/shield/_internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../src/components/shield/styles.ts"],"sourcesContent":["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"],"names":["StyledShield","styled","div","baseStyling","_ref","$color","$isOutlined","$isReversed","$theme","css"],"mappings":";;;AAIaA,MAAAA,YAAY,GAAGC,MAAM,CAACC,GAAuB,CAAA;AAC1D;AACA;AACA,EAAA,EAAIC,WAAY,CAAA;AAChB;AACA;AACA;AACA,EAAA,EAAIC,IAAA,IAAkD;EAAA,IAAjD;IAAEC,MAAM;IAAEC,WAAW;IAAEC,WAAW;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAJ,IAAA,CAAA;EAC7C,IAAIG,WAAW,IAAID,WAAW,EAAE;AAC9B,IAAA,OAAOG,GAAI,CAAA;AACjB;AACA,kDAAA,EAAoDJ,MAAO,CAAA;AAC3D,sCAAA,EAAwCG,MAAO,CAAA;AAC/C;AACA;AACA;AACA;AACA;AACA,oCAAA,EAAsCA,MAAO,CAAA;AAC7C;AACA,MAAO,CAAA,CAAA;GACF,MAAM,IAAIF,WAAW,EAAE;AACtB,IAAA,OAAOG,GAAI,CAAA;AACjB;AACA,oCAAA,EAAsCD,MAAO,CAAA;AAC7C,oDAAA,EAAsDH,MAAO,CAAA;AAC7D;AACA;AACA;AACA;AACA;AACA,kDAAA,EAAoDA,MAAO,CAAA;AAC3D;AACA,MAAO,CAAA,CAAA;GACF,MAAM,IAAIE,WAAW,EAAE;AACtB,IAAA,OAAOE,GAAI,CAAA;AACjB;AACA,oCAAA,EAAsCD,MAAO,CAAA;AAC7C;AACA;AACA;AACA;AACA,kDAAA,EAAoDH,MAAO,CAAA;AAC3D;AACA,MAAO,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOI,GAAI,CAAA;AACjB;AACA,kDAAA,EAAoDJ,MAAO,CAAA;AAC3D;AACA;AACA;AACA;AACA,oCAAA,EAAsCG,MAAO,CAAA;AAC7C;AACA,MAAO,CAAA,CAAA;AACH,GAAA;AACF,CAAE,CAAA;AACJ;;;;"}

package/packages/design-system/src/components/shield/_internal/types.js

@@ -1,25 +0,0 @@
-/**
- * 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.
- */
-
-export { ShieldVariant };
-//# sourceMappingURL=types.js.map

package/packages/design-system/src/components/shield/_internal/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/shield/types.ts"],"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"],"names":["ShieldVariant","success","successLocked","successUnlocked","fail","failLocked","failUnlocked","warning","warningLocked","warningUnlocked","ignored","noData","question","email"],"mappings":"AAGA;AACA;AACA;AACO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,YAAY,EAAE,cAAc;AAC5BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,aAAa,EAAE,eAAe;AAC9BC,EAAAA,eAAe,EAAE,iBAAiB;AAClCC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;;AAGV;AACA;AACA;;;;"}

package/packages/design-system/src/components/side-navigation-menu/_internal/SideNavigationMenu.js

@@ -1,367 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../../_virtual/_internal/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useContext, useState, useEffect, useReducer, useCallback, useMemo } from 'react';
-import classNames from 'classnames';
-import { mdiChevronDown } from '@redsift/icons';
-import { StyledSideNavigationMenu } from './styles.js';
-import { SideNavigationMenuReducerActionType } from './types.js';
-import { SideNavigationMenuContext } from './context.js';
-import { SideNavigationMenuReducer } from './reducer.js';
-import { SideNavigationMenuBarContext } from '../../side-navigation-menu-bar/_internal/context.js';
-import { warnIfNoAccessibleLabelFound } from '../../../utils/_internal/warnIfNoAccessibleLabelFound.js';
-import { filterComponents } from '../../../utils/_internal/filterComponents.js';
-import { StyledSideNavigationMenuItemIndicator } from '../../side-navigation-menu-item/_internal/styles.js';
-import { useId } from '../../../utils/_internal/useId.js';
-import { AppContainerContext } from '../../app-container/_internal/context.js';
-import { SideNavigationMenuItem } from '../../side-navigation-menu-item/_internal/SideNavigationMenuItem.js';
-import { useTheme } from '../../theme/_internal/useTheme.js';
-import { AppSidePanelVariant } from '../../app-side-panel/_internal/types.js';
-import { ThemeProvider } from '../../theme/_internal/context.js';
-import { Flexbox } from '../../flexbox/_internal/Flexbox2.js';
-import { Icon } from '../../icon/_internal/Icon2.js';
-import { IconSize } from '../../icon/_internal/types.js';
-import { Badge } from '../../badge/_internal/Badge2.js';
-
-const _excluded = ["aria-label", "buttonProps", "buttonRef", "children", "className", "badgeProps", "hasBadge", "icon", "iconProps", "iconRef", "id", "isDisabled", "isExpanded", "keepBadgeVisible", "menuProps", "menuRef", "tabIndex", "theme"];
-const COMPONENT_NAME = 'SideNavigationMenu';
-const CLASSNAME = 'redsift-side-navigation-menu';
-
-/**
- * The SideNavigationMenu component.
- */
-const SideNavigationMenu = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-      'aria-label': ariaLabel,
-      buttonProps = {},
-      buttonRef = useRef(),
-      children,
-      className,
-      badgeProps,
-      hasBadge,
-      icon,
-      iconProps,
-      iconRef = useRef(),
-      id: propsId,
-      isDisabled,
-      isExpanded: propsIsExpanded,
-      keepBadgeVisible,
-      menuProps = {},
-      menuRef = useRef(),
-      tabIndex,
-      theme: propsTheme
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const [_id] = useId();
-  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
-  warnIfNoAccessibleLabelFound(props, undefined, 'SideNavigationMenu');
-  const appContainerState = useContext(AppContainerContext);
-  const sideNavigationMenuBarContext = useContext(SideNavigationMenuBarContext);
-  const theme = useTheme(propsTheme);
-  const [isFirstChild, setIsFirstChild] = useState(false);
-  const currentPosition = useRef(-1);
-  const {
-    menuItems: menubarItems
-  } = sideNavigationMenuBarContext || {};
-  useEffect(() => {
-    currentPosition.current = -1;
-  });
-
-  /**
-   * Create an array containing only valid children which can only be SideNavigationMenuItem.
-   * This prevent the navigation menubar to have more than two levels.
-   */
-  const childArray = filterComponents(SideNavigationMenuItem)(children);
-  const renderedMenuItems = childArray.map((child, index) => {
-    var _child$key, _child$key2;
-    if (child.props.isCurrent) {
-      currentPosition.current = index;
-    }
-    return /*#__PURE__*/React__default.createElement("li", {
-      key: (_child$key = child.key) !== null && _child$key !== void 0 ? _child$key : index,
-      role: "none"
-    }, /*#__PURE__*/React__default.cloneElement(child, {
-      isDisabled: child.props.isDisabled || isDisabled || undefined,
-      isSecondLevel: true,
-      key: (_child$key2 = child.key) !== null && _child$key2 !== void 0 ? _child$key2 : index
-    }));
-  });
-  const menuItems = useRef(new Set()).current;
-  const [state, dispatch] = useReducer(SideNavigationMenuReducer, {
-    currentIndex: null,
-    isExpanded: Boolean(propsIsExpanded),
-    previousIndex: null
-  });
-  const {
-    isExpanded,
-    currentIndex,
-    previousIndex
-  } = state;
-  const first = useCallback(() => dispatch({
-    type: SideNavigationMenuReducerActionType.Move,
-    index: 0
-  }), []);
-  const last = useCallback(() => dispatch({
-    type: SideNavigationMenuReducerActionType.Move,
-    index: menuItems.size - 1
-  }), [menuItems.size]);
-  const move = useCallback(index => dispatch({
-    type: SideNavigationMenuReducerActionType.Move,
-    index
-  }), []);
-  const open = useCallback(() => {
-    var _sideNavigationMenuBa;
-    sideNavigationMenuBarContext === null || sideNavigationMenuBarContext === void 0 ? void 0 : (_sideNavigationMenuBa = sideNavigationMenuBarContext.setCurrentOpenMenuId) === null || _sideNavigationMenuBa === void 0 ? void 0 : _sideNavigationMenuBa.call(sideNavigationMenuBarContext, id);
-    dispatch({
-      type: SideNavigationMenuReducerActionType.Expand
-    });
-    appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.expandSidePanel();
-  }, []);
-  const close = useCallback(focusButton => {
-    if (isExpanded) {
-      if (focusButton) {
-        buttonRef.current.focus();
-      }
-      dispatch({
-        type: SideNavigationMenuReducerActionType.Collapse
-      });
-    }
-  }, [isExpanded]);
-  useEffect(() => {
-    if (sideNavigationMenuBarContext !== null && sideNavigationMenuBarContext !== void 0 && sideNavigationMenuBarContext.currentOpenMenuId && sideNavigationMenuBarContext.currentOpenMenuId !== id) {
-      close();
-    }
-  }, [sideNavigationMenuBarContext === null || sideNavigationMenuBarContext === void 0 ? void 0 : sideNavigationMenuBarContext.currentOpenMenuId]);
-  const previous = () => {
-    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;
-    move(index);
-  };
-  const next = () => {
-    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;
-    move(index);
-  };
-  const match = e => {
-    const items = Array.from(menuItems);
-
-    // Reorder the array, starting with the currentNode
-    const reorderedItems = [...items.slice(currentIndex), ...items.slice(0, currentIndex)];
-
-    // Find all nodes that begin with the pressed letter
-    const matches = reorderedItems.filter(menuItem => {
-      const {
-        textContent
-      } = menuItem;
-      // istanbul ignore next
-      const firstLetter = textContent === null || textContent === void 0 ? void 0 : textContent.toLowerCase().charAt(0);
-      return e.key === firstLetter;
-    });
-
-    // Exit early if there are no matches
-    if (!matches.length) {
-      return;
-    }
-
-    // If the focused item is a match, focus the next match.
-    // Otherwise, focus the first match
-    const currentNode = items[currentIndex];
-    const nextMatch = matches.includes(currentNode) ? matches[1] : matches[0];
-    const index = items.findIndex(item => {
-      return item === nextMatch;
-    });
-    move(index);
-  };
-  useEffect(() => {
-    if (appContainerState && (appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.sidePanelVariant) === AppSidePanelVariant.shrinked && isExpanded) {
-      close();
-    }
-  }, [appContainerState === null || appContainerState === void 0 ? void 0 : appContainerState.sidePanelVariant]);
-  const value = useMemo(() => ({
-    menuItems
-  }), [menuItems]);
-  useEffect(() => {
-    const items = Array.from(menuItems);
-    if (currentIndex !== previousIndex) {
-      const currentNode = items[currentIndex];
-      currentNode === null || currentNode === void 0 ? void 0 : currentNode.focus();
-    }
-  }, [menuItems, currentIndex, previousIndex]);
-  useEffect(() => {
-    if (!sideNavigationMenuBarContext) {
-      setIsFirstChild(true);
-      return;
-    }
-    const menuItemNode = buttonRef.current;
-    if (menuItemNode) {
-      menubarItems.add(menuItemNode);
-    }
-    return () => {
-      menubarItems.delete(menuItemNode);
-    };
-  }, [menubarItems]);
-  const keyDownOnButton = e => {
-    if (isDisabled) {
-      return;
-    }
-    const currentNode = e.target;
-    switch (e.code) {
-      case 'Enter':
-      case 'Space':
-        e.stopPropagation();
-        currentNode.click();
-        first();
-        break;
-      case 'ArrowRight':
-        e.stopPropagation();
-        first();
-        break;
-      case 'ArrowLeft':
-        last();
-        break;
-    }
-  };
-  const buttonEventHandler = {
-    onClick: event => {
-      var _buttonProps$onClick;
-      if (isDisabled) {
-        return;
-      }
-      (_buttonProps$onClick = buttonProps.onClick) === null || _buttonProps$onClick === void 0 ? void 0 : _buttonProps$onClick.call(buttonProps, event);
-      event.stopPropagation();
-      if (isExpanded) {
-        close();
-      } else {
-        open();
-      }
-    },
-    onKeyDown: event => {
-      var _buttonProps$onKeyDow;
-      (_buttonProps$onKeyDow = buttonProps.onKeyDown) === null || _buttonProps$onKeyDow === void 0 ? void 0 : _buttonProps$onKeyDow.call(buttonProps, event);
-      keyDownOnButton(event);
-    }
-  };
-  const keyDownOnMenuItemList = e => {
-    const currentNode = e.target;
-    switch (e.code) {
-      case 'ArrowUp':
-        e.stopPropagation();
-        e.preventDefault();
-        previous();
-        break;
-      case 'ArrowDown':
-        e.stopPropagation();
-        e.preventDefault();
-        next();
-        break;
-      case 'ArrowLeft':
-        e.preventDefault();
-        e.stopPropagation();
-        close(true);
-        break;
-      case 'ArrowRight':
-        e.preventDefault();
-        close(!sideNavigationMenuBarContext);
-        break;
-      case 'Home':
-        e.stopPropagation();
-        e.preventDefault();
-        first();
-        break;
-      case 'End':
-        e.stopPropagation();
-        e.preventDefault();
-        last();
-        break;
-      case 'Enter':
-      case 'Space':
-        e.preventDefault();
-        currentNode.click();
-        break;
-      case 'Escape':
-        e.stopPropagation();
-        e.preventDefault();
-        close(true);
-        break;
-      default:
-        e.stopPropagation();
-        match(e);
-        break;
-    }
-  };
-  const menuItemListEventHandler = {
-    onKeyDown: event => {
-      var _menuProps$onKeyDown;
-      (_menuProps$onKeyDown = menuProps.onKeyDown) === null || _menuProps$onKeyDown === void 0 ? void 0 : _menuProps$onKeyDown.call(menuProps, event);
-      keyDownOnMenuItemList(event);
-    },
-    onClick: event => {
-      var _menuProps$onClick;
-      if (isDisabled) {
-        return;
-      }
-      (_menuProps$onClick = menuProps.onClick) === null || _menuProps$onClick === void 0 ? void 0 : _menuProps$onClick.call(menuProps, event);
-    }
-  };
-  const sideNavigationVariant = sideNavigationMenuBarContext === null || sideNavigationMenuBarContext === void 0 ? void 0 : sideNavigationMenuBarContext.sideNavigationMenuBarVariant;
-  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
-    value: {
-      theme
-    }
-  }, /*#__PURE__*/React__default.createElement(StyledSideNavigationMenu, _extends({}, forwardedProps, {
-    $isDisabled: isDisabled,
-    $isExpanded: isExpanded,
-    $numberOfChildren: renderedMenuItems.length,
-    $theme: theme,
-    $variant: sideNavigationVariant,
-    className: classNames(SideNavigationMenu.className, className),
-    id: id,
-    ref: ref,
-    tabIndex: undefined
-  }), /*#__PURE__*/React__default.createElement(SideNavigationMenuContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React__default.createElement(Flexbox, {
-    flexDirection: "row",
-    gap: "0px"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: `${SideNavigationMenu.className}__current-indicator-container`
-  }, currentPosition.current !== -1 ? /*#__PURE__*/React__default.createElement(StyledSideNavigationMenuItemIndicator, {
-    $theme: theme,
-    style: {
-      position: 'relative',
-      top: isExpanded ? `${32 + currentPosition.current * 32}px` : 0,
-      transition: 'top 300ms ease-out'
-    }
-  }) : null), /*#__PURE__*/React__default.createElement("div", {
-    className: `${SideNavigationMenu.className}__menu-container`
-  }, /*#__PURE__*/React__default.createElement("button", _extends({}, buttonProps, {
-    "aria-disabled": isDisabled,
-    "aria-expanded": isExpanded ? 'true' : 'false',
-    "aria-haspopup": "true",
-    ref: buttonRef,
-    role: "menuitem",
-    tabIndex: tabIndex !== undefined ? tabIndex : isFirstChild ? 0 : -1,
-    type: "button"
-  }, buttonEventHandler), /*#__PURE__*/React__default.createElement(Icon, _extends({
-    color: `var(--redsift-side-navigation-color-menu-item-text-${isDisabled ? 'disabled' : 'resting'})`
-  }, iconProps, {
-    icon: icon,
-    ref: iconRef,
-    className: classNames(iconProps === null || iconProps === void 0 ? void 0 : iconProps.className, 'first'),
-    size: IconSize.medium
-  })), /*#__PURE__*/React__default.createElement("span", {
-    className: "content"
-  }, ariaLabel), hasBadge && (!isExpanded || keepBadgeVisible) ? /*#__PURE__*/React__default.createElement(Badge, _extends({
-    color: "error"
-  }, badgeProps)) : null, /*#__PURE__*/React__default.createElement(Icon, {
-    icon: mdiChevronDown,
-    className: `${SideNavigationMenu.className}__expand-icon`,
-    size: IconSize.medium
-  })), /*#__PURE__*/React__default.createElement("ul", _extends({}, menuProps, {
-    "aria-label": ariaLabel,
-    "aria-orientation": "vertical",
-    ref: menuRef,
-    role: "menu"
-  }, menuItemListEventHandler), renderedMenuItems))))));
-});
-SideNavigationMenu.className = CLASSNAME;
-SideNavigationMenu.displayName = COMPONENT_NAME;
-
-export { SideNavigationMenu };
-//# sourceMappingURL=SideNavigationMenu.js.map