@instructure/ui-instructure 11.6.0 → 11.6.1-snapshot-129

package/lib/AiInformation/{index.js → v1/index.js}

@@ -7,14 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.AiInformation = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _CloseButton = require("@instructure/ui-buttons/lib/CloseButton");
-var _Heading = require("@instructure/ui-heading/lib/Heading");
-var _Text = require("@instructure/ui-text/lib/Text");
-var _Link = require("@instructure/ui-link/lib/Link");
-var _IconExternalLinkLine2 = require("@instructure/ui-icons/lib/IconExternalLinkLine.js");
+var _v11_ = require("@instructure/ui-popover/v11_6");
+var _v11_2 = require("@instructure/ui-buttons/v11_6");
+var _v11_3 = require("@instructure/ui-heading/v11_6");
+var _v11_4 = require("@instructure/ui-text/v11_6");
+var _v11_5 = require("@instructure/ui-link/v11_6");
+var _IconExternalLinkLine2 = require("@instructure/ui-icons/lib/generated/IconExternalLinkLine.js");
 var _emotion = require("@instructure/emotion");
-var _ = require("../");
+var _v = require("../../NutritionFacts/v1");
+var _v2 = require("../../DataPermissionLevels/v1");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -70,14 +71,14 @@ const AiInformation = ({
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  const styles = (0, _emotion.useStyle)({
+  const styles = (0, _emotion.useStyleLegacy)({
     generateStyle: _styles.default,
     generateComponentTheme: _theme.default,
     componentId: 'AiInformation',
     displayName: 'AiInformation'
   });
   return (0, _jsxRuntime.jsx)("div", {
-    children: (0, _jsxRuntime.jsx)(_Popover.Popover, {
+    children: (0, _jsxRuntime.jsx)(_v11_.Popover, {
       renderTrigger: trigger,
       isShowingContent: open,
       on: "click",
@@ -92,12 +93,12 @@ const AiInformation = ({
         css: styles === null || styles === void 0 ? void 0 : styles.aiInformation,
         children: [(0, _jsxRuntime.jsxs)("div", {
           css: styles === null || styles === void 0 ? void 0 : styles.header,
-          children: [(0, _jsxRuntime.jsx)(_Heading.Heading, {
+          children: [(0, _jsxRuntime.jsx)(_v11_3.Heading, {
             level: "h2",
             aiVariant: "stacked",
             variant: "titleModule",
             children: title
-          }), (0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+          }), (0, _jsxRuntime.jsx)(_v11_2.CloseButton, {
             placement: "end",
             offset: "small",
             onClick: () => setOpen(false),
@@ -118,7 +119,7 @@ const AiInformation = ({
           }, index) => (0, _jsxRuntime.jsxs)("div", {
             children: [(0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.privacyNotice,
-              children: (0, _jsxRuntime.jsx)(_Link.Link, {
+              children: (0, _jsxRuntime.jsx)(_v11_5.Link, {
                 href: privacyNoticeUrl,
                 renderIcon: _IconExternalLinkLine || (_IconExternalLinkLine = (0, _jsxRuntime.jsx)(_IconExternalLinkLine2.IconExternalLinkLine, {})),
                 iconPlacement: "end",
@@ -128,33 +129,33 @@ const AiInformation = ({
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.featureName,
-              children: (0, _jsxRuntime.jsx)(_Heading.Heading, {
+              children: (0, _jsxRuntime.jsx)(_v11_3.Heading, {
                 level: "h3",
                 variant: "titleCardRegular",
                 children: featureName
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelText,
-              children: (0, _jsxRuntime.jsx)(_Heading.Heading, {
+              children: (0, _jsxRuntime.jsx)(_v11_3.Heading, {
                 level: "h4",
                 variant: "label",
                 children: permissionLevelText
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.permissionLevel,
-              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+              children: (0, _jsxRuntime.jsxs)(_v11_4.Text, {
                 variant: "legend",
                 children: [" ", permissionLevel, " "]
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.description,
-              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+              children: (0, _jsxRuntime.jsxs)(_v11_4.Text, {
                 variant: "contentSmall",
                 children: [" ", description, " "]
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelsModalTriggerText,
-              children: (0, _jsxRuntime.jsx)(_.DataPermissionLevels, {
+              children: (0, _jsxRuntime.jsx)(_v2.DataPermissionLevels, {
                 fullscreen: fullscreenModals,
                 title: dataPermissionLevelsTitle,
                 currentFeatureText: dataPermissionLevelsCurrentFeatureText,
@@ -167,18 +168,18 @@ const AiInformation = ({
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.modelNameText,
-              children: (0, _jsxRuntime.jsxs)(_Heading.Heading, {
+              children: (0, _jsxRuntime.jsxs)(_v11_3.Heading, {
                 level: "h3",
                 variant: "label",
                 children: [' ', modelNameText, ' ']
               })
             }), (0, _jsxRuntime.jsx)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.modelName,
-              children: (0, _jsxRuntime.jsxs)(_Text.Text, {
+              children: (0, _jsxRuntime.jsxs)(_v11_4.Text, {
                 variant: "contentSmall",
                 children: [" ", modelName, " "]
               })
-            }), (0, _jsxRuntime.jsx)(_.NutritionFacts, {
+            }), (0, _jsxRuntime.jsx)(_v.NutritionFacts, {
               fullscreen: fullscreenModals,
               modalLabel: nutritionFactsModalLabel,
               title: nutritionFactsTitle,

package/lib/AiInformation/v2/index.js

@@ -0,0 +1,202 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.AiInformation = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _latest = require("@instructure/ui-popover/latest");
+var _latest2 = require("@instructure/ui-buttons/latest");
+var _latest3 = require("@instructure/ui-heading/latest");
+var _latest4 = require("@instructure/ui-text/latest");
+var _latest5 = require("@instructure/ui-link/latest");
+var _uiIcons = require("@instructure/ui-icons");
+var _emotion = require("@instructure/emotion");
+var _v = require("../../NutritionFacts/v1");
+var _v2 = require("../../DataPermissionLevels/v1");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+var _ExternalLinkInstUIIc;
+/*
+ * 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.
+ */
+/**
+---
+category: components/AI Components
+---
+**/
+const AiInformation = ({
+  title,
+  data,
+  trigger,
+  fullscreenModals = false,
+  dataPermissionLevelsModalLabel,
+  dataPermissionLevelsTitle,
+  dataPermissionLevelsData,
+  dataPermissionLevelsCloseButtonText,
+  dataPermissionLevelsCloseIconButtonScreenReaderLabel,
+  dataPermissionLevelsCurrentFeature,
+  dataPermissionLevelsCurrentFeatureText,
+  nutritionFactsModalLabel,
+  nutritionFactsTitle,
+  nutritionFactsFeatureName,
+  nutritionFactsData,
+  nutritionFactsCloseButtonText,
+  nutritionFactsCloseIconButtonScreenReaderLabel,
+  themeOverride
+}) => {
+  const _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = (0, _emotion.useStyle)({
+    generateStyle: _styles.default,
+    themeOverride,
+    componentId: 'AiInformation',
+    displayName: 'AiInformation'
+  });
+  return (0, _jsxRuntime.jsx)("div", {
+    children: (0, _jsxRuntime.jsx)(_latest.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: (0, _jsxRuntime.jsxs)("div", {
+        css: styles === null || styles === void 0 ? void 0 : styles.aiInformation,
+        children: [(0, _jsxRuntime.jsxs)("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.header,
+          children: [(0, _jsxRuntime.jsx)(_latest3.Heading, {
+            level: "h2",
+            aiVariant: "stacked",
+            variant: "titleModule",
+            children: title
+          }), (0, _jsxRuntime.jsx)(_latest2.CloseButton, {
+            placement: "end",
+            offset: "small",
+            onClick: () => setOpen(false),
+            screenReaderLabel: "Close"
+          })]
+        }), (0, _jsxRuntime.jsx)("div", {
+          children: data.map(({
+            featureName,
+            privacyNoticeText,
+            privacyNoticeUrl,
+            permissionLevelText,
+            permissionLevel,
+            description,
+            permissionLevelsModalTriggerText,
+            modelNameText,
+            modelName,
+            nutritionFactsModalTriggerText
+          }, index) => (0, _jsxRuntime.jsxs)("div", {
+            children: [(0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.privacyNotice,
+              children: (0, _jsxRuntime.jsx)(_latest5.Link, {
+                href: privacyNoticeUrl,
+                renderIcon: _ExternalLinkInstUIIc || (_ExternalLinkInstUIIc = (0, _jsxRuntime.jsx)(_uiIcons.ExternalLinkInstUIIcon, {
+                  size: "sm"
+                })),
+                iconPlacement: "end",
+                variant: "standalone",
+                children: privacyNoticeText
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.featureName,
+              children: (0, _jsxRuntime.jsx)(_latest3.Heading, {
+                level: "h3",
+                variant: "titleCardRegular",
+                children: featureName
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelText,
+              children: (0, _jsxRuntime.jsx)(_latest3.Heading, {
+                level: "h4",
+                variant: "label",
+                children: permissionLevelText
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevel,
+              children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                variant: "legend",
+                children: [" ", permissionLevel, " "]
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.description,
+              children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                variant: "contentSmall",
+                children: [" ", description, " "]
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelsModalTriggerText,
+              children: (0, _jsxRuntime.jsx)(_v2.DataPermissionLevels, {
+                fullscreen: fullscreenModals,
+                title: dataPermissionLevelsTitle,
+                currentFeatureText: dataPermissionLevelsCurrentFeatureText,
+                currentFeature: dataPermissionLevelsCurrentFeature,
+                closeIconButtonScreenReaderLabel: dataPermissionLevelsCloseIconButtonScreenReaderLabel,
+                closeButtonText: dataPermissionLevelsCloseButtonText,
+                modalLabel: dataPermissionLevelsModalLabel,
+                triggerText: permissionLevelsModalTriggerText,
+                data: dataPermissionLevelsData
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.modelNameText,
+              children: (0, _jsxRuntime.jsxs)(_latest3.Heading, {
+                level: "h3",
+                variant: "label",
+                children: [' ', modelNameText, ' ']
+              })
+            }), (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.modelName,
+              children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                variant: "contentSmall",
+                children: [" ", modelName, " "]
+              })
+            }), (0, _jsxRuntime.jsx)(_v.NutritionFacts, {
+              fullscreen: fullscreenModals,
+              modalLabel: nutritionFactsModalLabel,
+              title: nutritionFactsTitle,
+              featureName: nutritionFactsFeatureName,
+              closeButtonText: nutritionFactsCloseButtonText,
+              closeIconButtonScreenReaderLabel: nutritionFactsCloseIconButtonScreenReaderLabel,
+              triggerText: nutritionFactsModalTriggerText,
+              data: nutritionFactsData
+            }), data.length !== index + 1 ? (0, _jsxRuntime.jsx)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.divider
+            }) : null]
+          }, index))
+        })]
+      })
+    })
+  });
+};
+exports.AiInformation = AiInformation;
+var _default = exports.default = AiInformation;

package/lib/AiInformation/v2/props.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.allowedProps = void 0;
+/*
+ * 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 = exports.allowedProps = ['fullscreenModals', 'title', 'data', 'trigger', 'dataPermissionLevelsModalLabel', 'dataPermissionLevelsTitle', 'dataPermissionLevelsData', 'dataPermissionLevelsCloseButtonText', 'dataPermissionLevelsCloseIconButtonScreenReaderLabel', 'dataPermissionLevelsCurrentFeatureText', 'dataPermissionLevelsCurrentFeature', 'nutritionFactsModalLabel', 'nutritionFactsTitle', 'nutritionFactsFeatureName', 'nutritionFactsData', 'nutritionFactsCloseButtonText', 'nutritionFactsCloseIconButtonScreenReaderLabel'];

package/lib/AiInformation/v2/styles.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/*
+ * 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 componentTheme The theme variable object.
+ * @param params Additional parameters to customize the style.
+ * @param sharedTokens Shared token object that stores common values for the theme.
+ * @return The final style object, which will be used in the component
+ */
+const generateStyle = (componentTheme, _params, _sharedTokens) => {
+  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,
+      '& > *': {
+        color: `${componentTheme.levelColor} !important`
+      }
+    },
+    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
+    }
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/DataPermissionLevels/{index.js → v1/index.js}

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DataPermissionLevels = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _Modal = require("@instructure/ui-modal/lib/Modal");
-var _Button = require("@instructure/ui-buttons/lib/Button");
-var _CloseButton = require("@instructure/ui-buttons/lib/CloseButton");
-var _Heading2 = require("@instructure/ui-heading/lib/Heading");
-var _Text2 = require("@instructure/ui-text/lib/Text");
-var _Link = require("@instructure/ui-link/lib/Link");
+var _v11_ = require("@instructure/ui-modal/v11_6");
+var _v11_2 = require("@instructure/ui-buttons/v11_6");
+var _v11_3 = require("@instructure/ui-heading/v11_6");
+var _v11_4 = require("@instructure/ui-text/v11_6");
+var _v11_5 = require("@instructure/ui-link/v11_6");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _theme = _interopRequireDefault(require("./theme"));
@@ -61,14 +60,14 @@ category: components/AI Components
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     open = _useState2[0],
     setOpen = _useState2[1];
-  const styles = (0, _emotion.useStyle)({
+  const styles = (0, _emotion.useStyleLegacy)({
     generateStyle: _styles.default,
     generateComponentTheme: _theme.default,
     componentId: 'DataPermissionLevels',
     displayName: 'DataPermissionLevels'
   });
   return (0, _jsxRuntime.jsxs)("div", {
-    children: [(0, _jsxRuntime.jsx)(_Link.Link, {
+    children: [(0, _jsxRuntime.jsx)(_v11_5.Link, {
       variant: "standalone",
       onClick: e => {
         e.preventDefault();
@@ -77,7 +76,7 @@ category: components/AI Components
       forceButtonRole: false,
       href: "#",
       children: triggerText
-    }), (0, _jsxRuntime.jsxs)(_Modal.Modal, {
+    }), (0, _jsxRuntime.jsxs)(_v11_.Modal, {
       size: fullscreen ? 'fullscreen' : 'medium',
       open: open,
       onDismiss: () => {
@@ -85,19 +84,19 @@ category: components/AI Components
       },
       label: modalLabel,
       shouldCloseOnDocumentClick: true,
-      children: [(0, _jsxRuntime.jsxs)(_Modal.Modal.Header, {
+      children: [(0, _jsxRuntime.jsxs)(_v11_.Modal.Header, {
         spacing: "compact",
-        children: [(0, _jsxRuntime.jsx)(_Heading2.Heading, {
+        children: [(0, _jsxRuntime.jsx)(_v11_3.Heading, {
           aiVariant: "stacked",
           children: title
-        }), (0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
+        }), (0, _jsxRuntime.jsx)(_v11_2.CloseButton, {
           size: "medium",
           placement: "end",
           offset: "small",
           onClick: () => setOpen(false),
           screenReaderLabel: closeIconButtonScreenReaderLabel
         })]
-      }), (0, _jsxRuntime.jsx)(_Modal.Modal.Body, {
+      }), (0, _jsxRuntime.jsx)(_v11_.Modal.Body, {
         children: (0, _jsxRuntime.jsx)("div", {
           css: styles === null || styles === void 0 ? void 0 : styles.body,
           children: data.map(({
@@ -109,12 +108,12 @@ category: components/AI Components
             css: highlighted ? styles === null || styles === void 0 ? void 0 : styles.highlightedCard : styles === null || styles === void 0 ? void 0 : styles.card,
             children: [highlighted ? (0, _jsxRuntime.jsxs)("div", {
               css: styles === null || styles === void 0 ? void 0 : styles.currentFeature,
-              children: [_Heading || (_Heading = (0, _jsxRuntime.jsxs)(_Heading2.Heading, {
+              children: [_Heading || (_Heading = (0, _jsxRuntime.jsxs)(_v11_3.Heading, {
                 color: "primary-inverse",
                 level: "reset",
                 variant: "labelInline",
                 children: [currentFeatureText, ' ']
-              })), _Text || (_Text = (0, _jsxRuntime.jsx)(_Text2.Text, {
+              })), _Text || (_Text = (0, _jsxRuntime.jsx)(_v11_4.Text, {
                 color: "primary-inverse",
                 variant: "content",
                 children: currentFeature
@@ -126,11 +125,11 @@ category: components/AI Components
                 children: level
               }), (0, _jsxRuntime.jsx)("div", {
                 css: styles === null || styles === void 0 ? void 0 : styles.permissionTitle,
-                children: (0, _jsxRuntime.jsxs)(_Text2.Text, {
+                children: (0, _jsxRuntime.jsxs)(_v11_4.Text, {
                   variant: "descriptionPage",
                   children: [title, " "]
                 })
-              }), (0, _jsxRuntime.jsx)(_Text2.Text, {
+              }), (0, _jsxRuntime.jsx)(_v11_4.Text, {
                 variant: "content",
                 color: "secondary",
                 children: description
@@ -138,8 +137,8 @@ category: components/AI Components
             })]
           }, index))
         })
-      }), (0, _jsxRuntime.jsx)(_Modal.Modal.Footer, {
-        children: (0, _jsxRuntime.jsx)(_Button.Button, {
+      }), (0, _jsxRuntime.jsx)(_v11_.Modal.Footer, {
+        children: (0, _jsxRuntime.jsx)(_v11_2.Button, {
           onClick: () => setOpen(false),
           children: closeButtonText
         })