@kartverket/backstage-plugin-risk-scorecard 5.1.8 → 5.2.0

package/css/theme.css

@@ -129,11 +129,11 @@ Remember to prefix custom styles with 'ros-' to avoid conflicts with other plugi
   --ros-input-text-color: #ffffff80;
   --ros-input-disabledBackground: rgba(255, 255, 255, 0.12);
 
-  .bui-SwitchIndicator {
-    background-color: var(--bui-gray-6);
+  .bui-Switch:not([data-selected]) .bui-SwitchIndicator {
+    background-color: var(--ros-gray-300);
   }
 
   .bui-Card {
-    background-color: var(--bui-bg-surface-2);
+    background-color: #424242;
   }
 }

package/dist/components/common/DualButton/DualButton.esm.js

@@ -31,7 +31,7 @@ function DualButton({
       /* @__PURE__ */ jsx(Menu, { children: menuItems.map((item) => /* @__PURE__ */ jsx(
         MenuItem,
         {
-          style: item.selected ? { backgroundColor: "var(--bui-gray-3)" } : {},
+          style: item.selected ? { backgroundColor: "var(--bui-bg-neutral-2)" } : {},
           onAction: () => item.onClick(),
           children: item.label
         },

package/dist/components/common/DualButton/DualButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DualButton.esm.js","sources":["../../../../src/components/common/DualButton/DualButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  MenuTrigger,\n  Menu,\n  MenuItem,\n} from '@backstage/ui';\nimport styles from './DualButton.module.css';\n\ntype MenuItemDef = {\n  key: string;\n  label: React.ReactNode;\n  onClick: () => void;\n  selected?: boolean;\n};\n\ntype DualButtonProps = {\n  menuItems?: MenuItemDef[];\n  propsLeft?: ButtonProps;\n  propsRight?: ButtonProps;\n  propsCommon?: ButtonProps;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/** Base component for dual sided button component.\n * props provided serves as configuration for the left and right button.\n * propsCommon applies to both sides.\n * Specificity takes precedence.\n */\nexport function DualButton({\n  menuItems,\n  propsLeft,\n  propsRight,\n  className,\n  propsCommon,\n  ...props\n}: DualButtonProps) {\n  const leftButton = (\n    <Button\n      size=\"small\"\n      {...propsCommon}\n      {...propsLeft}\n      className={`${styles.DualButtonLeft} ${propsCommon?.className || ''} ${propsLeft?.className || ''}`}\n    />\n  );\n\n  const ConditionalMenuWrapper: React.FC<{ children: React.ReactNode }> = ({\n    children,\n  }) => {\n    const hasMenu = menuItems && menuItems.length > 0;\n\n    if (!hasMenu) {\n      return <>{children}</>;\n    }\n\n    return (\n      <MenuTrigger>\n        {children}\n        <Menu>\n          {menuItems.map(item => (\n            <MenuItem\n              key={item.key}\n              style={\n                item.selected ? { backgroundColor: 'var(--bui-gray-3)' } : {}\n              }\n              onAction={() => item.onClick()}\n            >\n              {item.label}\n            </MenuItem>\n          ))}\n        </Menu>\n      </MenuTrigger>\n    );\n  };\n\n  return (\n    <Box {...props} className={`${styles.DualButton} ${className || ''}`}>\n      <ConditionalMenuWrapper>{leftButton}</ConditionalMenuWrapper>\n      <Button\n        size=\"small\"\n        {...propsCommon}\n        {...propsRight}\n        className={`${styles.DualButtonRight} ${propsCommon?.className || ''} ${propsRight?.className || ''}`}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AA6BO,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,UAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG,WAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,cAAc,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,SAAA,EAAW,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA,GACnG;AAGF,EAAA,MAAM,yBAAkE,CAAC;AAAA,IACvE;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,OAAA,GAAU,SAAA,IAAa,SAAA,CAAU,MAAA,GAAS,CAAA;AAEhD,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,4BACG,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAA,IAAA,qBACb,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OACE,IAAA,CAAK,QAAA,GAAW,EAAE,eAAA,EAAiB,mBAAA,KAAwB,EAAC;AAAA,UAE9D,QAAA,EAAU,MAAM,IAAA,CAAK,OAAA,EAAQ;AAAA,UAE5B,QAAA,EAAA,IAAA,CAAK;AAAA,SAAA;AAAA,QAND,IAAA,CAAK;AAAA,OAQb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAwB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,oBACpC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACJ,GAAG,WAAA;AAAA,QACH,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,eAAe,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,UAAA,EAAY,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA;AACrG,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DualButton.esm.js","sources":["../../../../src/components/common/DualButton/DualButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  MenuTrigger,\n  Menu,\n  MenuItem,\n} from '@backstage/ui';\nimport styles from './DualButton.module.css';\n\ntype MenuItemDef = {\n  key: string;\n  label: React.ReactNode;\n  onClick: () => void;\n  selected?: boolean;\n};\n\ntype DualButtonProps = {\n  menuItems?: MenuItemDef[];\n  propsLeft?: ButtonProps;\n  propsRight?: ButtonProps;\n  propsCommon?: ButtonProps;\n} & React.HTMLAttributes<HTMLDivElement>;\n\n/** Base component for dual sided button component.\n * props provided serves as configuration for the left and right button.\n * propsCommon applies to both sides.\n * Specificity takes precedence.\n */\nexport function DualButton({\n  menuItems,\n  propsLeft,\n  propsRight,\n  className,\n  propsCommon,\n  ...props\n}: DualButtonProps) {\n  const leftButton = (\n    <Button\n      size=\"small\"\n      {...propsCommon}\n      {...propsLeft}\n      className={`${styles.DualButtonLeft} ${propsCommon?.className || ''} ${propsLeft?.className || ''}`}\n    />\n  );\n\n  const ConditionalMenuWrapper: React.FC<{ children: React.ReactNode }> = ({\n    children,\n  }) => {\n    const hasMenu = menuItems && menuItems.length > 0;\n\n    if (!hasMenu) {\n      return <>{children}</>;\n    }\n\n    return (\n      <MenuTrigger>\n        {children}\n        <Menu>\n          {menuItems.map(item => (\n            <MenuItem\n              key={item.key}\n              style={\n                item.selected\n                  ? { backgroundColor: 'var(--bui-bg-neutral-2)' }\n                  : {}\n              }\n              onAction={() => item.onClick()}\n            >\n              {item.label}\n            </MenuItem>\n          ))}\n        </Menu>\n      </MenuTrigger>\n    );\n  };\n\n  return (\n    <Box {...props} className={`${styles.DualButton} ${className || ''}`}>\n      <ConditionalMenuWrapper>{leftButton}</ConditionalMenuWrapper>\n      <Button\n        size=\"small\"\n        {...propsCommon}\n        {...propsRight}\n        className={`${styles.DualButtonRight} ${propsCommon?.className || ''} ${propsRight?.className || ''}`}\n      />\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;AA6BO,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,UAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG,WAAA;AAAA,MACH,GAAG,SAAA;AAAA,MACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,cAAc,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,SAAA,EAAW,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA,GACnG;AAGF,EAAA,MAAM,yBAAkE,CAAC;AAAA,IACvE;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,OAAA,GAAU,SAAA,IAAa,SAAA,CAAU,MAAA,GAAS,CAAA;AAEhD,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,4BACG,WAAA,EAAA,EACE,QAAA,EAAA;AAAA,MAAA,QAAA;AAAA,sBACD,GAAA,CAAC,IAAA,EAAA,EACE,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAA,IAAA,qBACb,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,OACE,IAAA,CAAK,QAAA,GACD,EAAE,eAAA,EAAiB,yBAAA,KACnB,EAAC;AAAA,UAEP,QAAA,EAAU,MAAM,IAAA,CAAK,OAAA,EAAQ;AAAA,UAE5B,QAAA,EAAA,IAAA,CAAK;AAAA,SAAA;AAAA,QARD,IAAA,CAAK;AAAA,OAUb,CAAA,EACH;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAO,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,UAAU,CAAA,CAAA,EAAI,SAAA,IAAa,EAAE,CAAA,CAAA,EAChE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,0BAAwB,QAAA,EAAA,UAAA,EAAW,CAAA;AAAA,oBACpC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACJ,GAAG,WAAA;AAAA,QACH,GAAG,UAAA;AAAA,QACJ,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,eAAe,CAAA,CAAA,EAAI,WAAA,EAAa,SAAA,IAAa,EAAE,CAAA,CAAA,EAAI,UAAA,EAAY,SAAA,IAAa,EAAE,CAAA;AAAA;AAAA;AACrG,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/common/StatusIcon.esm.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import styles from './UpdatedStatusBadge.module.css.esm.js';
+import CircularProgress from '@mui/material/CircularProgress';
+import { TooltipTrigger, Tooltip } from '@backstage/ui';
+import { Button } from 'react-aria-components';
+
+var StatusIconTypes = /* @__PURE__ */ ((StatusIconTypes2) => {
+  StatusIconTypes2[StatusIconTypes2["Green"] = 0] = "Green";
+  StatusIconTypes2[StatusIconTypes2["Yellow"] = 1] = "Yellow";
+  StatusIconTypes2[StatusIconTypes2["Red"] = 2] = "Red";
+  StatusIconTypes2[StatusIconTypes2["Loading"] = 3] = "Loading";
+  StatusIconTypes2[StatusIconTypes2["Error"] = 4] = "Error";
+  return StatusIconTypes2;
+})(StatusIconTypes || {});
+function StatusIcon(props) {
+  const sizeToPx = {
+    small: "16px",
+    medium: "24px",
+    large: "32px"
+  };
+  const fontSize = sizeToPx[props.size];
+  let iconElement;
+  switch (props.type) {
+    case 0 /* Green */:
+      iconElement = /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: `ri-checkbox-circle-fill ${styles.updatedIcon} ${styles.iconBase}`,
+          "aria-label": props.ariaLabel,
+          style: { fontSize }
+        }
+      );
+      break;
+    case 1 /* Yellow */:
+      iconElement = /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: `ri-error-warning-fill ${styles.outdatedIcon} ${styles.iconBase}`,
+          "aria-label": props.ariaLabel,
+          style: { fontSize }
+        }
+      );
+      break;
+    case 2 /* Red */:
+      iconElement = /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: `ri-error-warning-fill ${styles.veryOutdatedIcon} ${styles.iconBase}`,
+          "aria-label": props.ariaLabel,
+          style: { fontSize }
+        }
+      );
+      break;
+    case 3 /* Loading */:
+      iconElement = /* @__PURE__ */ jsx(CircularProgress, { size: fontSize });
+      break;
+    default:
+      iconElement = /* @__PURE__ */ jsx(
+        "i",
+        {
+          className: `ri-error-warning-fill ${styles.emptyIcon} ${styles.iconBase}`,
+          style: { fontSize }
+        }
+      );
+      break;
+  }
+  if (props.tooltipText)
+    return /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(TooltipTargetIcon, { ariaLabel: props.ariaLabel, children: iconElement }),
+      /* @__PURE__ */ jsx(Tooltip, { children: props.tooltipText })
+    ] });
+  return iconElement;
+}
+function TooltipTargetIcon({
+  ariaLabel,
+  children
+}) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      "aria-label": ariaLabel,
+      style: { all: "unset", display: "inline-flex", cursor: "default" },
+      children
+    }
+  );
+}
+
+export { StatusIcon, StatusIconTypes, TooltipTargetIcon };
+//# sourceMappingURL=StatusIcon.esm.js.map

package/dist/components/common/StatusIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusIcon.esm.js","sources":["../../../src/components/common/StatusIcon.tsx"],"sourcesContent":["import styles from './UpdatedStatusBadge.module.css';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { ReactNode } from 'react';\nimport { Button as AriaButton } from 'react-aria-components';\n\nexport enum StatusIconTypes {\n  Green,\n  Yellow,\n  Red,\n  Loading,\n  Error,\n}\ntype StatusIconProps = {\n  type: StatusIconTypes;\n  tooltipText?: string;\n  ariaLabel?: string;\n  size: 'small' | 'medium' | 'large';\n};\nexport function StatusIcon(props: StatusIconProps) {\n  const sizeToPx = {\n    small: '16px',\n    medium: '24px',\n    large: '32px',\n  };\n  const fontSize = sizeToPx[props.size];\n  let iconElement;\n  switch (props.type) {\n    case StatusIconTypes.Green:\n      iconElement = (\n        <i\n          className={`ri-checkbox-circle-fill ${styles.updatedIcon} ${styles.iconBase}`}\n          aria-label={props.ariaLabel}\n          style={{ fontSize }}\n        />\n      );\n      break;\n    case StatusIconTypes.Yellow:\n      iconElement = (\n        <i\n          className={`ri-error-warning-fill ${styles.outdatedIcon} ${styles.iconBase}`}\n          aria-label={props.ariaLabel}\n          style={{ fontSize }}\n        />\n      );\n      break;\n    case StatusIconTypes.Red:\n      iconElement = (\n        <i\n          className={`ri-error-warning-fill ${styles.veryOutdatedIcon} ${styles.iconBase}`}\n          aria-label={props.ariaLabel}\n          style={{ fontSize }}\n        />\n      );\n      break;\n    case StatusIconTypes.Loading:\n      iconElement = <CircularProgress size={fontSize} />;\n      break;\n\n    default:\n      iconElement = (\n        <i\n          className={`ri-error-warning-fill ${styles.emptyIcon} ${styles.iconBase}`}\n          style={{ fontSize }}\n        />\n      );\n      break;\n  }\n  if (props.tooltipText)\n    return (\n      <TooltipTrigger>\n        <TooltipTargetIcon ariaLabel={props.ariaLabel}>\n          {iconElement}\n        </TooltipTargetIcon>\n        <Tooltip>{props.tooltipText}</Tooltip>\n      </TooltipTrigger>\n    );\n  return iconElement;\n}\n\ntype TooltipTargetIconProps = {\n  ariaLabel?: string;\n  children: ReactNode;\n};\n\n/** Unstyled focusable wrapper that works as a trigger for BUI TooltipTrigger. */\nexport function TooltipTargetIcon({\n  ariaLabel,\n  children,\n}: TooltipTargetIconProps) {\n  return (\n    <AriaButton\n      aria-label={ariaLabel}\n      style={{ all: 'unset', display: 'inline-flex', cursor: 'default' }}\n    >\n      {children}\n    </AriaButton>\n  );\n}\n"],"names":["StatusIconTypes","AriaButton"],"mappings":"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"}

package/dist/components/common/UpdatedStatusBadge.esm.js

@@ -1,48 +1,54 @@
 import { jsx } from 'react/jsx-runtime';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { Tooltip } from '@material-ui/core';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import styles from './UpdatedStatusBadge.module.css.esm.js';
-import CircularProgress from '@mui/material/CircularProgress';
+import { StatusIcon, StatusIconTypes } from './StatusIcon.esm.js';
 
 function UpdatedStatusBadge(props) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   if (props.status === "UPDATED") {
-    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updated"), children: /* @__PURE__ */ jsx(
-      "i",
+    return /* @__PURE__ */ jsx(
+      StatusIcon,
       {
-        className: `ri-checkbox-circle-fill ${styles.updatedIcon} ${styles.iconBase}`,
-        "aria-label": t("rosStatus.updated")
+        type: StatusIconTypes.Green,
+        tooltipText: t("rosStatus.updated"),
+        ariaLabel: t("rosStatus.updated"),
+        size: "large"
       }
-    ) });
+    );
   }
   if (props.status === "UPDATING") {
-    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updating"), children: /* @__PURE__ */ jsx(CircularProgress, { size: "32px" }) });
+    return /* @__PURE__ */ jsx(
+      StatusIcon,
+      {
+        type: StatusIconTypes.Loading,
+        tooltipText: t("rosStatus.updating"),
+        size: "large"
+      }
+    );
   }
   if (props.status === "VERY_OUTDATED") {
-    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updatedStatus.tooltip.VERY_OUTDATED"), children: /* @__PURE__ */ jsx(
-      "i",
+    return /* @__PURE__ */ jsx(
+      StatusIcon,
       {
-        className: `ri-error-warning-fill ${styles.veryOutdatedIcon} ${styles.iconBase}`,
-        "aria-label": t("rosStatus.veryOutdated")
+        type: StatusIconTypes.Red,
+        tooltipText: t("rosStatus.updatedStatus.tooltip.VERY_OUTDATED"),
+        ariaLabel: t("rosStatus.veryOutdated"),
+        size: "large"
       }
-    ) });
+    );
   }
   if (props.status === "OUTDATED") {
-    return /* @__PURE__ */ jsx(Tooltip, { title: t("rosStatus.updatedStatus.tooltip.OUTDATED"), children: /* @__PURE__ */ jsx(
-      "i",
+    return /* @__PURE__ */ jsx(
+      StatusIcon,
       {
-        className: `ri-error-warning-fill ${styles.outdatedIcon} ${styles.iconBase}`,
-        "aria-label": t("rosStatus.outdated")
+        type: StatusIconTypes.Yellow,
+        tooltipText: t("rosStatus.updatedStatus.tooltip.OUTDATED"),
+        ariaLabel: t("rosStatus.outdated"),
+        size: "large"
       }
-    ) });
+    );
   }
-  return /* @__PURE__ */ jsx(
-    "i",
-    {
-      className: `ri-error-warning-fill ${styles.emptyIcon} ${styles.iconBase}`
-    }
-  );
+  return /* @__PURE__ */ jsx(StatusIcon, { type: StatusIconTypes.Error, size: "large" });
 }
 
 export { UpdatedStatusBadge };

package/dist/components/common/UpdatedStatusBadge.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpdatedStatusBadge.esm.js","sources":["../../../src/components/common/UpdatedStatusBadge.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Tooltip } from '@material-ui/core';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { UpdatedStatusEnumType } from '../../utils/utilityfunctions';\nimport styles from './UpdatedStatusBadge.module.css';\nimport CircularProgress from '@mui/material/CircularProgress';\n\ntype UpdatedStatusBadgeProps = {\n  status?: UpdatedStatusEnumType | 'UPDATING' | 'NONE';\n};\n\nexport function UpdatedStatusBadge(props: UpdatedStatusBadgeProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  if (props.status === 'UPDATED') {\n    return (\n      <Tooltip title={t('rosStatus.updated')}>\n        <i\n          className={`ri-checkbox-circle-fill ${styles.updatedIcon} ${styles.iconBase}`}\n          aria-label={t('rosStatus.updated')}\n        />\n      </Tooltip>\n    );\n  }\n\n  if (props.status === 'UPDATING') {\n    return (\n      <Tooltip title={t('rosStatus.updating')}>\n        <CircularProgress size=\"32px\" />\n      </Tooltip>\n    );\n  }\n\n  if (props.status === 'VERY_OUTDATED') {\n    return (\n      <Tooltip title={t('rosStatus.updatedStatus.tooltip.VERY_OUTDATED')}>\n        <i\n          className={`ri-error-warning-fill ${styles.veryOutdatedIcon} ${styles.iconBase}`}\n          aria-label={t('rosStatus.veryOutdated')}\n        />\n      </Tooltip>\n    );\n  }\n\n  if (props.status === 'OUTDATED') {\n    return (\n      <Tooltip title={t('rosStatus.updatedStatus.tooltip.OUTDATED')}>\n        <i\n          className={`ri-error-warning-fill ${styles.outdatedIcon} ${styles.iconBase}`}\n          aria-label={t('rosStatus.outdated')}\n        />\n      </Tooltip>\n    );\n  }\n  return (\n    <i\n      className={`ri-error-warning-fill ${styles.emptyIcon} ${styles.iconBase}`}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAWO,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,IAAI,KAAA,CAAM,WAAW,SAAA,EAAW;AAC9B,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,mBAAmB,CAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,wBAAA,EAA2B,MAAA,CAAO,WAAW,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA,CAAA;AAAA,QAC3E,YAAA,EAAY,EAAE,mBAAmB;AAAA;AAAA,KACnC,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,UAAA,EAAY;AAC/B,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,oBAAoB,GACpC,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAK,MAAA,EAAO,CAAA,EAChC,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,eAAA,EAAiB;AACpC,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,+CAA+C,CAAA,EAC/D,QAAA,kBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,sBAAA,EAAyB,MAAA,CAAO,gBAAgB,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA,CAAA;AAAA,QAC9E,YAAA,EAAY,EAAE,wBAAwB;AAAA;AAAA,KACxC,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,UAAA,EAAY;AAC/B,IAAA,uBACE,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,0CAA0C,CAAA,EAC1D,QAAA,kBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,sBAAA,EAAyB,MAAA,CAAO,YAAY,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA,CAAA;AAAA,QAC1E,YAAA,EAAY,EAAE,oBAAoB;AAAA;AAAA,KACpC,EACF,CAAA;AAAA,EAEJ;AACA,EAAA,uBACE,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,sBAAA,EAAyB,MAAA,CAAO,SAAS,CAAA,CAAA,EAAI,OAAO,QAAQ,CAAA;AAAA;AAAA,GACzE;AAEJ;;;;"}
+{"version":3,"file":"UpdatedStatusBadge.esm.js","sources":["../../../src/components/common/UpdatedStatusBadge.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { UpdatedStatusEnumType } from '../../utils/utilityfunctions';\nimport { StatusIcon, StatusIconTypes } from './StatusIcon.tsx';\n\ntype UpdatedStatusBadgeProps = {\n  status?: UpdatedStatusEnumType | 'UPDATING' | 'NONE';\n};\n\nexport function UpdatedStatusBadge(props: UpdatedStatusBadgeProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  if (props.status === 'UPDATED') {\n    return (\n      <StatusIcon\n        type={StatusIconTypes.Green}\n        tooltipText={t('rosStatus.updated')}\n        ariaLabel={t('rosStatus.updated')}\n        size=\"large\"\n      />\n    );\n  }\n\n  if (props.status === 'UPDATING') {\n    return (\n      <StatusIcon\n        type={StatusIconTypes.Loading}\n        tooltipText={t('rosStatus.updating')}\n        size=\"large\"\n      />\n    );\n  }\n\n  if (props.status === 'VERY_OUTDATED') {\n    return (\n      <StatusIcon\n        type={StatusIconTypes.Red}\n        tooltipText={t('rosStatus.updatedStatus.tooltip.VERY_OUTDATED')}\n        ariaLabel={t('rosStatus.veryOutdated')}\n        size=\"large\"\n      />\n    );\n  }\n\n  if (props.status === 'OUTDATED') {\n    return (\n      <StatusIcon\n        type={StatusIconTypes.Yellow}\n        tooltipText={t('rosStatus.updatedStatus.tooltip.OUTDATED')}\n        ariaLabel={t('rosStatus.outdated')}\n        size=\"large\"\n      />\n    );\n  }\n  return <StatusIcon type={StatusIconTypes.Error} size=\"large\" />;\n}\n"],"names":[],"mappings":";;;;;AASO,SAAS,mBAAmB,KAAA,EAAgC;AACjE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,wBAAwB,CAAA;AAExD,EAAA,IAAI,KAAA,CAAM,WAAW,SAAA,EAAW;AAC9B,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAM,eAAA,CAAgB,KAAA;AAAA,QACtB,WAAA,EAAa,EAAE,mBAAmB,CAAA;AAAA,QAClC,SAAA,EAAW,EAAE,mBAAmB,CAAA;AAAA,QAChC,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,UAAA,EAAY;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAM,eAAA,CAAgB,OAAA;AAAA,QACtB,WAAA,EAAa,EAAE,oBAAoB,CAAA;AAAA,QACnC,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,eAAA,EAAiB;AACpC,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAM,eAAA,CAAgB,GAAA;AAAA,QACtB,WAAA,EAAa,EAAE,+CAA+C,CAAA;AAAA,QAC9D,SAAA,EAAW,EAAE,wBAAwB,CAAA;AAAA,QACrC,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,CAAM,WAAW,UAAA,EAAY;AAC/B,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,MAAM,eAAA,CAAgB,MAAA;AAAA,QACtB,WAAA,EAAa,EAAE,0CAA0C,CAAA;AAAA,QACzD,SAAA,EAAW,EAAE,oBAAoB,CAAA;AAAA,QACjC,IAAA,EAAK;AAAA;AAAA,KACP;AAAA,EAEJ;AACA,EAAA,2BAAQ,UAAA,EAAA,EAAW,IAAA,EAAM,eAAA,CAAgB,KAAA,EAAO,MAAK,OAAA,EAAQ,CAAA;AAC/D;;;;"}

package/dist/components/common/UpdatedStatusBadge.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".UpdatedStatusBadge_badge__9eeb437333 {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 24px;\n  text-align: center;\n  font-size: 12px;\n  width: fit-content;\n}\n\n.UpdatedStatusBadge_iconBase__9eeb437333 {\n  font-size: 32px;\n}\n\n.UpdatedStatusBadge_outdatedIcon__9eeb437333 {\n  color: var(--ros-outdated);\n}\n\n.UpdatedStatusBadge_veryOutdatedIcon__9eeb437333 {\n  color: var(--ros-very-outdated);\n}\n\n.UpdatedStatusBadge_updatedIcon__9eeb437333 {\n  color: var(--ros-updated);\n}\n\n.UpdatedStatusBadge_emptyIcon__9eeb437333 {\n  color: transparent;\n}\n";
-var styles = {"iconBase":"UpdatedStatusBadge_iconBase__9eeb437333","outdatedIcon":"UpdatedStatusBadge_outdatedIcon__9eeb437333","veryOutdatedIcon":"UpdatedStatusBadge_veryOutdatedIcon__9eeb437333","updatedIcon":"UpdatedStatusBadge_updatedIcon__9eeb437333","emptyIcon":"UpdatedStatusBadge_emptyIcon__9eeb437333"};
+var css_248z = ".UpdatedStatusBadge_badge__dfd38b8a7e {\n  display: flex;\n  align-items: center;\n  padding: 4px 8px;\n  border-radius: 24px;\n  text-align: center;\n  font-size: 12px;\n  width: fit-content;\n}\n\n.UpdatedStatusBadge_iconBase__dfd38b8a7e {\n}\n\n.UpdatedStatusBadge_outdatedIcon__dfd38b8a7e {\n  color: var(--ros-outdated);\n}\n\n.UpdatedStatusBadge_veryOutdatedIcon__dfd38b8a7e {\n  color: var(--ros-very-outdated);\n}\n\n.UpdatedStatusBadge_updatedIcon__dfd38b8a7e {\n  color: var(--ros-updated);\n}\n\n.UpdatedStatusBadge_emptyIcon__dfd38b8a7e {\n  color: transparent;\n}\n";
+var styles = {"iconBase":"UpdatedStatusBadge_iconBase__dfd38b8a7e","outdatedIcon":"UpdatedStatusBadge_outdatedIcon__dfd38b8a7e","veryOutdatedIcon":"UpdatedStatusBadge_veryOutdatedIcon__dfd38b8a7e","updatedIcon":"UpdatedStatusBadge_updatedIcon__dfd38b8a7e","emptyIcon":"UpdatedStatusBadge_emptyIcon__dfd38b8a7e"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/riScDialog/ConfigInitialRisc.esm.js

@@ -19,7 +19,7 @@ const RadioOption = ({
   const theme = useTheme();
   const style = {
     fontSize: "12px",
-    border: `1px solid ${active ? "var(--bui-gray-6)" : "var(--bui-gray-8)"}`,
+    border: `1px solid ${active ? "var(--bui-border-2)" : "var(--bui-border-1)"}`,
     borderRadius: "24px",
     padding: "2px 8px"
   };
@@ -31,8 +31,9 @@ const RadioOption = ({
       p: "12px 16px",
       gap: "2",
       style: {
-        backgroundColor: theme.palette.mode === "dark" ? "var(--bui-gray-5)" : "var(--bui-gray-2)",
-        borderRadius: "8px"
+        backgroundColor: theme.palette.mode === "dark" ? "var(--bui-bg-neutral-3)" : "var(--bui-bg-neutral-1)",
+        borderRadius: "8px",
+        opacity: active ? 0.5 : 1
       },
       children: [
         /* @__PURE__ */ jsxs(Radio, { value, children: [

package/dist/components/riScDialog/ConfigInitialRisc.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigInitialRisc.esm.js","sources":["../../../src/components/riScDialog/ConfigInitialRisc.tsx"],"sourcesContent":["import { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, Flex, Radio, RadioGroup, Switch, Text } from '@backstage/ui';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\nimport { UseFormSetValue } from 'react-hook-form';\nimport { useTheme } from '@mui/material/styles';\nimport styles from './ConfigInitialRisc.module.css';\n\ntype RadioOptionProps = {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n  numActions: number | null;\n  numScenarios: number | null;\n  recommendedBackstageComponentType?: string | null;\n};\n\nconst RadioOption = ({\n  value,\n  label,\n  description,\n  active = true,\n  numActions,\n  numScenarios,\n  recommendedBackstageComponentType,\n}: RadioOptionProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const theme = useTheme();\n  const style = {\n    fontSize: '12px',\n    border: `1px solid ${active ? 'var(--bui-gray-6)' : 'var(--bui-gray-8)'}`,\n    borderRadius: '24px',\n    padding: '2px 8px',\n  };\n\n  return (\n    <>\n      <Flex\n        direction=\"column\"\n        align=\"start\"\n        p=\"12px 16px\"\n        gap=\"2\"\n        style={{\n          backgroundColor:\n            theme.palette.mode === 'dark'\n              ? 'var(--bui-gray-5)'\n              : 'var(--bui-gray-2)',\n          borderRadius: '8px',\n        }}\n      >\n        <Radio value={value}>\n          <Text\n            weight=\"bold\"\n            as=\"h5\"\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n          >\n            {label}\n          </Text>\n          <Flex gap=\"8px\">\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numActions} {t('dictionary.measuresInitialRiSc')}\n            </Text>\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numScenarios} {t('dictionary.scenarios')}\n            </Text>\n          </Flex>\n        </Radio>\n        {description && (\n          <Flex ml=\"6\">\n            <Text\n              as=\"p\"\n              variant=\"body-large\"\n              color={active ? 'secondary' : 'primary'}\n            >\n              {description}\n            </Text>\n          </Flex>\n        )}\n        {recommendedBackstageComponentType && (\n          <Text\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n            className={styles.recommendedForComponentTypeText}\n          >\n            {t('rosDialog.recommendedForComponentOfType')}{' '}\n            <b>{recommendedBackstageComponentType}</b>.\n          </Text>\n        )}\n      </Flex>\n    </>\n  );\n};\n\ninterface ConfigInitialRiscProps {\n  switchOn: boolean;\n  setSwitchOn: (val: boolean) => void;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  selectedRiScId: string | undefined;\n  setSelectedRiScId: (riScId: string | undefined) => void;\n}\n\nfunction ConfigInitialRisc(props: ConfigInitialRiscProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    defaultRiScTypeDescriptors,\n    riScSelectedByDefault,\n    getDescriptorOfId,\n  } = useDefaultRiScTypeDescriptors();\n\n  function onCreateDefaultRiScSwitchChange() {\n    if (props.switchOn) {\n      props.setValue('content.title', '');\n      props.setValue('content.scope', '');\n    } else {\n      props.setSelectedRiScId(riScSelectedByDefault?.id);\n      if (riScSelectedByDefault) {\n        props.setValue('content.title', riScSelectedByDefault.defaultTitle);\n        props.setValue('content.scope', riScSelectedByDefault.defaultScope);\n      }\n    }\n    props.setSwitchOn(!props.switchOn);\n  }\n\n  function onSelectRiScType(selectedDefaultRiScId: string) {\n    props.setSelectedRiScId(selectedDefaultRiScId);\n    const descriptor = getDescriptorOfId(selectedDefaultRiScId);\n    if (descriptor) {\n      props.setValue('content.title', descriptor.defaultTitle);\n      props.setValue('content.scope', descriptor.defaultScope);\n    }\n  }\n\n  return (\n    <Box>\n      {defaultRiScTypeDescriptors.length > 0 && (\n        <>\n          <Box pb=\"2\">\n            <Text variant=\"body-medium\" as=\"p\">\n              {t('rosDialog.initialRiscScopeDescription')}\n            </Text>\n            <Box pt=\"2\">\n              <Switch\n                isSelected={props.switchOn}\n                onChange={onCreateDefaultRiScSwitchChange}\n                label={\n                  props.switchOn ? t('dictionary.yes') : t('dictionary.no')\n                }\n              />\n            </Box>\n          </Box>\n          <Flex direction=\"column\" justify=\"between\" mt=\"2\" gap=\"2\">\n            <Text\n              weight=\"bold\"\n              as=\"p\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.applicationType')}\n            </Text>\n            <Text\n              variant=\"body-medium\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.initialRiscApplicationType')}\n            </Text>\n\n            <RadioGroup\n              onChange={onSelectRiScType}\n              isDisabled={!props.switchOn}\n              aria-label=\"Select application type\"\n              value={props.selectedRiScId}\n              className={styles.radioGroup}\n            >\n              {defaultRiScTypeDescriptors.map(descriptor => (\n                <RadioOption\n                  key={descriptor.id}\n                  value={descriptor.id}\n                  label={descriptor.listName}\n                  description={descriptor.listDescription}\n                  active={!props.switchOn}\n                  numActions={descriptor.numberOfActions}\n                  numScenarios={descriptor.numberOfScenarios}\n                  recommendedBackstageComponentType={\n                    descriptor.preferredBackstageComponentType\n                  }\n                />\n              ))}\n            </RadioGroup>\n          </Flex>\n        </>\n      )}\n      {defaultRiScTypeDescriptors.length === 0 && (\n        <Text>{t('rosDialog.noInitialRiScFound')}</Text>\n      )}\n    </Box>\n  );\n}\n\nexport default ConfigInitialRisc;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConfigInitialRisc.esm.js","sources":["../../../src/components/riScDialog/ConfigInitialRisc.tsx"],"sourcesContent":["import { pluginRiScTranslationRef } from '../../utils/translations';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Box, Flex, Radio, RadioGroup, Switch, Text } from '@backstage/ui';\nimport { RiScWithMetadata } from '../../utils/types.ts';\nimport { useDefaultRiScTypeDescriptors } from '../../contexts/DefaultRiScTypesContext.tsx';\nimport { UseFormSetValue } from 'react-hook-form';\nimport { useTheme } from '@mui/material/styles';\nimport styles from './ConfigInitialRisc.module.css';\n\ntype RadioOptionProps = {\n  value: string;\n  label: string;\n  description?: string;\n  active?: boolean;\n  numActions: number | null;\n  numScenarios: number | null;\n  recommendedBackstageComponentType?: string | null;\n};\n\nconst RadioOption = ({\n  value,\n  label,\n  description,\n  active = true,\n  numActions,\n  numScenarios,\n  recommendedBackstageComponentType,\n}: RadioOptionProps) => {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const theme = useTheme();\n  const style = {\n    fontSize: '12px',\n    border: `1px solid ${active ? 'var(--bui-border-2)' : 'var(--bui-border-1)'}`,\n    borderRadius: '24px',\n    padding: '2px 8px',\n  };\n\n  return (\n    <>\n      <Flex\n        direction=\"column\"\n        align=\"start\"\n        p=\"12px 16px\"\n        gap=\"2\"\n        style={{\n          backgroundColor:\n            theme.palette.mode === 'dark'\n              ? 'var(--bui-bg-neutral-3)'\n              : 'var(--bui-bg-neutral-1)',\n          borderRadius: '8px',\n          opacity: active ? 0.5 : 1,\n        }}\n      >\n        <Radio value={value}>\n          <Text\n            weight=\"bold\"\n            as=\"h5\"\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n          >\n            {label}\n          </Text>\n          <Flex gap=\"8px\">\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numActions} {t('dictionary.measuresInitialRiSc')}\n            </Text>\n            <Text color={active ? 'secondary' : 'primary'} style={style}>\n              {numScenarios} {t('dictionary.scenarios')}\n            </Text>\n          </Flex>\n        </Radio>\n        {description && (\n          <Flex ml=\"6\">\n            <Text\n              as=\"p\"\n              variant=\"body-large\"\n              color={active ? 'secondary' : 'primary'}\n            >\n              {description}\n            </Text>\n          </Flex>\n        )}\n        {recommendedBackstageComponentType && (\n          <Text\n            variant=\"body-large\"\n            color={active ? 'secondary' : 'primary'}\n            className={styles.recommendedForComponentTypeText}\n          >\n            {t('rosDialog.recommendedForComponentOfType')}{' '}\n            <b>{recommendedBackstageComponentType}</b>.\n          </Text>\n        )}\n      </Flex>\n    </>\n  );\n};\n\ninterface ConfigInitialRiscProps {\n  switchOn: boolean;\n  setSwitchOn: (val: boolean) => void;\n  setValue: UseFormSetValue<RiScWithMetadata>;\n  selectedRiScId: string | undefined;\n  setSelectedRiScId: (riScId: string | undefined) => void;\n}\n\nfunction ConfigInitialRisc(props: ConfigInitialRiscProps) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const {\n    defaultRiScTypeDescriptors,\n    riScSelectedByDefault,\n    getDescriptorOfId,\n  } = useDefaultRiScTypeDescriptors();\n\n  function onCreateDefaultRiScSwitchChange() {\n    if (props.switchOn) {\n      props.setValue('content.title', '');\n      props.setValue('content.scope', '');\n    } else {\n      props.setSelectedRiScId(riScSelectedByDefault?.id);\n      if (riScSelectedByDefault) {\n        props.setValue('content.title', riScSelectedByDefault.defaultTitle);\n        props.setValue('content.scope', riScSelectedByDefault.defaultScope);\n      }\n    }\n    props.setSwitchOn(!props.switchOn);\n  }\n\n  function onSelectRiScType(selectedDefaultRiScId: string) {\n    props.setSelectedRiScId(selectedDefaultRiScId);\n    const descriptor = getDescriptorOfId(selectedDefaultRiScId);\n    if (descriptor) {\n      props.setValue('content.title', descriptor.defaultTitle);\n      props.setValue('content.scope', descriptor.defaultScope);\n    }\n  }\n\n  return (\n    <Box>\n      {defaultRiScTypeDescriptors.length > 0 && (\n        <>\n          <Box pb=\"2\">\n            <Text variant=\"body-medium\" as=\"p\">\n              {t('rosDialog.initialRiscScopeDescription')}\n            </Text>\n            <Box pt=\"2\">\n              <Switch\n                isSelected={props.switchOn}\n                onChange={onCreateDefaultRiScSwitchChange}\n                label={\n                  props.switchOn ? t('dictionary.yes') : t('dictionary.no')\n                }\n              />\n            </Box>\n          </Box>\n          <Flex direction=\"column\" justify=\"between\" mt=\"2\" gap=\"2\">\n            <Text\n              weight=\"bold\"\n              as=\"p\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.applicationType')}\n            </Text>\n            <Text\n              variant=\"body-medium\"\n              color={!props.switchOn ? 'secondary' : 'primary'}\n            >\n              {t('rosDialog.initialRiscApplicationType')}\n            </Text>\n\n            <RadioGroup\n              onChange={onSelectRiScType}\n              isDisabled={!props.switchOn}\n              aria-label=\"Select application type\"\n              value={props.selectedRiScId}\n              className={styles.radioGroup}\n            >\n              {defaultRiScTypeDescriptors.map(descriptor => (\n                <RadioOption\n                  key={descriptor.id}\n                  value={descriptor.id}\n                  label={descriptor.listName}\n                  description={descriptor.listDescription}\n                  active={!props.switchOn}\n                  numActions={descriptor.numberOfActions}\n                  numScenarios={descriptor.numberOfScenarios}\n                  recommendedBackstageComponentType={\n                    descriptor.preferredBackstageComponentType\n                  }\n                />\n              ))}\n            </RadioGroup>\n          </Flex>\n        </>\n      )}\n      {defaultRiScTypeDescriptors.length === 0 && (\n        <Text>{t('rosDialog.noInitialRiScFound')}</Text>\n      )}\n    </Box>\n  );\n}\n\nexport default ConfigInitialRisc;\n"],"names":[],"mappings":"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"}

package/dist/components/riScInfo/RiScDescriptionCard.esm.js

@@ -4,7 +4,7 @@ import { Markdown } from '../common/Markdown.esm.js';
 import riscStyles from './RiScSelectionCard.module.css.esm.js';
 
 function RiScDescriptionCard(props) {
-  return /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardBody, { children: [
+  return /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Card, { className: riscStyles.card, children: /* @__PURE__ */ jsxs(CardBody, { children: [
     /* @__PURE__ */ jsxs(
       Flex,
       {

package/dist/components/riScInfo/RiScDescriptionCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScDescriptionCard.esm.js","sources":["../../../src/components/riScInfo/RiScDescriptionCard.tsx"],"sourcesContent":["import { Flex, Text, Card, CardBody, ButtonIcon } from '@backstage/ui';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { Markdown } from '../common/Markdown.tsx';\nimport styles from './RiScSelectionCard.module.css';\n\ninterface Props {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport function RiScDescriptionCard(props: Props) {\n  return (\n    <Flex>\n      <Card>\n        <CardBody>\n          <Flex\n            justify=\"between\"\n            align=\"center\"\n            className={styles.riscDescriptionComponent}\n          >\n            <Text variant=\"title-small\" as=\"h6\" weight=\"bold\">\n              {props.riScWithMetadata.content.title}\n            </Text>\n            <ButtonIcon\n              onClick={props.edit}\n              icon={\n                <i className=\"ri-edit-line\" style={{ fontSize: 'large' }} />\n              }\n              variant=\"tertiary\"\n            />\n          </Flex>\n          <Markdown description={props.riScWithMetadata.content.scope} />\n        </CardBody>\n      </Card>\n    </Flex>\n  );\n}\n"],"names":["styles"],"mappings":";;;;;AAUO,SAAS,oBAAoB,KAAA,EAAc;AAChD,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EACC,+BAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,QAAA;AAAA,QACN,WAAWA,UAAA,CAAO,wBAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,aAAA,EAAc,EAAA,EAAG,IAAA,EAAK,QAAO,MAAA,EACxC,QAAA,EAAA,KAAA,CAAM,gBAAA,CAAiB,OAAA,CAAQ,KAAA,EAClC,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,SAAS,KAAA,CAAM,IAAA;AAAA,cACf,IAAA,sBACG,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAe,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAQ,EAAG,CAAA;AAAA,cAE5D,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,KACF;AAAA,wBACC,QAAA,EAAA,EAAS,WAAA,EAAa,KAAA,CAAM,gBAAA,CAAiB,QAAQ,KAAA,EAAO;AAAA,GAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RiScDescriptionCard.esm.js","sources":["../../../src/components/riScInfo/RiScDescriptionCard.tsx"],"sourcesContent":["import { Flex, Text, Card, CardBody, ButtonIcon } from '@backstage/ui';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { Markdown } from '../common/Markdown.tsx';\nimport styles from './RiScSelectionCard.module.css';\n\ninterface Props {\n  riScWithMetadata: RiScWithMetadata;\n  edit: () => void;\n}\n\nexport function RiScDescriptionCard(props: Props) {\n  return (\n    <Flex>\n      <Card className={styles.card}>\n        <CardBody>\n          <Flex\n            justify=\"between\"\n            align=\"center\"\n            className={styles.riscDescriptionComponent}\n          >\n            <Text variant=\"title-small\" as=\"h6\" weight=\"bold\">\n              {props.riScWithMetadata.content.title}\n            </Text>\n            <ButtonIcon\n              onClick={props.edit}\n              icon={\n                <i className=\"ri-edit-line\" style={{ fontSize: 'large' }} />\n              }\n              variant=\"tertiary\"\n            />\n          </Flex>\n          <Markdown description={props.riScWithMetadata.content.scope} />\n        </CardBody>\n      </Card>\n    </Flex>\n  );\n}\n"],"names":["styles"],"mappings":";;;;;AAUO,SAAS,oBAAoB,KAAA,EAAc;AAChD,EAAA,uBACE,GAAA,CAAC,QACC,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,WAAWA,UAAA,CAAO,IAAA,EACtB,+BAAC,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,KAAA,EAAM,QAAA;AAAA,QACN,WAAWA,UAAA,CAAO,wBAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,aAAA,EAAc,EAAA,EAAG,IAAA,EAAK,QAAO,MAAA,EACxC,QAAA,EAAA,KAAA,CAAM,gBAAA,CAAiB,OAAA,CAAQ,KAAA,EAClC,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,SAAS,KAAA,CAAM,IAAA;AAAA,cACf,IAAA,sBACG,GAAA,EAAA,EAAE,SAAA,EAAU,gBAAe,KAAA,EAAO,EAAE,QAAA,EAAU,OAAA,EAAQ,EAAG,CAAA;AAAA,cAE5D,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA;AAAA,KACF;AAAA,wBACC,QAAA,EAAA,EAAS,WAAA,EAAa,KAAA,CAAM,gBAAA,CAAiB,QAAQ,KAAA,EAAO;AAAA,GAAA,EAC/D,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/riScStatus/StatusBanner.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".StatusBanner_boxStyle__afd62b7307 {\n  background-color: #fcebcd;\n  padding: 8px 16px;\n  margin-top: 8px;\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .StatusBanner_boxStyle__afd62b7307 {\n  background-color: var(--bui-gray-5);\n}\n";
-var styles = {"boxStyle":"StatusBanner_boxStyle__afd62b7307"};
+var css_248z = ".StatusBanner_boxStyle__f879159989 {\n  background-color: #fcebcd;\n  padding: 8px 16px;\n  margin-top: 8px;\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .StatusBanner_boxStyle__f879159989 {\n  background-color: var(--ros-gray-500);\n}\n";
+var styles = {"boxStyle":"StatusBanner_boxStyle__f879159989"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/riScPlugin/RiScPlugin.esm.js

@@ -23,6 +23,7 @@ import styles from '../common/alertBar.module.css.esm.js';
 import { RiScDescriptionCard } from '../riScInfo/RiScDescriptionCard.esm.js';
 import riscStyles from '../riScInfo/RiScSelectionCard.module.css.esm.js';
 import { ErrorState } from '../riScInfo/ErrorState.esm.js';
+import { ThreatActorsAndVulnerabilitiesCard } from '../threatActorsAndVulnerabilities/ThreatActorsAndVulnerabilitiesCard.esm.js';
 
 function RiScPlugin() {
   const [riScDialogState, setRiScDialogState] = useState(
@@ -127,7 +128,13 @@ function RiScPlugin() {
             }
           ),
           /* @__PURE__ */ jsx(RiScRelationComponent, {}),
-          /* @__PURE__ */ jsx(RiskMatrix, { riScWithMetadata: selectedRiSc })
+          /* @__PURE__ */ jsx(RiskMatrix, { riScWithMetadata: selectedRiSc }),
+          /* @__PURE__ */ jsx(
+            ThreatActorsAndVulnerabilitiesCard,
+            {
+              scenarios: selectedRiSc.content.scenarios
+            }
+          )
         ] }) })
       ] }) }) }) })
     ] }),

package/dist/components/riScPlugin/RiScPlugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport AlertBar from '../common/AlertBar/AlertBar';\nimport Grid from '@mui/material/Grid';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { RiScHeader } from '../riScHeader/RiScHeader.tsx';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTableWrapper.tsx';\nimport { FirstRiScDialog } from '../riScInfo/FirstRiScDialog.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport { CreateNewRiScButton } from '../riScInfo/CreateNewRiScButton.tsx';\nimport { RiScSelectionCard } from '../riScInfo/RiScSelectionCard.tsx';\nimport { RiScRelationComponent } from '../riScInfo/RiScRelationComponent.tsx';\nimport { RiScStatusComponent } from '../riScInfo/riScStatus/RiScStatusComponent.tsx';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport styles from '../common/alertBar.module.css';\nimport { RiScDescriptionCard } from '../riScInfo/RiScDescriptionCard.tsx';\nimport riscStyles from '../riScInfo/RiScSelectionCard.module.css';\nimport { ErrorState } from '../riScInfo/ErrorState.tsx';\n\nexport function RiScPlugin() {\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  function openCreateRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Create);\n  }\n\n  function openDeleteRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Delete);\n  }\n\n  function openEditRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n  }\n\n  function openEditEncryptionDialog() {\n    return setRiScDialogState(RiScDialogStates.EditEncryption);\n  }\n\n  function closeRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Closed);\n  }\n\n  const {\n    approveRiSc,\n    selectedRiSc,\n    isFetching,\n    resetResponse,\n    resetRiScStatus,\n    response,\n    updateStatus,\n    riScs,\n    failedToFetchGcpCryptoKeys,\n    allRiScsFailedDecryption,\n  } = useRiScs();\n\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) {\n      resetRiScStatus();\n      resetResponse();\n    }\n  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n  return (\n    <>\n      <Flex className={styles.alertBarBox}>\n        <AlertBar\n          updateStatus={updateStatus}\n          response={response}\n          statusText={response?.statusMessage}\n        />\n      </Flex>\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <RiScHeader onEditEncryption={openEditEncryptionDialog} />\n          {!isFetching &&\n            riScs !== null &&\n            riScs.length === 0 &&\n            !selectedRiSc &&\n            !allRiScsFailedDecryption && (\n              <Flex\n                justify=\"center\"\n                align=\"center\"\n                className={riscStyles.componentLayout}\n              >\n                <FirstRiScDialog onNewRiSc={openCreateRiScDialog} />\n              </Flex>\n            )}\n          {!isFetching &&\n            (failedToFetchGcpCryptoKeys || allRiScsFailedDecryption) && (\n              <Flex\n                align=\"center\"\n                justify=\"center\"\n                className={riscStyles.componentLayout}\n              >\n                <ErrorState />\n              </Flex>\n            )}\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <Grid container rowSpacing={3} columnSpacing={4}>\n                    <Grid item xs={8}>\n                      <Flex align=\"center\" justify=\"between\">\n                        <Text as=\"h3\" variant=\"body-large\" weight=\"bold\">\n                          {t('contentHeader.multipleRiScs')}\n                        </Text>\n                        <CreateNewRiScButton\n                          onCreateNew={openCreateRiScDialog}\n                        />\n                      </Flex>\n                    </Grid>\n                    <Grid item xs={8}>\n                      <RiScSelectionCard />\n                    </Grid>\n                    <Grid item xs={4} />\n\n                    <Grid item xs={8}>\n                      <Flex gap=\"24px\" direction=\"column\">\n                        <RiScDescriptionCard\n                          riScWithMetadata={selectedRiSc}\n                          edit={openEditRiScDialog}\n                        />\n                        <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n                      </Flex>\n                    </Grid>\n\n                    <Grid item xs={4}>\n                      <Flex direction=\"column\" gap=\"24px\">\n                        <RiScStatusComponent\n                          selectedRiSc={selectedRiSc}\n                          publishRiScFn={approveRiSc}\n                        />\n                        <RiScRelationComponent />\n                        <RiskMatrix riScWithMetadata={selectedRiSc} />\n                      </Flex>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog\n          onClose={closeRiScDialog}\n          dialogState={riScDialogState}\n          onDelete={openDeleteRiScDialog}\n        />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiScPlugin.esm.js","sources":["../../../src/components/riScPlugin/RiScPlugin.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport { ScenarioWizard } from '../scenarioWizard/ScenarioWizard';\nimport { ScenarioDrawer } from '../scenarioDrawer/ScenarioDrawer';\nimport { RiskMatrix } from '../riskMatrix/RiskMatrix';\nimport AlertBar from '../common/AlertBar/AlertBar';\nimport Grid from '@mui/material/Grid';\nimport { RiScDialog, RiScDialogStates } from '../riScDialog/RiScDialog';\nimport { Spinner } from '../common/Spinner';\nimport { useRiScs } from '../../contexts/RiScContext';\nimport { ScenarioWizardSteps } from '../../contexts/ScenarioContext';\nimport { RiScHeader } from '../riScHeader/RiScHeader.tsx';\nimport { ScenarioTableWrapper } from '../scenarioTable/ScenarioTableWrapper.tsx';\nimport { FirstRiScDialog } from '../riScInfo/FirstRiScDialog.tsx';\nimport { Flex, Text } from '@backstage/ui';\nimport { CreateNewRiScButton } from '../riScInfo/CreateNewRiScButton.tsx';\nimport { RiScSelectionCard } from '../riScInfo/RiScSelectionCard.tsx';\nimport { RiScRelationComponent } from '../riScInfo/RiScRelationComponent.tsx';\nimport { RiScStatusComponent } from '../riScInfo/riScStatus/RiScStatusComponent.tsx';\nimport { pluginRiScTranslationRef } from '../../utils/translations.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport styles from '../common/alertBar.module.css';\nimport { RiScDescriptionCard } from '../riScInfo/RiScDescriptionCard.tsx';\nimport riscStyles from '../riScInfo/RiScSelectionCard.module.css';\nimport { ErrorState } from '../riScInfo/ErrorState.tsx';\nimport { ThreatActorsAndVulnerabilitiesCard } from '../threatActorsAndVulnerabilities/ThreatActorsAndVulnerabilitiesCard.tsx';\n\nexport function RiScPlugin() {\n  const [riScDialogState, setRiScDialogState] = useState<RiScDialogStates>(\n    RiScDialogStates.Closed,\n  );\n\n  function openCreateRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Create);\n  }\n\n  function openDeleteRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Delete);\n  }\n\n  function openEditRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.EditRiscInfo);\n  }\n\n  function openEditEncryptionDialog() {\n    return setRiScDialogState(RiScDialogStates.EditEncryption);\n  }\n\n  function closeRiScDialog() {\n    return setRiScDialogState(RiScDialogStates.Closed);\n  }\n\n  const {\n    approveRiSc,\n    selectedRiSc,\n    isFetching,\n    resetResponse,\n    resetRiScStatus,\n    response,\n    updateStatus,\n    riScs,\n    failedToFetchGcpCryptoKeys,\n    allRiScsFailedDecryption,\n  } = useRiScs();\n\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const [searchParams] = useSearchParams();\n  const scenarioWizardStep = searchParams.get(\n    'step',\n  ) as ScenarioWizardSteps | null;\n\n  useEffect(() => {\n    if (scenarioWizardStep !== null) {\n      resetRiScStatus();\n      resetResponse();\n    }\n  }, [resetRiScStatus, resetResponse, scenarioWizardStep]);\n\n  return (\n    <>\n      <Flex className={styles.alertBarBox}>\n        <AlertBar\n          updateStatus={updateStatus}\n          response={response}\n          statusText={response?.statusMessage}\n        />\n      </Flex>\n      {scenarioWizardStep !== null ? (\n        <ScenarioWizard step={scenarioWizardStep} />\n      ) : (\n        <>\n          <RiScHeader onEditEncryption={openEditEncryptionDialog} />\n          {!isFetching &&\n            riScs !== null &&\n            riScs.length === 0 &&\n            !selectedRiSc &&\n            !allRiScsFailedDecryption && (\n              <Flex\n                justify=\"center\"\n                align=\"center\"\n                className={riscStyles.componentLayout}\n              >\n                <FirstRiScDialog onNewRiSc={openCreateRiScDialog} />\n              </Flex>\n            )}\n          {!isFetching &&\n            (failedToFetchGcpCryptoKeys || allRiScsFailedDecryption) && (\n              <Flex\n                align=\"center\"\n                justify=\"center\"\n                className={riscStyles.componentLayout}\n              >\n                <ErrorState />\n              </Flex>\n            )}\n          {isFetching && <Spinner size={80} />}\n\n          <Grid container spacing={4}>\n            {selectedRiSc && (\n              <>\n                <Grid item xs={12}>\n                  <Grid container rowSpacing={3} columnSpacing={4}>\n                    <Grid item xs={8}>\n                      <Flex align=\"center\" justify=\"between\">\n                        <Text as=\"h3\" variant=\"body-large\" weight=\"bold\">\n                          {t('contentHeader.multipleRiScs')}\n                        </Text>\n                        <CreateNewRiScButton\n                          onCreateNew={openCreateRiScDialog}\n                        />\n                      </Flex>\n                    </Grid>\n                    <Grid item xs={8}>\n                      <RiScSelectionCard />\n                    </Grid>\n                    <Grid item xs={4} />\n\n                    <Grid item xs={8}>\n                      <Flex gap=\"24px\" direction=\"column\">\n                        <RiScDescriptionCard\n                          riScWithMetadata={selectedRiSc}\n                          edit={openEditRiScDialog}\n                        />\n                        <ScenarioTableWrapper riScWithMetadata={selectedRiSc} />\n                      </Flex>\n                    </Grid>\n\n                    <Grid item xs={4}>\n                      <Flex direction=\"column\" gap=\"24px\">\n                        <RiScStatusComponent\n                          selectedRiSc={selectedRiSc}\n                          publishRiScFn={approveRiSc}\n                        />\n                        <RiScRelationComponent />\n                        <RiskMatrix riScWithMetadata={selectedRiSc} />\n                        <ThreatActorsAndVulnerabilitiesCard\n                          scenarios={selectedRiSc.content.scenarios}\n                        />\n                      </Flex>\n                    </Grid>\n                  </Grid>\n                </Grid>\n              </>\n            )}\n          </Grid>\n        </>\n      )}\n\n      {riScDialogState !== RiScDialogStates.Closed && (\n        <RiScDialog\n          onClose={closeRiScDialog}\n          dialogState={riScDialogState}\n          onDelete={openDeleteRiScDialog}\n        />\n      )}\n\n      {!scenarioWizardStep && <ScenarioDrawer />}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/AggregatedCost.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".AggregatedCost_boxStyle__f1574f5032 {\n  background-color: #fcebcd;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .AggregatedCost_boxStyle__f1574f5032 {\n  background-color: var(--bui-gray-5);\n}\n";
-var styles = {"boxStyle":"AggregatedCost_boxStyle__f1574f5032"};
+var css_248z = ".AggregatedCost_boxStyle__608b53dc99 {\n  background-color: #fcebcd;\n  padding: 8px 16px;\n  border-radius: 4px;\n}\n\n[data-theme-mode='dark'] .AggregatedCost_boxStyle__608b53dc99 {\n  background-color: var(--ros-gray-500);\n}\n";
+var styles = {"boxStyle":"AggregatedCost_boxStyle__608b53dc99"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/riskMatrix/RiskMatrix.esm.js

@@ -16,7 +16,7 @@ function RiskMatrix({
 }) {
   const { t } = useTranslationRef(pluginRiScTranslationRef);
   const [tab, setTab] = useState(RiskMatrixTabs.initialRisk);
-  return /* @__PURE__ */ jsxs(Card, { children: [
+  return /* @__PURE__ */ jsxs(Card, { className: styles.card, children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Text, { variant: "title-small", weight: "bold", children: t("riskMatrix.title") }) }),
     /* @__PURE__ */ jsxs(CardBody, { children: [
       /* @__PURE__ */ jsx(MatrixTabs, { setTab, currentTab: tab }),

package/dist/components/riskMatrix/RiskMatrix.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiskMatrix.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrix.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport { AggregatedCost } from './AggregatedCost';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { MatrixTabs } from './Tabs';\nimport { riskMatrix } from '../../utils/constants';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiskMatrixTabs } from './utils';\nimport { Card, CardBody, CardHeader, Text, Box } from '@backstage/ui';\nimport { RiskMatrixSquare } from './RiskMatrixSquare.tsx';\nimport { CurrentRisk } from './CurrentRisk.tsx';\n\nimport styles from './RiskMatrix.module.css';\nexport function RiskMatrix({\n  riScWithMetadata,\n}: {\n  riScWithMetadata: RiScWithMetadata;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [tab, setTab] = useState<RiskMatrixTabs>(RiskMatrixTabs.initialRisk);\n\n  return (\n    <Card>\n      <CardHeader>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {t('riskMatrix.title')}\n        </Text>\n      </CardHeader>\n      <CardBody>\n        <MatrixTabs setTab={setTab} currentTab={tab} />\n        {riScWithMetadata.content.scenarios.length > 0 && (\n          <Box\n            style={{\n              marginTop: '18px',\n            }}\n          >\n            <AggregatedCost riSc={riScWithMetadata.content} riskType={tab} />\n          </Box>\n        )}\n\n        {tab === RiskMatrixTabs.currentRisk ? (\n          <Box>\n            <CurrentRisk risc={riScWithMetadata} />\n          </Box>\n        ) : (\n          <Box className={styles.gridWrapper}>\n            <Box className={styles.grid}>\n              <Box className={styles.konsekvens}>\n                <Text\n                  variant=\"title-x-small\"\n                  weight=\"bold\"\n                  className={styles.centered}\n                >\n                  {t('dictionary.consequence')}\n                </Text>\n              </Box>\n              {riskMatrix.map((row, rowIndex) => (\n                <Fragment key={rowIndex}>\n                  <Box className={styles.centered}>\n                    <Text variant=\"title-x-small\" weight=\"bold\">\n                      {5 - rowIndex}\n                    </Text>\n                  </Box>\n                  {row.map((_, colIndex) => (\n                    <RiskMatrixSquare\n                      key={`S:${colIndex} K:${4 - rowIndex}`}\n                      size=\"grid\"\n                      consequence={4 - rowIndex}\n                      probability={colIndex}\n                      riScCountObject={{\n                        isInitialRisk: tab === RiskMatrixTabs.initialRisk,\n                        riSc: riScWithMetadata,\n                      }}\n                    />\n                  ))}\n                </Fragment>\n              ))}\n              <Box className={styles.centered} />\n              <Box className={styles.centered} />\n              {riskMatrix.map((_, col) => (\n                <Box className={styles.centered} key={col}>\n                  <Text variant=\"title-x-small\" weight=\"bold\">\n                    {col + 1}\n                  </Text>\n                </Box>\n              ))}\n              <Box className={styles.sannsynlighet}>\n                <Text\n                  weight=\"bold\"\n                  variant=\"title-x-small\"\n                  className={styles.centered}\n                >\n                  {t('dictionary.probability')}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n        )}\n      </CardBody>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"RiskMatrix.esm.js","sources":["../../../src/components/riskMatrix/RiskMatrix.tsx"],"sourcesContent":["import { Fragment, useState } from 'react';\nimport { AggregatedCost } from './AggregatedCost';\nimport { RiScWithMetadata } from '../../utils/types';\nimport { MatrixTabs } from './Tabs';\nimport { riskMatrix } from '../../utils/constants';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { RiskMatrixTabs } from './utils';\nimport { Card, CardBody, CardHeader, Text, Box } from '@backstage/ui';\nimport { RiskMatrixSquare } from './RiskMatrixSquare.tsx';\nimport { CurrentRisk } from './CurrentRisk.tsx';\n\nimport styles from './RiskMatrix.module.css';\nexport function RiskMatrix({\n  riScWithMetadata,\n}: {\n  riScWithMetadata: RiScWithMetadata;\n}) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n  const [tab, setTab] = useState<RiskMatrixTabs>(RiskMatrixTabs.initialRisk);\n\n  return (\n    <Card className={styles.card}>\n      <CardHeader>\n        <Text variant=\"title-small\" weight=\"bold\">\n          {t('riskMatrix.title')}\n        </Text>\n      </CardHeader>\n      <CardBody>\n        <MatrixTabs setTab={setTab} currentTab={tab} />\n        {riScWithMetadata.content.scenarios.length > 0 && (\n          <Box\n            style={{\n              marginTop: '18px',\n            }}\n          >\n            <AggregatedCost riSc={riScWithMetadata.content} riskType={tab} />\n          </Box>\n        )}\n\n        {tab === RiskMatrixTabs.currentRisk ? (\n          <Box>\n            <CurrentRisk risc={riScWithMetadata} />\n          </Box>\n        ) : (\n          <Box className={styles.gridWrapper}>\n            <Box className={styles.grid}>\n              <Box className={styles.konsekvens}>\n                <Text\n                  variant=\"title-x-small\"\n                  weight=\"bold\"\n                  className={styles.centered}\n                >\n                  {t('dictionary.consequence')}\n                </Text>\n              </Box>\n              {riskMatrix.map((row, rowIndex) => (\n                <Fragment key={rowIndex}>\n                  <Box className={styles.centered}>\n                    <Text variant=\"title-x-small\" weight=\"bold\">\n                      {5 - rowIndex}\n                    </Text>\n                  </Box>\n                  {row.map((_, colIndex) => (\n                    <RiskMatrixSquare\n                      key={`S:${colIndex} K:${4 - rowIndex}`}\n                      size=\"grid\"\n                      consequence={4 - rowIndex}\n                      probability={colIndex}\n                      riScCountObject={{\n                        isInitialRisk: tab === RiskMatrixTabs.initialRisk,\n                        riSc: riScWithMetadata,\n                      }}\n                    />\n                  ))}\n                </Fragment>\n              ))}\n              <Box className={styles.centered} />\n              <Box className={styles.centered} />\n              {riskMatrix.map((_, col) => (\n                <Box className={styles.centered} key={col}>\n                  <Text variant=\"title-x-small\" weight=\"bold\">\n                    {col + 1}\n                  </Text>\n                </Box>\n              ))}\n              <Box className={styles.sannsynlighet}>\n                <Text\n                  weight=\"bold\"\n                  variant=\"title-x-small\"\n                  className={styles.centered}\n                >\n                  {t('dictionary.probability')}\n                </Text>\n              </Box>\n            </Box>\n          </Box>\n        )}\n      </CardBody>\n    </Card>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/riskMatrix/RiskMatrixScenarioCount.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".RiskMatrixScenarioCount_circle__fa2778fd66.RiskMatrixScenarioCount_circle__fa2778fd66 {\n  height: 60%;\n  aspect-ratio: 1 / 1;\n  border-radius: 50%;\n  cursor: pointer;\n  min-height: 20px;\n}\n\n.RiskMatrixScenarioCount_circleHovered__fa2778fd66.RiskMatrixScenarioCount_circleHovered__fa2778fd66 {\n  background-color: var(--ros-gray-300);\n}\n\n.RiskMatrixScenarioCount_tooltip__fa2778fd66.RiskMatrixScenarioCount_tooltip__fa2778fd66 {\n  background-color: var(--bui-white);\n  padding: 16px;\n  max-width: 500px;\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltip__fa2778fd66.RiskMatrixScenarioCount_tooltip__fa2778fd66 {\n  background-color: var(--bui-bg-surface-0);\n}\n\n.RiskMatrixScenarioCount_tooltipArrow__fa2778fd66.RiskMatrixScenarioCount_tooltipArrow__fa2778fd66 {\n  color: var(--bui-white);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipArrow__fa2778fd66.RiskMatrixScenarioCount_tooltipArrow__fa2778fd66 {\n  color: var(--bui-bg-surface-0);\n}\n\n.RiskMatrixScenarioCount_tooltipList__fa2778fd66 {\n  padding-left: 16px;\n  font-size: 16px;\n  color: var(--bui-black);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipList__fa2778fd66 {\n  color: var(--bui-white);\n}\n\n.RiskMatrixScenarioCount_tooltipListItem__fa2778fd66 {\n  margin-bottom: 16px;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--ros-gray-50);\n  }\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipListItem__fa2778fd66 {\n  &:hover {\n    background-color: var(--ros-gray-600);\n  }\n}\n\n.RiskMatrixScenarioCount_centered__fa2778fd66 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n";
-var styles = {"circle":"RiskMatrixScenarioCount_circle__fa2778fd66","circleHovered":"RiskMatrixScenarioCount_circleHovered__fa2778fd66","tooltip":"RiskMatrixScenarioCount_tooltip__fa2778fd66","tooltipArrow":"RiskMatrixScenarioCount_tooltipArrow__fa2778fd66","tooltipList":"RiskMatrixScenarioCount_tooltipList__fa2778fd66","tooltipListItem":"RiskMatrixScenarioCount_tooltipListItem__fa2778fd66","centered":"RiskMatrixScenarioCount_centered__fa2778fd66"};
+var css_248z = ".RiskMatrixScenarioCount_circle__6001a941b9.RiskMatrixScenarioCount_circle__6001a941b9 {\n  height: 60%;\n  aspect-ratio: 1 / 1;\n  border-radius: 50%;\n  cursor: pointer;\n  min-height: 20px;\n}\n\n.RiskMatrixScenarioCount_circleHovered__6001a941b9.RiskMatrixScenarioCount_circleHovered__6001a941b9 {\n  background-color: var(--ros-gray-300);\n}\n\n.RiskMatrixScenarioCount_tooltip__6001a941b9.RiskMatrixScenarioCount_tooltip__6001a941b9 {\n  background-color: var(--bui-white);\n  padding: 16px;\n  max-width: 500px;\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltip__6001a941b9.RiskMatrixScenarioCount_tooltip__6001a941b9 {\n  background-color: var(--bui-bg-popover);\n}\n\n.RiskMatrixScenarioCount_tooltipArrow__6001a941b9.RiskMatrixScenarioCount_tooltipArrow__6001a941b9 {\n  color: var(--bui-white);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipArrow__6001a941b9.RiskMatrixScenarioCount_tooltipArrow__6001a941b9 {\n  color: var(--bui-bg-popover);\n}\n\n.RiskMatrixScenarioCount_tooltipList__6001a941b9 {\n  padding-left: 16px;\n  font-size: 16px;\n  color: var(--bui-black);\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipList__6001a941b9 {\n  color: var(--bui-white);\n}\n\n.RiskMatrixScenarioCount_tooltipListItem__6001a941b9 {\n  margin-bottom: 16px;\n\n  &:hover {\n    cursor: pointer;\n    background-color: var(--ros-gray-50);\n  }\n}\n[data-theme-mode='dark'] .RiskMatrixScenarioCount_tooltipListItem__6001a941b9 {\n  &:hover {\n    background-color: var(--ros-gray-600);\n  }\n}\n\n.RiskMatrixScenarioCount_centered__6001a941b9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n";
+var styles = {"circle":"RiskMatrixScenarioCount_circle__6001a941b9","circleHovered":"RiskMatrixScenarioCount_circleHovered__6001a941b9","tooltip":"RiskMatrixScenarioCount_tooltip__6001a941b9","tooltipArrow":"RiskMatrixScenarioCount_tooltipArrow__6001a941b9","tooltipList":"RiskMatrixScenarioCount_tooltipList__6001a941b9","tooltipListItem":"RiskMatrixScenarioCount_tooltipListItem__6001a941b9","centered":"RiskMatrixScenarioCount_centered__6001a941b9"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/scenario/ScenarioLastUpdatedLabel.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = ".ScenarioLastUpdatedLabel_textGray__f20303e956 {\n  color: var(--bui-gray-8);\n}\n";
-var styles = {"textGray":"ScenarioLastUpdatedLabel_textGray__f20303e956"};
+var css_248z = ".ScenarioLastUpdatedLabel_textGray__72ded095c5 {\n  color: var(--bui-fg-secondary);\n}\n";
+var styles = {"textGray":"ScenarioLastUpdatedLabel_textGray__72ded095c5"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/scenarioTable/ScenarioTableRow.esm.js

@@ -62,7 +62,7 @@ function ScenarioTableRow({
     (s) => s.ID === scenario.ID
   );
   const highlightColor = theme.palette.mode === "dark" ? "var(--ros-gray-300)" : "var(--ros-gray-100)";
-  const cardBgColor = theme.palette.mode === "dark" ? "var(--bui-bg-surface-3)" : void 0;
+  const cardBgColor = theme.palette.mode === "dark" ? "var(--ros-gray-500)" : void 0;
   const isTextColorBlack = theme.palette.mode === "dark" ? isScenarioHoveredFromRiskMatrix : true;
   const textColorAsBuiVariable = isTextColorBlack ? "var(--bui-black)" : "var(--bui-white)";
   return /* @__PURE__ */ jsxs(