@instructure/ui-instructure 11.7.8 → 11.7.9-pr-snapshot-1792147648392

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-pr-snapshot-1792147648392](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-pr-snapshot-1792147648392) (2026-10-16)
+
+### Build System
+
+* **many:** replace babel with swc ([7e36c54](https://github.com/instructure/instructure-ui/commit/7e36c54d240b4fa483801c03ab18e7f860f561e2))
+
+### BREAKING CHANGES
+
+* **many:** `@instructure/ui-babel-preset` and
+  `@instructure/browserslist-config-instui` are removed and will no longer be
+  published. Packages depend on `@swc/helpers` instead of `@babel/runtime`.
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 ### Bug Fixes

package/es/AiInformation/v1/index.js

@@ -1,26 +1,4 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 import { useState } from 'react';
 import { Popover } from '@instructure/ui-popover/v11_6';
 import { CloseButton } from '@instructure/ui-buttons/v11_6';
@@ -33,162 +11,156 @@ import { NutritionFacts } from '../../NutritionFacts/v1/index.js';
 import { DataPermissionLevels } from '../../DataPermissionLevels/v1/index.js';
 import generateStyle from './styles.js';
 import generateComponentTheme from './theme.js';
-
-/**
----
-category: components/AI Components
----
-**/
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-const AiInformation = ({
-  title,
-  data,
-  trigger,
-  fullscreenModals = false,
-  dataPermissionLevelsModalLabel,
-  dataPermissionLevelsTitle,
-  dataPermissionLevelsData,
-  dataPermissionLevelsCloseButtonText,
-  dataPermissionLevelsCloseIconButtonScreenReaderLabel,
-  dataPermissionLevelsCurrentFeature,
-  dataPermissionLevelsCurrentFeatureText,
-  nutritionFactsModalLabel,
-  nutritionFactsTitle,
-  nutritionFactsFeatureName,
-  nutritionFactsData,
-  nutritionFactsCloseButtonText,
-  nutritionFactsCloseIconButtonScreenReaderLabel
-}) => {
-  const [open, setOpen] = useState(false);
-  const styles = useStyleNew({
-    generateStyle,
-    generateComponentTheme,
-    componentId: 'AiInformation',
-    displayName: 'AiInformation'
-  });
-  return _jsx("div", {
-    children: _jsx(Popover, {
-      renderTrigger: trigger,
-      isShowingContent: open,
-      on: "click",
-      screenReaderLabel: "Popover Dialog Example",
-      shouldContainFocus: true,
-      shouldReturnFocus: true,
-      shouldCloseOnDocumentClick: true,
-      offsetY: "1rem",
-      onShowContent: () => setOpen(true),
-      onHideContent: () => setOpen(false),
-      children: _jsxs("div", {
-        css: styles?.aiInformation,
-        children: [_jsxs("div", {
-          css: styles?.header,
-          children: [_jsx(Heading, {
-            level: "h2",
-            aiVariant: "stacked",
-            variant: "titleModule",
-            children: title
-          }), _jsx(CloseButton, {
-            placement: "end",
-            offset: "small",
-            onClick: () => setOpen(false),
-            screenReaderLabel: "Close"
-          })]
-        }), _jsx("div", {
-          children: data.map(({
-            featureName,
-            privacyNoticeText,
-            privacyNoticeUrl,
-            permissionLevelText,
-            permissionLevel,
-            description,
-            permissionLevelsModalTriggerText,
-            modelNameText,
-            modelName,
-            nutritionFactsModalTriggerText
-          }, index) => _jsxs("div", {
-            children: [_jsx("div", {
-              css: styles?.privacyNotice,
-              children: _jsx(Link, {
-                href: privacyNoticeUrl,
-                renderIcon: _jsx(IconExternalLinkLine, {}),
-                iconPlacement: "end",
-                variant: "standalone",
-                target: "_blank",
-                children: privacyNoticeText
-              })
-            }), _jsx("div", {
-              css: styles?.featureName,
-              children: _jsx(Heading, {
-                level: "h3",
-                variant: "titleCardRegular",
-                children: featureName
-              })
-            }), _jsx("div", {
-              css: styles?.permissionLevelText,
-              children: _jsx(Heading, {
-                level: "h4",
-                variant: "label",
-                children: permissionLevelText
-              })
-            }), _jsx("div", {
-              css: styles?.permissionLevel,
-              children: _jsxs(Text, {
-                variant: "legend",
-                children: [" ", permissionLevel, " "]
-              })
-            }), _jsx("div", {
-              css: styles?.description,
-              children: _jsxs(Text, {
-                variant: "contentSmall",
-                children: [" ", description, " "]
-              })
-            }), _jsx("div", {
-              css: styles?.permissionLevelsModalTriggerText,
-              children: _jsx(DataPermissionLevels, {
-                fullscreen: fullscreenModals,
-                title: dataPermissionLevelsTitle,
-                currentFeatureText: dataPermissionLevelsCurrentFeatureText,
-                currentFeature: dataPermissionLevelsCurrentFeature,
-                closeIconButtonScreenReaderLabel: dataPermissionLevelsCloseIconButtonScreenReaderLabel,
-                closeButtonText: dataPermissionLevelsCloseButtonText,
-                modalLabel: dataPermissionLevelsModalLabel,
-                triggerText: permissionLevelsModalTriggerText,
-                data: dataPermissionLevelsData
-              })
-            }), _jsx("div", {
-              css: styles?.modelNameText,
-              children: _jsxs(Heading, {
-                level: "h4",
-                variant: "label",
-                children: [' ', modelNameText, ' ']
-              })
-            }), _jsx("div", {
-              css: styles?.modelName,
-              children: _jsxs(Text, {
-                variant: "contentSmall",
-                children: [" ", modelName, " "]
-              })
-            }), _jsx(NutritionFacts, {
-              fullscreen: fullscreenModals,
-              modalLabel: nutritionFactsModalLabel,
-              title: nutritionFactsTitle,
-              featureName: nutritionFactsFeatureName,
-              closeButtonText: nutritionFactsCloseButtonText,
-              closeIconButtonScreenReaderLabel: nutritionFactsCloseIconButtonScreenReaderLabel,
-              triggerText: nutritionFactsModalTriggerText,
-              data: nutritionFactsData
-            }), data.length !== index + 1 ? _jsx("div", {
-              css: styles?.divider
-            }) : null]
-          }, index))
-        })]
-      })
-    })
-  });
-}
-
-// expose generateComponentTheme so Document can render "Default Theme Variables" for v11.6
-;
+const AiInformation = ({ title, data, trigger, fullscreenModals = false, dataPermissionLevelsModalLabel, dataPermissionLevelsTitle, dataPermissionLevelsData, dataPermissionLevelsCloseButtonText, dataPermissionLevelsCloseIconButtonScreenReaderLabel, dataPermissionLevelsCurrentFeature, dataPermissionLevelsCurrentFeatureText, nutritionFactsModalLabel, nutritionFactsTitle, nutritionFactsFeatureName, nutritionFactsData, nutritionFactsCloseButtonText, nutritionFactsCloseIconButtonScreenReaderLabel })=>{
+    const [open, setOpen] = useState(false);
+    const styles = useStyleNew({
+        generateStyle,
+        generateComponentTheme,
+        componentId: 'AiInformation',
+        displayName: 'AiInformation'
+    });
+    return /*#__PURE__*/ _jsx("div", {
+        children: /*#__PURE__*/ _jsx(Popover, {
+            renderTrigger: trigger,
+            isShowingContent: open,
+            on: "click",
+            screenReaderLabel: "Popover Dialog Example",
+            shouldContainFocus: true,
+            shouldReturnFocus: true,
+            shouldCloseOnDocumentClick: true,
+            offsetY: "1rem",
+            onShowContent: ()=>setOpen(true),
+            onHideContent: ()=>setOpen(false),
+            children: /*#__PURE__*/ _jsxs("div", {
+                css: styles?.aiInformation,
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        css: styles?.header,
+                        children: [
+                            /*#__PURE__*/ _jsx(Heading, {
+                                level: "h2",
+                                aiVariant: "stacked",
+                                variant: "titleModule",
+                                children: title
+                            }),
+                            /*#__PURE__*/ _jsx(CloseButton, {
+                                placement: "end",
+                                offset: "small",
+                                onClick: ()=>setOpen(false),
+                                screenReaderLabel: "Close"
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        children: data.map(({ featureName, privacyNoticeText, privacyNoticeUrl, permissionLevelText, permissionLevel, description, permissionLevelsModalTriggerText, modelNameText, modelName, nutritionFactsModalTriggerText }, index)=>/*#__PURE__*/ _jsxs("div", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.privacyNotice,
+                                        children: /*#__PURE__*/ _jsx(Link, {
+                                            href: privacyNoticeUrl,
+                                            renderIcon: /*#__PURE__*/ _jsx(IconExternalLinkLine, {}),
+                                            iconPlacement: "end",
+                                            variant: "standalone",
+                                            target: "_blank",
+                                            children: privacyNoticeText
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.featureName,
+                                        children: /*#__PURE__*/ _jsx(Heading, {
+                                            level: "h3",
+                                            variant: "titleCardRegular",
+                                            children: featureName
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.permissionLevelText,
+                                        children: /*#__PURE__*/ _jsx(Heading, {
+                                            level: "h4",
+                                            variant: "label",
+                                            children: permissionLevelText
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.permissionLevel,
+                                        children: /*#__PURE__*/ _jsxs(Text, {
+                                            variant: "legend",
+                                            children: [
+                                                " ",
+                                                permissionLevel,
+                                                " "
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.description,
+                                        children: /*#__PURE__*/ _jsxs(Text, {
+                                            variant: "contentSmall",
+                                            children: [
+                                                " ",
+                                                description,
+                                                " "
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.permissionLevelsModalTriggerText,
+                                        children: /*#__PURE__*/ _jsx(DataPermissionLevels, {
+                                            fullscreen: fullscreenModals,
+                                            title: dataPermissionLevelsTitle,
+                                            currentFeatureText: dataPermissionLevelsCurrentFeatureText,
+                                            currentFeature: dataPermissionLevelsCurrentFeature,
+                                            closeIconButtonScreenReaderLabel: dataPermissionLevelsCloseIconButtonScreenReaderLabel,
+                                            closeButtonText: dataPermissionLevelsCloseButtonText,
+                                            modalLabel: dataPermissionLevelsModalLabel,
+                                            triggerText: permissionLevelsModalTriggerText,
+                                            data: dataPermissionLevelsData
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.modelNameText,
+                                        children: /*#__PURE__*/ _jsxs(Heading, {
+                                            level: "h4",
+                                            variant: "label",
+                                            children: [
+                                                ' ',
+                                                modelNameText,
+                                                ' '
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.modelName,
+                                        children: /*#__PURE__*/ _jsxs(Text, {
+                                            variant: "contentSmall",
+                                            children: [
+                                                " ",
+                                                modelName,
+                                                " "
+                                            ]
+                                        })
+                                    }),
+                                    /*#__PURE__*/ _jsx(NutritionFacts, {
+                                        fullscreen: fullscreenModals,
+                                        modalLabel: nutritionFactsModalLabel,
+                                        title: nutritionFactsTitle,
+                                        featureName: nutritionFactsFeatureName,
+                                        closeButtonText: nutritionFactsCloseButtonText,
+                                        closeIconButtonScreenReaderLabel: nutritionFactsCloseIconButtonScreenReaderLabel,
+                                        triggerText: nutritionFactsModalTriggerText,
+                                        data: nutritionFactsData
+                                    }),
+                                    data.length !== index + 1 ? /*#__PURE__*/ _jsx("div", {
+                                        css: styles?.divider
+                                    }) : null
+                                ]
+                            }, index))
+                    })
+                ]
+            })
+        })
+    });
+};
 AiInformation.generateComponentTheme = generateComponentTheme;
 export default AiInformation;
-export { AiInformation };
+export { AiInformation };

package/es/AiInformation/v1/props.js

@@ -1,26 +1,20 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-const allowedProps = ['fullscreenModals', 'title', 'data', 'trigger', 'dataPermissionLevelsModalLabel', 'dataPermissionLevelsTitle', 'dataPermissionLevelsData', 'dataPermissionLevelsCloseButtonText', 'dataPermissionLevelsCloseIconButtonScreenReaderLabel', 'dataPermissionLevelsCurrentFeatureText', 'dataPermissionLevelsCurrentFeature', 'nutritionFactsModalLabel', 'nutritionFactsTitle', 'nutritionFactsFeatureName', 'nutritionFactsData', 'nutritionFactsCloseButtonText', 'nutritionFactsCloseIconButtonScreenReaderLabel'];
-export { allowedProps };
+const allowedProps = [
+    'fullscreenModals',
+    'title',
+    'data',
+    'trigger',
+    'dataPermissionLevelsModalLabel',
+    'dataPermissionLevelsTitle',
+    'dataPermissionLevelsData',
+    'dataPermissionLevelsCloseButtonText',
+    'dataPermissionLevelsCloseIconButtonScreenReaderLabel',
+    'dataPermissionLevelsCurrentFeatureText',
+    'dataPermissionLevelsCurrentFeature',
+    'nutritionFactsModalLabel',
+    'nutritionFactsTitle',
+    'nutritionFactsFeatureName',
+    'nutritionFactsData',
+    'nutritionFactsCloseButtonText',
+    'nutritionFactsCloseIconButtonScreenReaderLabel'
+];
+export { allowedProps };

package/es/AiInformation/v1/styles.js

@@ -1,89 +1,56 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (componentTheme, _props) => {
-  return {
-    aiInformation: {
-      label: 'ai-information',
-      width: '18.5rem',
-      padding: componentTheme.bodyPadding,
-      boxSizing: 'border-box'
-    },
-    header: {
-      label: 'ai-information__header',
-      marginBottom: componentTheme.headingBottomMargin
-    },
-    privacyNotice: {
-      label: 'ai-information__privacyNotice',
-      marginBottom: componentTheme.headingBottomMargin
-    },
-    featureName: {
-      label: 'ai-information__feature-name',
-      marginBottom: componentTheme.featureNameBottomMargin
-    },
-    permissionLevelText: {
-      label: 'ai-information__permission-level-text',
-      marginBottom: componentTheme.permissionLevelTextBottomMargin
-    },
-    permissionLevel: {
-      label: 'ai-information__permission-level',
-      marginBottom: componentTheme.permissionLevelBottomMargin,
-      color: componentTheme.levelColor
-    },
-    description: {
-      label: 'ai-information__description',
-      marginBottom: componentTheme.descriptionBottomMargin
-    },
-    permissionLevelsModalTriggerText: {
-      label: 'ai-information__permission-levels-modal-trigger-text',
-      marginBottom: componentTheme.permissionLevelsModalTriggerBottomMargin
-    },
-    modelNameText: {
-      label: 'ai-information__model-name-text',
-      marginBottom: componentTheme.modelNameTextBottomMargin
-    },
-    modelName: {
-      label: 'ai-information__model-name',
-      marginBottom: componentTheme.modelNameBottomMargin
-    },
-    divider: {
-      label: 'ai-information__divider',
-      marginBottom: componentTheme.dividerMargin,
-      marginTop: componentTheme.dividerMargin,
-      borderTop: 'solid 1px',
-      width: '100%',
-      borderColor: componentTheme.dividerColor
-    }
-  };
+const generateStyle = (componentTheme, _props)=>{
+    return {
+        aiInformation: {
+            label: 'ai-information',
+            width: '18.5rem',
+            padding: componentTheme.bodyPadding,
+            boxSizing: 'border-box'
+        },
+        header: {
+            label: 'ai-information__header',
+            marginBottom: componentTheme.headingBottomMargin
+        },
+        privacyNotice: {
+            label: 'ai-information__privacyNotice',
+            marginBottom: componentTheme.headingBottomMargin
+        },
+        featureName: {
+            label: 'ai-information__feature-name',
+            marginBottom: componentTheme.featureNameBottomMargin
+        },
+        permissionLevelText: {
+            label: 'ai-information__permission-level-text',
+            marginBottom: componentTheme.permissionLevelTextBottomMargin
+        },
+        permissionLevel: {
+            label: 'ai-information__permission-level',
+            marginBottom: componentTheme.permissionLevelBottomMargin,
+            color: componentTheme.levelColor
+        },
+        description: {
+            label: 'ai-information__description',
+            marginBottom: componentTheme.descriptionBottomMargin
+        },
+        permissionLevelsModalTriggerText: {
+            label: 'ai-information__permission-levels-modal-trigger-text',
+            marginBottom: componentTheme.permissionLevelsModalTriggerBottomMargin
+        },
+        modelNameText: {
+            label: 'ai-information__model-name-text',
+            marginBottom: componentTheme.modelNameTextBottomMargin
+        },
+        modelName: {
+            label: 'ai-information__model-name',
+            marginBottom: componentTheme.modelNameBottomMargin
+        },
+        divider: {
+            label: 'ai-information__divider',
+            marginBottom: componentTheme.dividerMargin,
+            marginTop: componentTheme.dividerMargin,
+            borderTop: 'solid 1px',
+            width: '100%',
+            borderColor: componentTheme.dividerColor
+        }
+    };
 };
-export default generateStyle;
+export default generateStyle;

package/es/AiInformation/v1/theme.js

@@ -1,53 +1,21 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = theme => {
-  const {
-    colors,
-    spacing
-  } = theme;
-  const componentVariables = {
-    bodyPadding: spacing?.paddingCardLarge,
-    headingBottomMargin: spacing?.sectionElements,
-    featureNameBottomMargin: spacing?.moduleElements,
-    permissionLevelTextBottomMargin: spacing?.space8,
-    permissionLevelBottomMargin: spacing?.space8,
-    descriptionBottomMargin: spacing?.space8,
-    permissionLevelsModalTriggerBottomMargin: spacing?.moduleElements,
-    modelNameTextBottomMargin: spacing?.space4,
-    modelNameBottomMargin: spacing?.space4,
-    dividerMargin: spacing?.moduleElements,
-    dividerColor: colors?.ui?.surfaceDivider,
-    levelColor: colors?.contrasts?.violet5790
-  };
-  return {
-    ...componentVariables
-  };
+const generateComponentTheme = (theme)=>{
+    const { colors, spacing } = theme;
+    const componentVariables = {
+        bodyPadding: spacing?.paddingCardLarge,
+        headingBottomMargin: spacing?.sectionElements,
+        featureNameBottomMargin: spacing?.moduleElements,
+        permissionLevelTextBottomMargin: spacing?.space8,
+        permissionLevelBottomMargin: spacing?.space8,
+        descriptionBottomMargin: spacing?.space8,
+        permissionLevelsModalTriggerBottomMargin: spacing?.moduleElements,
+        modelNameTextBottomMargin: spacing?.space4,
+        modelNameBottomMargin: spacing?.space4,
+        dividerMargin: spacing?.moduleElements,
+        dividerColor: colors?.ui?.surfaceDivider,
+        levelColor: colors?.contrasts?.violet5790
+    };
+    return {
+        ...componentVariables
+    };
 };
-export default generateComponentTheme;
+export default generateComponentTheme;