@kartverket/backstage-plugin-risk-scorecard 6.1.8 → 6.1.10

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

@@ -4,35 +4,43 @@ import FormHelperText from '@mui/material/FormHelperText';
 import FormLabel from '@mui/material/FormLabel';
 import TextField from '@mui/material/TextField';
 import { forwardRef } from 'react';
-import { formLabel, formHelperText } from './typography.esm.js';
-import { formControlStyles, commonTextColor } from '../../utils/style.esm.js';
+import { commonTextColor } from '../../utils/style.esm.js';
+import formStyles from './formStyles.module.css.esm.js';
 
 const Input = forwardRef(
   ({ label, sublabel, error, helperText, required, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs(FormControl, { sx: formControlStyles, error, required, children: [
-      label && /* @__PURE__ */ jsx(FormLabel, { required, sx: formLabel, children: label }),
-      sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
-      /* @__PURE__ */ jsx(
-        TextField,
-        {
-          id: "filled-multiline-static",
-          error,
-          multiline: true,
-          fullWidth: true,
-          variant: "outlined",
-          inputRef: ref,
-          InputProps: {
-            sx: (theme) => ({
-              "&.Mui-disabled": {
-                color: commonTextColor(theme)
-              }
-            })
-          },
-          ...props
-        }
-      ),
-      helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
-    ] });
+    return /* @__PURE__ */ jsxs(
+      FormControl,
+      {
+        className: formStyles.formControl,
+        error,
+        required,
+        children: [
+          label && /* @__PURE__ */ jsx(FormLabel, { required, className: formStyles.formLabel, children: label }),
+          sublabel && /* @__PURE__ */ jsx(FormHelperText, { className: formStyles.formHelperText, children: sublabel }),
+          /* @__PURE__ */ jsx(
+            TextField,
+            {
+              id: "filled-multiline-static",
+              error,
+              multiline: true,
+              fullWidth: true,
+              variant: "outlined",
+              inputRef: ref,
+              InputProps: {
+                sx: (theme) => ({
+                  "&.Mui-disabled": {
+                    color: commonTextColor(theme)
+                  }
+                })
+              },
+              ...props
+            }
+          ),
+          helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+        ]
+      }
+    );
   }
 );
 

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

@@ -1 +1 @@
-{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { formHelperText, formLabel } from './typography';\nimport { commonTextColor, formControlStyles } from '../../utils/style';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl sx={formControlStyles} error={error} required={required}>\n        {label && (\n          <FormLabel required={required} sx={formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: commonTextColor(theme, true),\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,YAAY,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnE,IAAA,uBACE,IAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,iBAAA,EAAmB,OAAc,QAAA,EAC/C,QAAA,EAAA;AAAA,MAAA,KAAA,oBACC,GAAA,CAAC,SAAA,EAAA,EAAU,QAAA,EAAoB,EAAA,EAAI,WAChC,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,MAED,QAAA,oBACC,GAAA,CAAC,cAAA,EAAA,EAAe,EAAA,EAAI,gBAAiB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,sBAEhD,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAG,yBAAA;AAAA,UACH,KAAA;AAAA,UACA,SAAA,EAAS,IAAA;AAAA,UACT,SAAA,EAAS,IAAA;AAAA,UACT,OAAA,EAAQ,UAAA;AAAA,UACR,QAAA,EAAU,GAAA;AAAA,UACV,UAAA,EAAY;AAAA,YACV,IAAI,CAAA,KAAA,MAAU;AAAA,cACZ,gBAAA,EAAkB;AAAA,gBAChB,KAAA,EAAO,eAAA,CAAgB,KAAW;AAAA;AACpC,aACF;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,UAAA,oBAAc,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,EAAW;AAAA,KAAA,EAC7C,CAAA;AAAA,EAEJ;AACF;;;;"}
+{"version":3,"file":"Input.esm.js","sources":["../../../src/components/common/Input.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport TextField, { TextFieldProps } from '@mui/material/TextField';\nimport { forwardRef } from 'react';\nimport { commonTextColor } from '../../utils/style';\nimport formStyles from './formStyles.module.css';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n};\n\nexport const Input = forwardRef<HTMLInputElement, Props>(\n  ({ label, sublabel, error, helperText, required, ...props }, ref) => {\n    return (\n      <FormControl\n        className={formStyles.formControl}\n        error={error}\n        required={required}\n      >\n        {label && (\n          <FormLabel required={required} className={formStyles.formLabel}>\n            {label}\n          </FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText className={formStyles.formHelperText}>\n            {sublabel}\n          </FormHelperText>\n        )}\n        <TextField\n          id=\"filled-multiline-static\"\n          error={error}\n          multiline\n          fullWidth\n          variant=\"outlined\"\n          inputRef={ref}\n          InputProps={{\n            sx: theme => ({\n              '&.Mui-disabled': {\n                color: commonTextColor(theme, true),\n              },\n            }),\n          }}\n          {...props}\n        />\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,KAAA,GAAQ,UAAA;AAAA,EACnB,CAAC,EAAE,KAAA,EAAO,QAAA,EAAU,KAAA,EAAO,YAAY,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACnE,IAAA,uBACE,IAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,WAAW,UAAA,CAAW,WAAA;AAAA,QACtB,KAAA;AAAA,QACA,QAAA;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,KAAA,wBACE,SAAA,EAAA,EAAU,QAAA,EAAoB,SAAA,EAAW,UAAA,CAAW,WAClD,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,UAED,4BACC,GAAA,CAAC,cAAA,EAAA,EAAe,SAAA,EAAW,UAAA,CAAW,gBACnC,QAAA,EAAA,QAAA,EACH,CAAA;AAAA,0BAEF,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,EAAA,EAAG,yBAAA;AAAA,cACH,KAAA;AAAA,cACA,SAAA,EAAS,IAAA;AAAA,cACT,SAAA,EAAS,IAAA;AAAA,cACT,OAAA,EAAQ,UAAA;AAAA,cACR,QAAA,EAAU,GAAA;AAAA,cACV,UAAA,EAAY;AAAA,gBACV,IAAI,CAAA,KAAA,MAAU;AAAA,kBACZ,gBAAA,EAAkB;AAAA,oBAChB,KAAA,EAAO,eAAA,CAAgB,KAAW;AAAA;AACpC,iBACF;AAAA,eACF;AAAA,cACC,GAAG;AAAA;AAAA,WACN;AAAA,UACC,UAAA,oBAAc,GAAA,CAAC,cAAA,EAAA,EAAgB,QAAA,EAAA,UAAA,EAAW;AAAA;AAAA;AAAA,KAC7C;AAAA,EAEJ;AACF;;;;"}

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

@@ -4,9 +4,9 @@ import FormControl from '@mui/material/FormControl';
 import FormHelperText from '@mui/material/FormHelperText';
 import FormLabel from '@mui/material/FormLabel';
 import MDEditor from '@uiw/react-md-editor';
-import { formLabel, formHelperText } from '../typography.esm.js';
 import classNames from 'classnames';
 import { getActiveTheme } from '../../../utils/utilityfunctions.esm.js';
+import formStyles from '../formStyles.module.css.esm.js';
 import styles from './MarkdownInput.module.css.esm.js';
 
 const MarkdownInput = forwardRef(
@@ -72,8 +72,8 @@ const MarkdownInput = forwardRef(
       [styles["MarkDownInput--disabled"]]: disabled
     });
     return /* @__PURE__ */ jsxs(FormControl, { className: styles.MarkDownInputFormControl, error, children: [
-      label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, children: label }),
-      sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
+      label && /* @__PURE__ */ jsx(FormLabel, { className: formStyles.formLabel, children: label }),
+      sublabel && /* @__PURE__ */ jsx(FormHelperText, { className: formStyles.formHelperText, children: sublabel }),
       /* @__PURE__ */ jsx(
         "div",
         {

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../../src/components/common/MarkdownInput/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { formHelperText, formLabel } from '../typography';\nimport { TextFieldProps } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { getActiveTheme } from '../../../utils/utilityfunctions';\nimport styles from './MarkdownInput.module.css';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      label,\n      sublabel,\n      error,\n      helperText,\n      minRows,\n      value,\n      onMarkdownChange,\n      disabled = false,\n    },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    useEffect(() => {\n      const root = wrapperRef.current;\n      if (!root) return () => {};\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Tab') return;\n        const active = document.activeElement as HTMLElement | null;\n        if (!active || !root.contains(active)) return;\n        e.preventDefault();\n        e.stopPropagation();\n\n        const focusable = Array.from(\n          document.querySelectorAll<HTMLElement>(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n          ),\n        ).filter(el => !el.hasAttribute('disabled'));\n\n        const index = focusable.indexOf(active);\n        const direction = e.shiftKey ? -1 : 1;\n        const nextIndex = index + direction;\n        const next =\n          focusable[nextIndex] ??\n          (direction === 1 ? focusable[0] : focusable[focusable.length - 1]);\n        next?.focus();\n      };\n\n      root.addEventListener('keydown', handleKeyDown, true);\n\n      return () => {\n        root.removeEventListener('keydown', handleKeyDown, true);\n      };\n    }, [wrapperRef]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    const onFocusCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.relatedTarget) {\n        const root = event.currentTarget as HTMLDivElement;\n        const target = root.querySelector(\n          'textarea, [contenteditable=\"true\"]',\n        ) as HTMLElement | null;\n        if (target) {\n          setTimeout(() => target.focus());\n        }\n      }\n    };\n    const editorClassName = classNames(styles.MarkDownInput, {\n      [styles['MarkDownInput--disabled']]: disabled,\n    });\n\n    return (\n      <FormControl className={styles.MarkDownInputFormControl} error={error}>\n        {label && <FormLabel sx={formLabel}>{label}</FormLabel>}\n        {sublabel && (\n          <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n        )}\n        <div\n          ref={wrapperRef}\n          onFocusCapture={onFocusCapture}\n          data-color-mode={getActiveTheme()}\n          className={styles.MarkDownInputWrapper}\n        >\n          <MDEditor\n            ref={ref}\n            value={markdownContent}\n            onChange={handleMarkdownChange}\n            preview=\"edit\"\n            height={minRows ? minRows * 24 : 64}\n            className={editorClassName}\n          />\n        </div>\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownInput.esm.js","sources":["../../../../src/components/common/MarkdownInput/MarkdownInput.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef } from 'react';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport MDEditor from '@uiw/react-md-editor';\nimport { TextFieldProps } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { getActiveTheme } from '../../../utils/utilityfunctions';\nimport formStyles from '../formStyles.module.css';\nimport styles from './MarkdownInput.module.css';\n\ntype Props = TextFieldProps & {\n  sublabel?: string;\n  value?: string;\n  onMarkdownChange?: (markdown: string) => void;\n  minRows?: number;\n};\n\nexport const MarkdownInput = forwardRef<HTMLDivElement, Props>(\n  (\n    {\n      label,\n      sublabel,\n      error,\n      helperText,\n      minRows,\n      value,\n      onMarkdownChange,\n      disabled = false,\n    },\n    ref,\n  ) => {\n    const [markdownContent, setMarkdownContent] = useState<string | undefined>(\n      value,\n    );\n\n    const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n      setMarkdownContent(value);\n    }, [value]);\n\n    useEffect(() => {\n      const root = wrapperRef.current;\n      if (!root) return () => {};\n\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Tab') return;\n        const active = document.activeElement as HTMLElement | null;\n        if (!active || !root.contains(active)) return;\n        e.preventDefault();\n        e.stopPropagation();\n\n        const focusable = Array.from(\n          document.querySelectorAll<HTMLElement>(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n          ),\n        ).filter(el => !el.hasAttribute('disabled'));\n\n        const index = focusable.indexOf(active);\n        const direction = e.shiftKey ? -1 : 1;\n        const nextIndex = index + direction;\n        const next =\n          focusable[nextIndex] ??\n          (direction === 1 ? focusable[0] : focusable[focusable.length - 1]);\n        next?.focus();\n      };\n\n      root.addEventListener('keydown', handleKeyDown, true);\n\n      return () => {\n        root.removeEventListener('keydown', handleKeyDown, true);\n      };\n    }, [wrapperRef]);\n\n    const handleMarkdownChange = (newValue: string | undefined) => {\n      setMarkdownContent(newValue || '');\n      onMarkdownChange?.(newValue || '');\n    };\n\n    const onFocusCapture = (event: React.FocusEvent<HTMLDivElement>) => {\n      if (event.relatedTarget) {\n        const root = event.currentTarget as HTMLDivElement;\n        const target = root.querySelector(\n          'textarea, [contenteditable=\"true\"]',\n        ) as HTMLElement | null;\n        if (target) {\n          setTimeout(() => target.focus());\n        }\n      }\n    };\n    const editorClassName = classNames(styles.MarkDownInput, {\n      [styles['MarkDownInput--disabled']]: disabled,\n    });\n\n    return (\n      <FormControl className={styles.MarkDownInputFormControl} error={error}>\n        {label && (\n          <FormLabel className={formStyles.formLabel}>{label}</FormLabel>\n        )}\n        {sublabel && (\n          <FormHelperText className={formStyles.formHelperText}>\n            {sublabel}\n          </FormHelperText>\n        )}\n        <div\n          ref={wrapperRef}\n          onFocusCapture={onFocusCapture}\n          data-color-mode={getActiveTheme()}\n          className={styles.MarkDownInputWrapper}\n        >\n          <MDEditor\n            ref={ref}\n            value={markdownContent}\n            onChange={handleMarkdownChange}\n            preview=\"edit\"\n            height={minRows ? minRows * 24 : 64}\n            className={editorClassName}\n          />\n        </div>\n        {helperText && <FormHelperText>{helperText}</FormHelperText>}\n      </FormControl>\n    );\n  },\n);\n"],"names":[],"mappings":"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"}

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

@@ -11,7 +11,8 @@ import MenuItem from '@mui/material/MenuItem';
 import MUISelect from '@mui/material/Select';
 import { useController } from 'react-hook-form';
 import { pluginRiScTranslationRef } from '../../utils/translations.esm.js';
-import { formLabel, formHelperText } from './typography.esm.js';
+import formStyles from './formStyles.module.css.esm.js';
+import styles from './Select.module.css.esm.js';
 
 function Select({
   label,
@@ -37,27 +38,16 @@ function Select({
     if (!multiple) {
       return options.find((option) => option.value === values)?.renderedValue;
     }
-    return /* @__PURE__ */ jsx(
-      Box,
+    return /* @__PURE__ */ jsx(Box, { className: styles.chips, children: values.map((value) => /* @__PURE__ */ jsx(
+      Chip,
       {
-        sx: {
-          display: "flex",
-          flexWrap: "wrap",
-          marginBottom: 0,
-          paddingBottom: 0
-        },
-        children: values.map((value) => /* @__PURE__ */ jsx(
-          Chip,
-          {
-            label: (
-              /* @ts-ignore Because ts can't typecheck strings against our keys */
-              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value
-            )
-          },
-          value
-        ))
-      }
-    );
+        label: (
+          /* @ts-ignore Because ts can't typecheck strings against our keys */
+          labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value
+        )
+      },
+      value
+    )) });
   }
   function handleChecked(fieldValue, optionValue) {
     if (Array.isArray(fieldValue)) {
@@ -65,9 +55,9 @@ function Select({
     }
     return fieldValue === optionValue;
   }
-  return /* @__PURE__ */ jsxs(FormControl, { error, sx: { width: "100%", gap: "4px" }, children: [
-    label && /* @__PURE__ */ jsx(FormLabel, { sx: formLabel, required, children: label }),
-    sublabel && /* @__PURE__ */ jsx(FormHelperText, { sx: formHelperText, children: sublabel }),
+  return /* @__PURE__ */ jsxs(FormControl, { error, className: formStyles.formControl, children: [
+    label && /* @__PURE__ */ jsx(FormLabel, { className: formStyles.formLabel, required, children: label }),
+    sublabel && /* @__PURE__ */ jsx(FormHelperText, { className: formStyles.formHelperText, children: sublabel }),
     /* @__PURE__ */ jsx(
       MUISelect,
       {
@@ -78,13 +68,7 @@ function Select({
         variant: "outlined",
         renderValue,
         multiple,
-        SelectDisplayProps: multiple ? {
-          style: {
-            paddingBottom: 8,
-            paddingTop: 16,
-            minHeight: 40
-          }
-        } : {},
+        SelectDisplayProps: multiple ? { className: styles.selectDisplayMultiple } : {},
         inputRef: field.ref,
         ...field,
         ...props,

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

@@ -1 +1 @@
-{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  RegisterOptions,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport { formHelperText, formLabel } from './typography';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: {\n    value: string | number;\n    renderedValue: React.ReactNode | string | number;\n  }[];\n  rules?: Omit<\n    RegisterOptions<T, string & Path<T>>,\n    'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'\n  >;\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  rules,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { field } = useController({\n    name,\n    control,\n    rules: { ...rules, required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          marginBottom: 0,\n          paddingBottom: 0,\n        }}\n      >\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl error={error} sx={{ width: '100%', gap: '4px' }}>\n      {label && (\n        <FormLabel sx={formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText sx={formHelperText}>{sublabel}</FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        error={error}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple\n            ? {\n                style: {\n                  paddingBottom: 8,\n                  paddingTop: 16,\n                  minHeight: 40,\n                },\n              }\n            : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.esm.js","sources":["../../../src/components/common/Select.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Box from '@mui/material/Box';\nimport Checkbox from '@mui/material/Checkbox';\nimport Chip from '@mui/material/Chip';\nimport FormControl from '@mui/material/FormControl';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport FormLabel from '@mui/material/FormLabel';\nimport ListItemText from '@mui/material/ListItemText';\nimport MenuItem from '@mui/material/MenuItem';\nimport MUISelect, { SelectProps } from '@mui/material/Select';\nimport {\n  Control,\n  FieldValues,\n  Path,\n  RegisterOptions,\n  useController,\n  type UseControllerReturn,\n} from 'react-hook-form';\nimport { pluginRiScTranslationRef } from '../../utils/translations';\nimport formStyles from './formStyles.module.css';\nimport styles from './Select.module.css';\n\ntype Props<T extends FieldValues> = SelectProps & {\n  sublabel?: string;\n  helperText?: string;\n  control?: Control<T, any>;\n  name: Path<T>;\n  labelTranslationKey?: string;\n  options: {\n    value: string | number;\n    renderedValue: React.ReactNode | string | number;\n  }[];\n  rules?: Omit<\n    RegisterOptions<T, string & Path<T>>,\n    'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'\n  >;\n};\n\nexport function Select<T extends FieldValues>({\n  label,\n  sublabel,\n  error,\n  helperText,\n  required,\n  control,\n  name,\n  multiple,\n  labelTranslationKey,\n  options,\n  rules,\n  ...props\n}: Props<T>) {\n  const { t } = useTranslationRef(pluginRiScTranslationRef);\n\n  const { field } = useController({\n    name,\n    control,\n    rules: { ...rules, required },\n  });\n\n  // values er strengt tatt unknown, men da må vi bruke mye ts-ignore for å komme i mål\n  function renderValue(values: any) {\n    if (!multiple) {\n      return options.find(option => option.value === values)?.renderedValue;\n    }\n    return (\n      <Box className={styles.chips}>\n        {values.map((value: string) => (\n          <Chip\n            key={value}\n            label={\n              /* @ts-ignore Because ts can't typecheck strings against our keys */\n              labelTranslationKey ? t(`${labelTranslationKey}.${value}`) : value\n            }\n          />\n        ))}\n      </Box>\n    );\n  }\n\n  function handleChecked(\n    fieldValue: UseControllerReturn['field']['value'],\n    optionValue: Props<T>['options'][number]['value'],\n  ) {\n    if (Array.isArray(fieldValue)) {\n      return fieldValue.includes(optionValue);\n    }\n    return fieldValue === optionValue;\n  }\n\n  return (\n    <FormControl error={error} className={formStyles.formControl}>\n      {label && (\n        <FormLabel className={formStyles.formLabel} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      {sublabel && (\n        <FormHelperText className={formStyles.formHelperText}>\n          {sublabel}\n        </FormHelperText>\n      )}\n\n      <MUISelect\n        MenuProps={{\n          disablePortal: true,\n        }}\n        error={error}\n        variant=\"outlined\"\n        renderValue={renderValue}\n        multiple={multiple}\n        SelectDisplayProps={\n          multiple ? { className: styles.selectDisplayMultiple } : {}\n        }\n        inputRef={field.ref}\n        {...field}\n        {...props}\n      >\n        {options.map(option => (\n          <MenuItem key={option.value} value={option.value}>\n            {multiple && (\n              <Checkbox checked={handleChecked(field.value, option.value)} />\n            )}\n            <ListItemText primary={option.renderedValue} />\n          </MenuItem>\n        ))}\n      </MUISelect>\n      {error && <FormHelperText error>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".Select_chips__6ce5ee3a08 {\n  display: flex;\n  flex-wrap: wrap;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\n\n/* Override MUI Select display padding for multiple mode */\n.Select_selectDisplayMultiple__6ce5ee3a08 {\n  padding-bottom: 8px !important;\n  padding-top: 16px !important;\n  min-height: 40px !important;\n}\n";
+var styles = {"chips":"Select_chips__6ce5ee3a08","selectDisplayMultiple":"Select_selectDisplayMultiple__6ce5ee3a08"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=Select.module.css.esm.js.map

package/dist/components/common/Select.module.css.esm.js.map

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

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

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".formStyles_formControl__9dfb0e64ee {\n  width: 100%;\n  gap: 4px;\n}\n\n/* Override MUI FormLabel color and transform */\n.formStyles_formLabel__9dfb0e64ee {\n  font-size: 0.875rem;\n  font-weight: 700 !important;\n  text-transform: none;\n  color: inherit !important;\n}\n\n/* Override MUI FormHelperText color and margin */\n.formStyles_formHelperText__9dfb0e64ee {\n  font-size: 0.875rem;\n  font-weight: 400;\n  color: inherit !important;\n  margin: 0 !important;\n}\n";
+var formStyles = {"formControl":"formStyles_formControl__9dfb0e64ee","formLabel":"formStyles_formLabel__9dfb0e64ee","formHelperText":"formStyles_formHelperText__9dfb0e64ee"};
+styleInject(css_248z);
+
+export { formStyles as default };
+//# sourceMappingURL=formStyles.module.css.esm.js.map

package/dist/components/common/formStyles.module.css.esm.js.map

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

package/dist/components/riScInfo/changeset/components/ChangeSetAddedValue.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetAddedValue({ newValue }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("span", { className: styles.addedValue, children: newValue });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetAddedValue.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetAddedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetAddedValue.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetAddedValueProps {\n  newValue: string;\n}\n\nexport function ChangeSetAddedValue({ newValue }: ChangeSetAddedValueProps) {\n  const styles = useChangeSetStyles();\n  return <span className={styles.addedValue}>{newValue}</span>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA6B;AAC1E,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,YAAa,QAAA,EAAA,QAAA,EAAS,CAAA;AACvD;;;;"}
+{"version":3,"file":"ChangeSetAddedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetAddedValue.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetAddedValueProps {\n  newValue: string;\n}\n\nexport function ChangeSetAddedValue({ newValue }: ChangeSetAddedValueProps) {\n  return <span className={styles.addedValue}>{newValue}</span>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAS,EAA6B;AAC1E,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,YAAa,QAAA,EAAA,QAAA,EAAS,CAAA;AACvD;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetBox.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetBox({ children, type }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx(
     "div",
     {

package/dist/components/riScInfo/changeset/components/ChangeSetBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetBox.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetBox.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetBoxProps {\n  type: 'primary' | 'secondary';\n  children: ReactNode[] | ReactNode;\n}\n\nexport function ChangeSetBox({ children, type }: ChangeSetBoxProps) {\n  const styles = useChangeSetStyles();\n\n  return (\n    <div\n      className={`${styles.box} ${type === 'primary' ? styles.boxPrimary : styles.boxSecondary}`}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,IAAA,EAAK,EAAsB;AAClE,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAElC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,GAAG,CAAA,CAAA,EAAI,SAAS,SAAA,GAAY,MAAA,CAAO,UAAA,GAAa,MAAA,CAAO,YAAY,CAAA,CAAA;AAAA,MAEvF;AAAA;AAAA,GACH;AAEJ;;;;"}
+{"version":3,"file":"ChangeSetBox.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetBox.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './changeSet.module.css';\n\ninterface ChangeSetBoxProps {\n  type: 'primary' | 'secondary';\n  children: ReactNode[] | ReactNode;\n}\n\nexport function ChangeSetBox({ children, type }: ChangeSetBoxProps) {\n  return (\n    <div\n      className={`${styles.box} ${type === 'primary' ? styles.boxPrimary : styles.boxSecondary}`}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,YAAA,CAAa,EAAE,QAAA,EAAU,IAAA,EAAK,EAAsB;AAClE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,GAAG,CAAA,CAAA,EAAI,SAAS,SAAA,GAAY,MAAA,CAAO,UAAA,GAAa,MAAA,CAAO,YAAY,CAAA,CAAA;AAAA,MAEvF;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetBoxTitle.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetBoxTitle({ title }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("div", { className: styles.boxTitle, children: title });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetBoxTitle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetBoxTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetBoxTitle.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetBoxTitleProps {\n  title: string;\n}\n\nexport function ChangeSetBoxTitle({ title }: ChangeSetBoxTitleProps) {\n  const styles = useChangeSetStyles();\n  return <div className={styles.boxTitle}>{title}</div>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAM,EAA2B;AACnE,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AACjD;;;;"}
+{"version":3,"file":"ChangeSetBoxTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetBoxTitle.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetBoxTitleProps {\n  title: string;\n}\n\nexport function ChangeSetBoxTitle({ title }: ChangeSetBoxTitleProps) {\n  return <div className={styles.boxTitle}>{title}</div>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,iBAAA,CAAkB,EAAE,KAAA,EAAM,EAA2B;AACnE,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAA,KAAA,EAAM,CAAA;AACjD;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetChangedTitle.esm.js

@@ -1,10 +1,9 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 import { ChangeSetBoxTitle } from './ChangeSetBoxTitle.esm.js';
 import { ChangeSetChangedValue } from './ChangeSetChangedValue.esm.js';
 
 function ChangeSetChangedTitle({ title }) {
-  const styles = useChangeSetStyles();
   if (title.type === "UNCHANGED")
     return /* @__PURE__ */ jsx(ChangeSetBoxTitle, { title: title.value });
   if (title.type === "CHANGED")

package/dist/components/riScInfo/changeset/components/ChangeSetChangedTitle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetChangedTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetChangedTitle.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\nimport { SimpleTrackedProperty } from '../../../../utils/types.ts';\nimport { ChangeSetBoxTitle } from './ChangeSetBoxTitle.tsx';\nimport { ChangeSetChangedValue } from './ChangeSetChangedValue.tsx';\n\ninterface ChangeSetChangedTitleProps {\n  title: SimpleTrackedProperty<string>;\n}\n\nexport function ChangeSetChangedTitle({ title }: ChangeSetChangedTitleProps) {\n  const styles = useChangeSetStyles();\n  if (title.type === 'UNCHANGED')\n    return <ChangeSetBoxTitle title={title.value} />;\n\n  if (title.type === 'CHANGED')\n    return (\n      <div className={styles.boxTitle}>\n        <ChangeSetChangedValue\n          oldValue={title.oldValue}\n          newValue={title.newValue}\n        />\n      </div>\n    );\n\n  return <></>;\n}\n"],"names":[],"mappings":";;;;;AASO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAA+B;AAC3E,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,IAAI,MAAM,IAAA,KAAS,WAAA;AACjB,IAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,CAAA;AAEhD,EAAA,IAAI,MAAM,IAAA,KAAS,SAAA;AACjB,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,UAAU,KAAA,CAAM;AAAA;AAAA,KAClB,EACF,CAAA;AAGJ,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAE,CAAA;AACX;;;;"}
+{"version":3,"file":"ChangeSetChangedTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetChangedTitle.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\nimport { SimpleTrackedProperty } from '../../../../utils/types.ts';\nimport { ChangeSetBoxTitle } from './ChangeSetBoxTitle.tsx';\nimport { ChangeSetChangedValue } from './ChangeSetChangedValue.tsx';\n\ninterface ChangeSetChangedTitleProps {\n  title: SimpleTrackedProperty<string>;\n}\n\nexport function ChangeSetChangedTitle({ title }: ChangeSetChangedTitleProps) {\n  if (title.type === 'UNCHANGED')\n    return <ChangeSetBoxTitle title={title.value} />;\n\n  if (title.type === 'CHANGED')\n    return (\n      <div className={styles.boxTitle}>\n        <ChangeSetChangedValue\n          oldValue={title.oldValue}\n          newValue={title.newValue}\n        />\n      </div>\n    );\n\n  return <></>;\n}\n"],"names":[],"mappings":";;;;;AASO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAA+B;AAC3E,EAAA,IAAI,MAAM,IAAA,KAAS,WAAA;AACjB,IAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAkB,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,CAAA;AAEhD,EAAA,IAAI,MAAM,IAAA,KAAS,SAAA;AACjB,IAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,UAAU,KAAA,CAAM,QAAA;AAAA,QAChB,UAAU,KAAA,CAAM;AAAA;AAAA,KAClB,EACF,CAAA;AAGJ,EAAA,uBAAO,GAAA,CAAA,QAAA,EAAA,EAAE,CAAA;AACX;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetChangedValue.esm.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetChangedValue({
   oldValue,
@@ -7,7 +7,6 @@ function ChangeSetChangedValue({
   unit = void 0,
   multiline = false
 }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: styles.oldValue, children: oldValue }),
     multiline ? /* @__PURE__ */ jsx("br", {}) : " ",

package/dist/components/riScInfo/changeset/components/ChangeSetChangedValue.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetChangedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetChangedValue.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\nimport { ReactNode } from 'react';\n\ninterface ChangeSetChangedValueProps {\n  oldValue: string | ReactNode;\n  newValue: string | ReactNode;\n  unit?: string;\n  multiline?: boolean;\n}\n\nexport function ChangeSetChangedValue({\n  oldValue,\n  newValue,\n  unit = undefined,\n  multiline = false,\n}: ChangeSetChangedValueProps) {\n  const styles = useChangeSetStyles();\n  return (\n    <>\n      <span className={styles.oldValue}>{oldValue}</span>\n      {multiline ? <br /> : ' '}\n      <span className={styles.newValue}>{newValue}</span>\n      {multiline ? <br /> : ' '}\n      <span className={styles.text}>{unit ? unit : ''}</span>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,qBAAA,CAAsB;AAAA,EACpC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAA+B;AAC7B,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EAAW,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IAC3C,SAAA,mBAAY,GAAA,CAAC,IAAA,EAAA,EAAG,CAAA,GAAK,GAAA;AAAA,oBACtB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IAC3C,SAAA,mBAAY,GAAA,CAAC,IAAA,EAAA,EAAG,CAAA,GAAK,GAAA;AAAA,wBACrB,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,IAAA,EAAO,QAAA,EAAA,IAAA,GAAO,OAAO,EAAA,EAAG;AAAA,GAAA,EAClD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ChangeSetChangedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetChangedValue.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\nimport { ReactNode } from 'react';\n\ninterface ChangeSetChangedValueProps {\n  oldValue: string | ReactNode;\n  newValue: string | ReactNode;\n  unit?: string;\n  multiline?: boolean;\n}\n\nexport function ChangeSetChangedValue({\n  oldValue,\n  newValue,\n  unit = undefined,\n  multiline = false,\n}: ChangeSetChangedValueProps) {\n  return (\n    <>\n      <span className={styles.oldValue}>{oldValue}</span>\n      {multiline ? <br /> : ' '}\n      <span className={styles.newValue}>{newValue}</span>\n      {multiline ? <br /> : ' '}\n      <span className={styles.text}>{unit ? unit : ''}</span>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAUO,SAAS,qBAAA,CAAsB;AAAA,EACpC,QAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,EAA+B;AAC7B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,QAAA,EAAW,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IAC3C,SAAA,mBAAY,GAAA,CAAC,IAAA,EAAA,EAAG,CAAA,GAAK,GAAA;AAAA,oBACtB,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,IAC3C,SAAA,mBAAY,GAAA,CAAC,IAAA,EAAA,EAAG,CAAA,GAAK,GAAA;AAAA,wBACrB,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,IAAA,EAAO,QAAA,EAAA,IAAA,GAAO,OAAO,EAAA,EAAG;AAAA,GAAA,EAClD,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetColumn.esm.js

@@ -1,11 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetColumn({
   children,
   column = "*"
 }) {
-  const styles = useChangeSetStyles();
   let columnClass = "";
   if (column === "1") {
     columnClass = styles.firstColumn;

package/dist/components/riScInfo/changeset/components/ChangeSetColumn.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetColumn.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetColumn.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetColumnProps {\n  children: ReactNode | ReactNode[];\n  column?: '*' | '1' | '2';\n}\n\nexport function ChangeSetColumn({\n  children,\n  column = '*',\n}: ChangeSetColumnProps) {\n  const styles = useChangeSetStyles();\n  let columnClass = '';\n  if (column === '1') {\n    columnClass = styles.firstColumn;\n  } else if (column === '2') {\n    columnClass = styles.secondColumn;\n  }\n  return <div className={columnClass}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,EAAyB;AACvB,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,IAAI,WAAA,GAAc,EAAA;AAClB,EAAA,IAAI,WAAW,GAAA,EAAK;AAClB,IAAA,WAAA,GAAc,MAAA,CAAO,WAAA;AAAA,EACvB,CAAA,MAAA,IAAW,WAAW,GAAA,EAAK;AACzB,IAAA,WAAA,GAAc,MAAA,CAAO,YAAA;AAAA,EACvB;AACA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,EAAc,QAAA,EAAS,CAAA;AAChD;;;;"}
+{"version":3,"file":"ChangeSetColumn.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetColumn.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './changeSet.module.css';\n\ninterface ChangeSetColumnProps {\n  children: ReactNode | ReactNode[];\n  column?: '*' | '1' | '2';\n}\n\nexport function ChangeSetColumn({\n  children,\n  column = '*',\n}: ChangeSetColumnProps) {\n  let columnClass = '';\n  if (column === '1') {\n    columnClass = styles.firstColumn;\n  } else if (column === '2') {\n    columnClass = styles.secondColumn;\n  }\n  return <div className={columnClass}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAQO,SAAS,eAAA,CAAgB;AAAA,EAC9B,QAAA;AAAA,EACA,MAAA,GAAS;AACX,CAAA,EAAyB;AACvB,EAAA,IAAI,WAAA,GAAc,EAAA;AAClB,EAAA,IAAI,WAAW,GAAA,EAAK;AAClB,IAAA,WAAA,GAAc,MAAA,CAAO,WAAA;AAAA,EACvB,CAAA,MAAA,IAAW,WAAW,GAAA,EAAK;AACzB,IAAA,WAAA,GAAc,MAAA,CAAO,YAAA;AAAA,EACvB;AACA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,WAAA,EAAc,QAAA,EAAS,CAAA;AAChD;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetPropertyBase.esm.js

@@ -1,12 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetPropertyBase({
   children,
   propertyName,
   compact = false
 }) {
-  const styles = useChangeSetStyles();
   if (compact) {
     return /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("span", { className: styles.propertyTitle, children: [

package/dist/components/riScInfo/changeset/components/ChangeSetPropertyBase.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetPropertyBase.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetPropertyBase.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\nimport { ReactNode } from 'react';\n\ninterface ChangeSetBoxSubTitleProps {\n  propertyName: string;\n  children: ReactNode[] | ReactNode;\n  compact?: boolean;\n}\n\nexport function ChangeSetPropertyBase({\n  children,\n  propertyName,\n  compact = false,\n}: ChangeSetBoxSubTitleProps) {\n  const styles = useChangeSetStyles();\n  if (compact) {\n    return (\n      <div>\n        <span className={styles.propertyTitle}>{propertyName}: </span>\n        <span>{children}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.property}>\n      <div className={styles.propertyTitle}>{propertyName}</div>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAA8B;AAC5B,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,aAAA,EAAgB,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QAAa;AAAA,OAAA,EAAE,CAAA;AAAA,sBACvD,GAAA,CAAC,UAAM,QAAA,EAAS;AAAA,KAAA,EAClB,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAgB,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,oBACpD,GAAA,CAAC,SAAK,QAAA,EAAS;AAAA,GAAA,EACjB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ChangeSetPropertyBase.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetPropertyBase.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\nimport { ReactNode } from 'react';\n\ninterface ChangeSetBoxSubTitleProps {\n  propertyName: string;\n  children: ReactNode[] | ReactNode;\n  compact?: boolean;\n}\n\nexport function ChangeSetPropertyBase({\n  children,\n  propertyName,\n  compact = false,\n}: ChangeSetBoxSubTitleProps) {\n  if (compact) {\n    return (\n      <div>\n        <span className={styles.propertyTitle}>{propertyName}: </span>\n        <span>{children}</span>\n      </div>\n    );\n  }\n\n  return (\n    <div className={styles.property}>\n      <div className={styles.propertyTitle}>{propertyName}</div>\n      <div>{children}</div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,qBAAA,CAAsB;AAAA,EACpC,QAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EAA8B;AAC5B,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,4BACG,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,aAAA,EAAgB,QAAA,EAAA;AAAA,QAAA,YAAA;AAAA,QAAa;AAAA,OAAA,EAAE,CAAA;AAAA,sBACvD,GAAA,CAAC,UAAM,QAAA,EAAS;AAAA,KAAA,EAClB,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,QAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,aAAA,EAAgB,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,oBACpD,GAAA,CAAC,SAAK,QAAA,EAAS;AAAA,GAAA,EACjB,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetRemovedProperty.esm.js

@@ -1,12 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 import { ChangeSetRemovedValue } from './ChangeSetRemovedValue.esm.js';
 
 function ChangeSetRemovedProperty({
   propertyName,
   value
 }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsxs("div", { className: styles.removedPropertyContainer, children: [
     /* @__PURE__ */ jsx("div", { className: styles.removedProperty, children: propertyName }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ChangeSetRemovedValue, { oldValue: value }) })

package/dist/components/riScInfo/changeset/components/ChangeSetRemovedProperty.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetRemovedProperty.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetRemovedProperty.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\nimport { ChangeSetRemovedValue } from './ChangeSetRemovedValue.tsx';\n\ninterface ChangeSetRemovedPropertyProps {\n  propertyName: string;\n  value: string;\n}\n\nexport function ChangeSetRemovedProperty({\n  propertyName,\n  value,\n}: ChangeSetRemovedPropertyProps) {\n  const styles = useChangeSetStyles();\n  return (\n    <div className={styles.removedPropertyContainer}>\n      <div className={styles.removedProperty}>{propertyName}</div>\n      <div>\n        <ChangeSetRemovedValue oldValue={value} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,SAAS,wBAAA,CAAyB;AAAA,EACvC,YAAA;AAAA,EACA;AACF,CAAA,EAAkC;AAChC,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,wBAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAA,EAAkB,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,wBACrD,KAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,QAAA,EAAU,OAAO,CAAA,EAC1C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ChangeSetRemovedProperty.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetRemovedProperty.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\nimport { ChangeSetRemovedValue } from './ChangeSetRemovedValue.tsx';\n\ninterface ChangeSetRemovedPropertyProps {\n  propertyName: string;\n  value: string;\n}\n\nexport function ChangeSetRemovedProperty({\n  propertyName,\n  value,\n}: ChangeSetRemovedPropertyProps) {\n  return (\n    <div className={styles.removedPropertyContainer}>\n      <div className={styles.removedProperty}>{propertyName}</div>\n      <div>\n        <ChangeSetRemovedValue oldValue={value} />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAQO,SAAS,wBAAA,CAAyB;AAAA,EACvC,YAAA;AAAA,EACA;AACF,CAAA,EAAkC;AAChC,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,wBAAA,EACrB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,eAAA,EAAkB,QAAA,EAAA,YAAA,EAAa,CAAA;AAAA,wBACrD,KAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAsB,QAAA,EAAU,OAAO,CAAA,EAC1C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetRemovedValue.esm.js

@@ -1,10 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetRemovedValue({
   oldValue
 }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("span", { className: styles.removedValue, children: oldValue });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetRemovedValue.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetRemovedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetRemovedValue.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetRemovedValueProps {\n  oldValue: string;\n}\n\nexport function ChangeSetRemovedValue({\n  oldValue,\n}: ChangeSetRemovedValueProps) {\n  const styles = useChangeSetStyles();\n  return <span className={styles.removedValue}>{oldValue}</span>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,qBAAA,CAAsB;AAAA,EACpC;AACF,CAAA,EAA+B;AAC7B,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,cAAe,QAAA,EAAA,QAAA,EAAS,CAAA;AACzD;;;;"}
+{"version":3,"file":"ChangeSetRemovedValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetRemovedValue.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetRemovedValueProps {\n  oldValue: string;\n}\n\nexport function ChangeSetRemovedValue({\n  oldValue,\n}: ChangeSetRemovedValueProps) {\n  return <span className={styles.removedValue}>{oldValue}</span>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,qBAAA,CAAsB;AAAA,EACpC;AACF,CAAA,EAA+B;AAC7B,EAAA,uBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,cAAe,QAAA,EAAA,QAAA,EAAS,CAAA;AACzD;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetTag.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetTag({ text, type }) {
-  const styles = useChangeSetStyles();
   const typeStyle = {
     primary: styles.tagPrimary,
     delete: styles.tagDelete,

package/dist/components/riScInfo/changeset/components/ChangeSetTag.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetTag.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTag.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetTagProps {\n  text: string;\n  type: 'primary' | 'delete' | 'added';\n}\n\nexport function ChangeSetTag({ text, type }: ChangeSetTagProps) {\n  const styles = useChangeSetStyles();\n  const typeStyle = {\n    primary: styles.tagPrimary,\n    delete: styles.tagDelete,\n    added: styles.tagAdded,\n  };\n  return <div className={`${styles.tag} ${typeStyle[type]}`}>{text}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,IAAA,EAAK,EAAsB;AAC9D,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,SAAS,MAAA,CAAO,UAAA;AAAA,IAChB,QAAQ,MAAA,CAAO,SAAA;AAAA,IACf,OAAO,MAAA,CAAO;AAAA,GAChB;AACA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,GAAG,CAAA,CAAA,EAAI,SAAA,CAAU,IAAI,CAAC,CAAA,CAAA,EAAK,QAAA,EAAA,IAAA,EAAK,CAAA;AACnE;;;;"}
+{"version":3,"file":"ChangeSetTag.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTag.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetTagProps {\n  text: string;\n  type: 'primary' | 'delete' | 'added';\n}\n\nexport function ChangeSetTag({ text, type }: ChangeSetTagProps) {\n  const typeStyle = {\n    primary: styles.tagPrimary,\n    delete: styles.tagDelete,\n    added: styles.tagAdded,\n  };\n  return <div className={`${styles.tag} ${typeStyle[type]}`}>{text}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,IAAA,EAAK,EAAsB;AAC9D,EAAA,MAAM,SAAA,GAAY;AAAA,IAChB,SAAS,MAAA,CAAO,UAAA;AAAA,IAChB,QAAQ,MAAA,CAAO,SAAA;AAAA,IACf,OAAO,MAAA,CAAO;AAAA,GAChB;AACA,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAG,MAAA,CAAO,GAAG,CAAA,CAAA,EAAI,SAAA,CAAU,IAAI,CAAC,CAAA,CAAA,EAAK,QAAA,EAAA,IAAA,EAAK,CAAA;AACnE;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetTags.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetTags({ children }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("div", { className: styles.tags, children });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetTags.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetTags.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTags.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetTagsProps {\n  children: ReactNode[] | ReactNode;\n}\n\nexport function ChangeSetTags({ children }: ChangeSetTagsProps) {\n  const styles = useChangeSetStyles();\n  return <div className={styles.tags}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAAuB;AAC9D,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAS,CAAA;AAChD;;;;"}
+{"version":3,"file":"ChangeSetTags.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTags.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './changeSet.module.css';\n\ninterface ChangeSetTagsProps {\n  children: ReactNode[] | ReactNode;\n}\n\nexport function ChangeSetTags({ children }: ChangeSetTagsProps) {\n  return <div className={styles.tags}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,aAAA,CAAc,EAAE,QAAA,EAAS,EAAuB;AAC9D,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAS,CAAA;AAChD;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetText.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetText({ text }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("p", { className: styles.text, children: text });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetText.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetText.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetText.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetTextProps {\n  text: string;\n}\n\nexport function ChangeSetText({ text }: ChangeSetTextProps) {\n  const styles = useChangeSetStyles();\n  return <p className={styles.text}>{text}</p>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,aAAA,CAAc,EAAE,IAAA,EAAK,EAAuB;AAC1D,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAA,IAAA,EAAK,CAAA;AAC1C;;;;"}
+{"version":3,"file":"ChangeSetText.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetText.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetTextProps {\n  text: string;\n}\n\nexport function ChangeSetText({ text }: ChangeSetTextProps) {\n  return <p className={styles.text}>{text}</p>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,aAAA,CAAc,EAAE,IAAA,EAAK,EAAuB;AAC1D,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAA,IAAA,EAAK,CAAA;AAC1C;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetTitle.esm.js

@@ -1,8 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetTitle({ text }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("div", { className: styles.title, children: text });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetTitle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTitle.tsx"],"sourcesContent":["import { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetTitleProps {\n  text: string;\n}\n\nexport function ChangeSetTitle({ text }: ChangeSetTitleProps) {\n  const styles = useChangeSetStyles();\n  return <div className={styles.title}>{text}</div>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAK,EAAwB;AAC5D,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AAC7C;;;;"}
+{"version":3,"file":"ChangeSetTitle.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTitle.tsx"],"sourcesContent":["import styles from './changeSet.module.css';\n\ninterface ChangeSetTitleProps {\n  text: string;\n}\n\nexport function ChangeSetTitle({ text }: ChangeSetTitleProps) {\n  return <div className={styles.title}>{text}</div>;\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,cAAA,CAAe,EAAE,IAAA,EAAK,EAAwB;AAC5D,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAQ,QAAA,EAAA,IAAA,EAAK,CAAA;AAC7C;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetTwoColumnSplit.esm.js

@@ -1,10 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetTwoColumnSplit({
   children
 }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsx("div", { className: styles.twoColumnSplit, children });
 }
 

package/dist/components/riScInfo/changeset/components/ChangeSetTwoColumnSplit.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetTwoColumnSplit.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTwoColumnSplit.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetTwoColumnSplitProps {\n  children: ReactNode | ReactNode[];\n}\n\nexport function ChangeSetTwoColumnSplit({\n  children,\n}: ChangeSetTwoColumnSplitProps) {\n  const styles = useChangeSetStyles();\n  return <div className={styles.twoColumnSplit}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,uBAAA,CAAwB;AAAA,EACtC;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAiB,QAAA,EAAS,CAAA;AAC1D;;;;"}
+{"version":3,"file":"ChangeSetTwoColumnSplit.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetTwoColumnSplit.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './changeSet.module.css';\n\ninterface ChangeSetTwoColumnSplitProps {\n  children: ReactNode | ReactNode[];\n}\n\nexport function ChangeSetTwoColumnSplit({\n  children,\n}: ChangeSetTwoColumnSplitProps) {\n  return <div className={styles.twoColumnSplit}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,uBAAA,CAAwB;AAAA,EACtC;AACF,CAAA,EAAiC;AAC/B,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAiB,QAAA,EAAS,CAAA;AAC1D;;;;"}

package/dist/components/riScInfo/changeset/components/ChangeSetValue.esm.js

@@ -1,12 +1,11 @@
 import { jsxs } from 'react/jsx-runtime';
-import { useChangeSetStyles } from './changeSetStyles.esm.js';
+import styles from './changeSet.module.css.esm.js';
 
 function ChangeSetValue({
   value,
   unit,
   emphasised
 }) {
-  const styles = useChangeSetStyles();
   return /* @__PURE__ */ jsxs("span", { className: emphasised ? styles.text : "", children: [
     value,
     " ",

package/dist/components/riScInfo/changeset/components/ChangeSetValue.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChangeSetValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetValue.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { useChangeSetStyles } from './changeSetStyles.ts';\n\ninterface ChangeSetValueProps {\n  value: string | ReactNode;\n  unit?: string;\n  emphasised: boolean;\n}\n\nexport function ChangeSetValue({\n  value,\n  unit,\n  emphasised,\n}: ChangeSetValueProps) {\n  const styles = useChangeSetStyles();\n  return (\n    <span className={emphasised ? styles.text : ''}>\n      {value} {unit ? unit : ''}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,MAAM,SAAS,kBAAA,EAAmB;AAClC,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,GAAa,MAAA,CAAO,OAAO,EAAA,EACzC,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IAAM,GAAA;AAAA,IAAE,OAAO,IAAA,GAAO;AAAA,GAAA,EACzB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ChangeSetValue.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/ChangeSetValue.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport styles from './changeSet.module.css';\n\ninterface ChangeSetValueProps {\n  value: string | ReactNode;\n  unit?: string;\n  emphasised: boolean;\n}\n\nexport function ChangeSetValue({\n  value,\n  unit,\n  emphasised,\n}: ChangeSetValueProps) {\n  return (\n    <span className={emphasised ? styles.text : ''}>\n      {value} {unit ? unit : ''}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;AASO,SAAS,cAAA,CAAe;AAAA,EAC7B,KAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,EAAwB;AACtB,EAAA,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,UAAA,GAAa,MAAA,CAAO,OAAO,EAAA,EACzC,QAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IAAM,GAAA;AAAA,IAAE,OAAO,IAAA,GAAO;AAAA,GAAA,EACzB,CAAA;AAEJ;;;;"}

package/dist/components/riScInfo/changeset/components/changeSet.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/* Retrieved from Kartverket's colour profile */\n\n/* ChangeSetBox */\n.changeSet_box__d765f6b35a {\n  padding: 14px 18px;\n  height: 100%;\n  border-radius: 24px;\n  color: #212121;\n  font-size: 14px;\n}\n\n[data-theme-mode='dark'] .changeSet_box__d765f6b35a {\n  color: #f5f2f2;\n}\n\n.changeSet_boxPrimary__d765f6b35a {\n  background-color: #fcebcd;\n  margin-bottom: 24px;\n}\n\n[data-theme-mode='dark'] .changeSet_boxPrimary__d765f6b35a {\n  background-color: #706f6e;\n}\n\n.changeSet_boxSecondary__d765f6b35a {\n  background-color: #ffffff;\n  margin-bottom: 12px;\n}\n\n[data-theme-mode='dark'] .changeSet_boxSecondary__d765f6b35a {\n  background-color: #4a4848;\n}\n\n/* ChangeSetBoxTitle */\n.changeSet_boxTitle__d765f6b35a {\n  font-weight: 700;\n  font-size: 18px;\n  line-height: 26px;\n  margin-bottom: 12px;\n}\n\n/* ChangeSetPropertyBase */\n.changeSet_property__d765f6b35a {\n  margin-bottom: 12px;\n}\n\n.changeSet_propertyTitle__d765f6b35a {\n  font-weight: 700;\n  color: #212121;\n}\n\n[data-theme-mode='dark'] .changeSet_propertyTitle__d765f6b35a {\n  color: #f5f2f2;\n}\n\n/* ChangeSetChangedValue */\n.changeSet_oldValue__d765f6b35a {\n  font-weight: 700;\n  color: #a32f00;\n  text-decoration: line-through;\n}\n\n[data-theme-mode='dark'] .changeSet_oldValue__d765f6b35a {\n  color: #ffe2d4;\n}\n\n.changeSet_newValue__d765f6b35a {\n  font-weight: 700;\n  color: #156630;\n}\n\n[data-theme-mode='dark'] .changeSet_newValue__d765f6b35a {\n  color: #d0ecd6;\n}\n\n/* ChangeSetRemovedProperty */\n.changeSet_removedPropertyContainer__d765f6b35a {\n  margin-bottom: 8px;\n}\n\n.changeSet_removedProperty__d765f6b35a {\n  font-weight: 700;\n  color: #a32f00;\n  text-decoration: line-through;\n  font-size: 18px;\n  line-height: 26px;\n}\n\n[data-theme-mode='dark'] .changeSet_removedProperty__d765f6b35a {\n  color: #ffe2d4;\n}\n\n/* ChangeSetRemovedValue */\n.changeSet_removedValue__d765f6b35a {\n  font-weight: 500;\n  color: #a32f00;\n  text-decoration: line-through;\n  font-size: 14px;\n}\n\n[data-theme-mode='dark'] .changeSet_removedValue__d765f6b35a {\n  color: #ffe2d4;\n}\n\n/* ChangeSetAddedValue */\n.changeSet_addedValue__d765f6b35a {\n  font-weight: 500;\n  color: #156630;\n  font-size: 14px;\n}\n\n[data-theme-mode='dark'] .changeSet_addedValue__d765f6b35a {\n  color: #d0ecd6;\n}\n\n/* ChangeSetTag */\n.changeSet_tag__d765f6b35a {\n  border-radius: 24px;\n  width: fit-content;\n  padding: 1px 8px;\n  border: 1px solid;\n  color: #212121;\n}\n\n.changeSet_tagPrimary__d765f6b35a {\n  background-color: #ffdd9d;\n  border-color: #cf914a;\n}\n\n.changeSet_tagDelete__d765f6b35a {\n  background-color: #ebb095;\n  border-color: #d04a14;\n}\n\n.changeSet_tagAdded__d765f6b35a {\n  background-color: #d0ecd6;\n  border-color: #66b077;\n}\n\n/* ChangeSetTags */\n.changeSet_tags__d765f6b35a {\n  margin-bottom: 4px;\n  display: flex;\n  gap: 4px;\n}\n\n/* ChangeSetText */\n.changeSet_text__d765f6b35a {\n  font-weight: 500;\n  color: #212121;\n}\n\n[data-theme-mode='dark'] .changeSet_text__d765f6b35a {\n  color: #f5f2f2;\n}\n\n/* ChangeSetBodyText */\n.changeSet_bodyText__d765f6b35a {\n  color: #212121;\n  margin-top: 0;\n  margin-bottom: 4px;\n}\n\n[data-theme-mode='dark'] .changeSet_bodyText__d765f6b35a {\n  color: #f5f2f2;\n}\n\n/* ChangeSetTitle */\n.changeSet_title__d765f6b35a {\n  text-transform: uppercase;\n  letter-spacing: 1px;\n  color: #212121;\n  font-weight: 700;\n  font-size: 14px;\n  margin-bottom: 12px;\n}\n\n[data-theme-mode='dark'] .changeSet_title__d765f6b35a {\n  color: #f5f2f2;\n}\n\n/* ChangeSetTwoColumnSplit */\n.changeSet_twoColumnSplit__d765f6b35a {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 18px;\n  margin-bottom: 12px;\n}\n\n/* ChangeSetColumn */\n.changeSet_firstColumn__d765f6b35a {\n  grid-column: 1;\n}\n\n.changeSet_secondColumn__d765f6b35a {\n  grid-column: 2;\n}\n";
+var styles = {"box":"changeSet_box__d765f6b35a","boxPrimary":"changeSet_boxPrimary__d765f6b35a","boxSecondary":"changeSet_boxSecondary__d765f6b35a","boxTitle":"changeSet_boxTitle__d765f6b35a","property":"changeSet_property__d765f6b35a","propertyTitle":"changeSet_propertyTitle__d765f6b35a","oldValue":"changeSet_oldValue__d765f6b35a","newValue":"changeSet_newValue__d765f6b35a","removedPropertyContainer":"changeSet_removedPropertyContainer__d765f6b35a","removedProperty":"changeSet_removedProperty__d765f6b35a","removedValue":"changeSet_removedValue__d765f6b35a","addedValue":"changeSet_addedValue__d765f6b35a","tag":"changeSet_tag__d765f6b35a","tagPrimary":"changeSet_tagPrimary__d765f6b35a","tagDelete":"changeSet_tagDelete__d765f6b35a","tagAdded":"changeSet_tagAdded__d765f6b35a","tags":"changeSet_tags__d765f6b35a","text":"changeSet_text__d765f6b35a","title":"changeSet_title__d765f6b35a","twoColumnSplit":"changeSet_twoColumnSplit__d765f6b35a","firstColumn":"changeSet_firstColumn__d765f6b35a","secondColumn":"changeSet_secondColumn__d765f6b35a"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=changeSet.module.css.esm.js.map

package/dist/components/riScInfo/changeset/components/changeSet.module.css.esm.js.map

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

package/dist/components/scenarioWizard/components/RiskRadioButton.esm.js

@@ -2,19 +2,17 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import MUIRadio from '@mui/material/Radio';
 import FormControlLabel from '@mui/material/FormControlLabel';
-import { formLabel } from '../../common/typography.esm.js';
+import formStyles from '../../common/formStyles.module.css.esm.js';
+import styles from './RiskRadioButton.module.css.esm.js';
 
 const RiskRadioButton = forwardRef(
   ({ label, ...props }, ref) => /* @__PURE__ */ jsx(
     FormControlLabel,
     {
-      sx: {
-        width: "100%",
-        whiteSpace: "nowrap"
-      },
-      control: /* @__PURE__ */ jsx(MUIRadio, { inputRef: ref, sx: { marginRight: -0.5 }, ...props }),
+      className: styles.container,
+      control: /* @__PURE__ */ jsx(MUIRadio, { inputRef: ref, className: styles.radio, ...props }),
       label,
-      componentsProps: { typography: { sx: formLabel } }
+      componentsProps: { typography: { className: formStyles.formLabel } }
     }
   )
 );

package/dist/components/scenarioWizard/components/RiskRadioButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"RiskRadioButton.esm.js","sources":["../../../../src/components/scenarioWizard/components/RiskRadioButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport MUIRadio, { RadioProps } from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport { formLabel } from '../../common/typography';\n\ntype Props = RadioProps & {\n  label?: string;\n};\n\nexport const RiskRadioButton = forwardRef<HTMLSelectElement, Props>(\n  ({ label, ...props }, ref) => (\n    <FormControlLabel\n      sx={{\n        width: '100%',\n        whiteSpace: 'nowrap',\n      }}\n      control={\n        <MUIRadio inputRef={ref} sx={{ marginRight: -0.5 }} {...props} />\n      }\n      label={label}\n      componentsProps={{ typography: { sx: formLabel } }}\n    />\n  ),\n);\n"],"names":[],"mappings":";;;;;;AASO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,qBACpB,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,UAAA,EAAY;AAAA,OACd;AAAA,MACA,OAAA,kBACE,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAU,GAAA,EAAK,EAAA,EAAI,EAAE,WAAA,EAAa,IAAA,EAAK,EAAI,GAAG,KAAA,EAAO,CAAA;AAAA,MAEjE,KAAA;AAAA,MACA,iBAAiB,EAAE,UAAA,EAAY,EAAE,EAAA,EAAI,WAAU;AAAE;AAAA;AAGvD;;;;"}
+{"version":3,"file":"RiskRadioButton.esm.js","sources":["../../../../src/components/scenarioWizard/components/RiskRadioButton.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport MUIRadio, { RadioProps } from '@mui/material/Radio';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport formStyles from '../../common/formStyles.module.css';\nimport styles from './RiskRadioButton.module.css';\n\ntype Props = RadioProps & {\n  label?: string;\n};\n\nexport const RiskRadioButton = forwardRef<HTMLSelectElement, Props>(\n  ({ label, ...props }, ref) => (\n    <FormControlLabel\n      className={styles.container}\n      control={<MUIRadio inputRef={ref} className={styles.radio} {...props} />}\n      label={label}\n      componentsProps={{ typography: { className: formStyles.formLabel } }}\n    />\n  ),\n);\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,eAAA,GAAkB,UAAA;AAAA,EAC7B,CAAC,EAAE,KAAA,EAAO,GAAG,KAAA,IAAS,GAAA,qBACpB,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAA,CAAO,SAAA;AAAA,MAClB,OAAA,sBAAU,QAAA,EAAA,EAAS,QAAA,EAAU,KAAK,SAAA,EAAW,MAAA,CAAO,KAAA,EAAQ,GAAG,KAAA,EAAO,CAAA;AAAA,MACtE,KAAA;AAAA,MACA,iBAAiB,EAAE,UAAA,EAAY,EAAE,SAAA,EAAW,UAAA,CAAW,WAAU;AAAE;AAAA;AAGzE;;;;"}

package/dist/components/scenarioWizard/components/RiskRadioButton.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = ".RiskRadioButton_container__d7efd9422b {\n  width: 100%;\n  white-space: nowrap;\n}\n\n.RiskRadioButton_radio__d7efd9422b {\n  margin-right: -4px;\n}\n";
+var styles = {"container":"RiskRadioButton_container__d7efd9422b","radio":"RiskRadioButton_radio__d7efd9422b"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=RiskRadioButton.module.css.esm.js.map

package/dist/components/scenarioWizard/components/RiskRadioButton.module.css.esm.js.map

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

package/dist/utils/style.esm.js

@@ -3,10 +3,6 @@ const commonTextColor = (theme, disabled) => {
     return theme.palette.mode === "dark" ? "#FFFFFF80" : "#757575";
   }
 };
-const formControlStyles = {
-  width: "100%",
-  gap: "4px"
-};
 
-export { commonTextColor, formControlStyles };
+export { commonTextColor };
 //# sourceMappingURL=style.esm.js.map

package/dist/utils/style.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.esm.js","sources":["../../src/utils/style.ts"],"sourcesContent":["import { Theme } from '@mui/material/styles';\n\n// Common styles for Input, MarkdownInput, and Markdown components\nexport const commonTextColor = (theme: Theme, disabled: boolean) => {\n  if (disabled) {\n    return theme.palette.mode === 'dark' ? '#FFFFFF80' : '#757575';\n  }\n  return 'inherit';\n};\n\nexport const formControlStyles = {\n  width: '100%',\n  gap: '4px',\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAkB,CAAC,KAAA,EAAc,QAAA,KAAsB;AAClE,EAAc;AACZ,IAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,MAAA,GAAS,WAAA,GAAc,SAAA;AAAA,EACvD;AAEF;AAEO,MAAM,iBAAA,GAAoB;AAAA,EAC/B,KAAA,EAAO,MAAA;AAAA,EACP,GAAA,EAAK;AACP;;;;"}
+{"version":3,"file":"style.esm.js","sources":["../../src/utils/style.ts"],"sourcesContent":["import { Theme } from '@mui/material/styles';\n\n// Common styles for Input, MarkdownInput, and Markdown components\nexport const commonTextColor = (theme: Theme, disabled: boolean) => {\n  if (disabled) {\n    return theme.palette.mode === 'dark' ? '#FFFFFF80' : '#757575';\n  }\n  return 'inherit';\n};\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAkB,CAAC,KAAA,EAAc,QAAA,KAAsB;AAClE,EAAc;AACZ,IAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,MAAA,GAAS,WAAA,GAAc,SAAA;AAAA,EACvD;AAEF;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kartverket/backstage-plugin-risk-scorecard",
-  "version": "6.1.8",
+  "version": "6.1.10",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "MIT",

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

@@ -1,15 +0,0 @@
-const formLabel = {
-  fontSize: "0.875rem",
-  fontWeight: 700,
-  textTransform: "none",
-  color: "inherit"
-};
-const formHelperText = {
-  fontSize: "0.875rem",
-  fontWeight: 400,
-  color: "inherit",
-  margin: 0
-};
-
-export { formHelperText, formLabel };
-//# sourceMappingURL=typography.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"typography.esm.js","sources":["../../../src/components/common/typography.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material/styles';\n\nexport const formLabel: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 700,\n  textTransform: 'none',\n  color: 'inherit',\n};\n\nexport const formHelperText: SxProps<Theme> = {\n  fontSize: '0.875rem',\n  fontWeight: 400,\n  color: 'inherit',\n  margin: 0,\n};\n"],"names":[],"mappings":"AAEO,MAAM,SAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,aAAA,EAAe,MAAA;AAAA,EACf,KAAA,EAAO;AACT;AAEO,MAAM,cAAA,GAAiC;AAAA,EAC5C,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,GAAA;AAAA,EACZ,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ;AACV;;;;"}

package/dist/components/riScInfo/changeset/components/changeSetStyles.esm.js

@@ -1,159 +0,0 @@
-import { makeStyles } from '@material-ui/core';
-
-const white = "#FFFFFF";
-const orange50 = "#FCEBCD";
-const orange100 = "#FFDD9D";
-const orange300 = "#CF914A";
-const red100 = "#FFE2D4";
-const red200 = "#EBB095";
-const red400 = "#D04A14";
-const red500 = "#A32F00";
-const green100 = "#D0ECD6";
-const green300 = "#66B077";
-const green500 = "#156630";
-const gray50 = "#F5F2F2";
-const gray400 = "#706F6E";
-const gray600 = "#4A4848";
-const gray900 = "#212121";
-const removedColor = (theme) => theme.palette.type === "dark" ? red100 : red500;
-const addedColor = (theme) => theme.palette.type === "dark" ? green100 : green500;
-const fontColorLight = gray50;
-const fontColorDark = gray900;
-const fontSizeTitle = "18px";
-const lineHeightTitle = "26px";
-const fontSizeNormal = "14px";
-const fontWeightBold = 700;
-const fontWeightSemiBold = 500;
-const useChangeSetStyles = makeStyles((theme) => ({
-  // ChangeSetBox
-  box: {
-    padding: "14px 18px",
-    height: "100%",
-    borderRadius: "24px",
-    color: theme.palette.type === "dark" ? fontColorLight : fontColorDark,
-    fontSize: fontSizeNormal
-  },
-  boxPrimary: {
-    backgroundColor: theme.palette.type === "dark" ? gray400 : orange50,
-    marginBottom: "24px"
-  },
-  boxSecondary: {
-    backgroundColor: theme.palette.type === "dark" ? gray600 : white,
-    marginBottom: "12px"
-  },
-  // ChangeSetBoxTitle
-  boxTitle: {
-    fontWeight: fontWeightBold,
-    fontSize: fontSizeTitle,
-    lineHeight: "26px",
-    marginBottom: "12px"
-  },
-  // ChangeSetPropertyBase
-  property: {
-    marginBottom: "12px"
-  },
-  propertyTitle: {
-    fontWeight: fontWeightBold,
-    color: theme.palette.type === "dark" ? fontColorLight : fontColorDark
-  },
-  // ChangeSetChangedValue
-  changedProperty: {
-    fontWeight: fontWeightBold
-  },
-  oldValue: {
-    fontWeight: fontWeightBold,
-    color: removedColor(theme),
-    textDecoration: "line-through"
-  },
-  newValue: {
-    fontWeight: fontWeightBold,
-    color: addedColor(theme)
-  },
-  // ChangeSetRemovedProperty
-  removedPropertyContainer: {
-    marginBottom: "8px"
-  },
-  removedProperty: {
-    fontWeight: fontWeightBold,
-    color: removedColor(theme),
-    textDecoration: "line-through",
-    fontSize: fontSizeTitle,
-    lineHeight: lineHeightTitle
-  },
-  // ChangeSetRemovedValue
-  removedValue: {
-    fontWeight: fontWeightSemiBold,
-    color: removedColor(theme),
-    textDecoration: "line-through",
-    fontSize: fontSizeNormal
-  },
-  // ChangeSetAddedValue
-  addedValue: {
-    fontWeight: fontWeightSemiBold,
-    color: addedColor(theme),
-    fontSize: fontSizeNormal
-  },
-  // ChangeSetTag
-  tag: {
-    borderRadius: "24px",
-    width: "fit-content",
-    padding: "1px 8px",
-    border: "1px solid",
-    color: fontColorDark
-  },
-  tagPrimary: {
-    backgroundColor: orange100,
-    borderColor: orange300
-  },
-  tagDelete: {
-    backgroundColor: red200,
-    borderColor: red400
-  },
-  tagAdded: {
-    backgroundColor: green100,
-    borderColor: green300
-  },
-  // ChangeSetTags
-  tags: {
-    marginBottom: "4px",
-    display: "flex",
-    gap: "4px"
-  },
-  // ChangeSetText
-  text: {
-    fontWeight: fontWeightSemiBold,
-    color: theme.palette.type === "dark" ? fontColorLight : fontColorDark
-  },
-  // ChangeSetText
-  bodyText: {
-    color: theme.palette.type === "dark" ? fontColorLight : fontColorDark,
-    marginTop: 0,
-    marginBottom: "4px"
-  },
-  // ChangeSetTitle
-  title: {
-    textTransform: "uppercase",
-    letterSpacing: "1px",
-    color: theme.palette.type === "dark" ? fontColorLight : fontColorDark,
-    fontWeight: fontWeightBold,
-    fontSize: fontSizeNormal,
-    marginBottom: "12px"
-  },
-  // ChangeSetTwoColumnSplit
-  twoColumnSplit: {
-    display: "grid",
-    gridTemplateColumns: "1fr 1fr",
-    gap: "18px",
-    marginBottom: "12px"
-  },
-  // ChangeSetColumn
-  firstColumn: {
-    gridColumn: 1
-  },
-  secondColumn: {
-    gridColumn: 2
-  }
-}));
-
-export { fontWeightBold, useChangeSetStyles };
-//# sourceMappingURL=changeSetStyles.esm.js.map

package/dist/components/riScInfo/changeset/components/changeSetStyles.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"changeSetStyles.esm.js","sources":["../../../../../src/components/riScInfo/changeset/components/changeSetStyles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core';\n\n// Retrieved from Kartverket's colour profile\nconst white = '#FFFFFF';\nconst orange50 = '#FCEBCD';\nconst orange100 = '#FFDD9D';\nconst orange300 = '#CF914A';\nconst red100 = '#FFE2D4';\nconst red200 = '#EBB095';\nconst red400 = '#D04A14';\nconst red500 = '#A32F00';\nconst green100 = '#D0ECD6';\nconst green200 = '#9FD2AB';\nconst green300 = '#66B077';\nconst green500 = '#156630';\nconst gray50 = '#F5F2F2';\nconst gray400 = '#706F6E';\nconst gray600 = '#4A4848';\nconst gray900 = '#212121';\n\nconst removedColor = (theme: Theme) =>\n  theme.palette.type === 'dark' ? red100 : red500;\nconst addedColor = (theme: Theme) =>\n  theme.palette.type === 'dark' ? green100 : green500;\n\nexport const interactiveColor = (theme: Theme) =>\n  theme.palette.type === 'dark' ? green200 : green500;\n\nconst fontColorLight = gray50;\nconst fontColorDark = gray900;\n\nconst fontSizeTitle = '18px';\nconst lineHeightTitle = '26px';\nconst fontSizeNormal = '14px';\nexport const fontWeightBold = 700;\nconst fontWeightSemiBold = 500;\n\nexport const useChangeSetStyles = makeStyles((theme: Theme) => ({\n  // ChangeSetBox\n  box: {\n    padding: '14px 18px',\n    height: '100%',\n    borderRadius: '24px',\n    color: theme.palette.type === 'dark' ? fontColorLight : fontColorDark,\n    fontSize: fontSizeNormal,\n  },\n  boxPrimary: {\n    backgroundColor: theme.palette.type === 'dark' ? gray400 : orange50,\n    marginBottom: '24px',\n  },\n  boxSecondary: {\n    backgroundColor: theme.palette.type === 'dark' ? gray600 : white,\n    marginBottom: '12px',\n  },\n\n  // ChangeSetBoxTitle\n  boxTitle: {\n    fontWeight: fontWeightBold,\n    fontSize: fontSizeTitle,\n    lineHeight: '26px',\n    marginBottom: '12px',\n  },\n\n  // ChangeSetPropertyBase\n  property: {\n    marginBottom: '12px',\n  },\n  propertyTitle: {\n    fontWeight: fontWeightBold,\n    color: theme.palette.type === 'dark' ? fontColorLight : fontColorDark,\n  },\n\n  // ChangeSetChangedValue\n  changedProperty: {\n    fontWeight: fontWeightBold,\n  },\n  oldValue: {\n    fontWeight: fontWeightBold,\n    color: removedColor(theme),\n    textDecoration: 'line-through',\n  },\n  newValue: {\n    fontWeight: fontWeightBold,\n    color: addedColor(theme),\n  },\n\n  // ChangeSetRemovedProperty\n  removedPropertyContainer: {\n    marginBottom: '8px',\n  },\n  removedProperty: {\n    fontWeight: fontWeightBold,\n    color: removedColor(theme),\n    textDecoration: 'line-through',\n    fontSize: fontSizeTitle,\n    lineHeight: lineHeightTitle,\n  },\n\n  // ChangeSetRemovedValue\n  removedValue: {\n    fontWeight: fontWeightSemiBold,\n    color: removedColor(theme),\n    textDecoration: 'line-through',\n    fontSize: fontSizeNormal,\n  },\n\n  // ChangeSetAddedValue\n  addedValue: {\n    fontWeight: fontWeightSemiBold,\n    color: addedColor(theme),\n    fontSize: fontSizeNormal,\n  },\n\n  // ChangeSetTag\n  tag: {\n    borderRadius: '24px',\n    width: 'fit-content',\n    padding: '1px 8px',\n    border: '1px solid',\n    color: fontColorDark,\n  },\n  tagPrimary: {\n    backgroundColor: orange100,\n    borderColor: orange300,\n  },\n  tagDelete: {\n    backgroundColor: red200,\n    borderColor: red400,\n  },\n  tagAdded: {\n    backgroundColor: green100,\n    borderColor: green300,\n  },\n\n  // ChangeSetTags\n  tags: {\n    marginBottom: '4px',\n    display: 'flex',\n    gap: '4px',\n  },\n\n  // ChangeSetText\n  text: {\n    fontWeight: fontWeightSemiBold,\n    color: theme.palette.type === 'dark' ? fontColorLight : fontColorDark,\n  },\n\n  // ChangeSetText\n  bodyText: {\n    color: theme.palette.type === 'dark' ? fontColorLight : fontColorDark,\n    marginTop: 0,\n    marginBottom: '4px',\n  },\n\n  // ChangeSetTitle\n  title: {\n    textTransform: 'uppercase',\n    letterSpacing: '1px',\n    color: theme.palette.type === 'dark' ? fontColorLight : fontColorDark,\n    fontWeight: fontWeightBold,\n    fontSize: fontSizeNormal,\n    marginBottom: '12px',\n  },\n\n  // ChangeSetTwoColumnSplit\n  twoColumnSplit: {\n    display: 'grid',\n    gridTemplateColumns: '1fr 1fr',\n    gap: '18px',\n    marginBottom: '12px',\n  },\n\n  // ChangeSetColumn\n  firstColumn: {\n    gridColumn: 1,\n  },\n\n  secondColumn: {\n    gridColumn: 2,\n  },\n}));\n"],"names":[],"mappings":"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"}