@instructure/ui-instructure 11.7.2-snapshot-9 → 11.7.2-snapshot-11

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.2-snapshot-9](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-9) (2026-03-27)
+## [11.7.2-snapshot-11](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-11) (2026-03-31)
 
-**Note:** Version bump only for package @instructure/ui-instructure
+
+### Features
+
+* **ui-instructure:** rework DataPermissionLevels and NutritionFacts ([36c02c6](https://github.com/instructure/instructure-ui/commit/36c02c6b3e0badcf257a9697ea095ad07cd03d49))
 
 
 

package/es/AiInformation/v2/index.js

@@ -31,8 +31,8 @@ import { Text } from '@instructure/ui-text/latest';
 import { Link } from '@instructure/ui-link/latest';
 import { ExternalLinkInstUIIcon } from '@instructure/ui-icons';
 import { useStyle } from '@instructure/emotion';
-import { NutritionFacts } from "../../NutritionFacts/v1/index.js";
-import { DataPermissionLevels } from "../../DataPermissionLevels/v1/index.js";
+import { NutritionFacts } from "../../NutritionFacts/v2/index.js";
+import { DataPermissionLevels } from "../../DataPermissionLevels/v2/index.js";
 import generateStyle from "./styles.js";
 /**
 ---

package/es/DataPermissionLevels/v2/index.js

@@ -0,0 +1,143 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * 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 { useState } from 'react';
+import { Modal } from '@instructure/ui-modal/latest';
+import { Button, CloseButton } from '@instructure/ui-buttons/latest';
+import { Heading } from '@instructure/ui-heading/latest';
+import { Text } from '@instructure/ui-text/latest';
+import { Link } from '@instructure/ui-link/latest';
+import { useStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+/**
+---
+category: components/AI Components
+---
+**/
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const DataPermissionLevels = ({
+  modalLabel,
+  title,
+  data,
+  closeButtonText,
+  closeIconButtonScreenReaderLabel,
+  currentFeature,
+  currentFeatureText,
+  triggerText,
+  fullscreen = false,
+  themeOverride
+}) => {
+  var _Heading, _Text;
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = useStyle({
+    generateStyle,
+    themeOverride,
+    componentId: 'DataPermissionLevels',
+    displayName: 'DataPermissionLevels'
+  });
+  return _jsxs("div", {
+    children: [_jsx(Link, {
+      variant: "standalone",
+      onClick: e => {
+        e.preventDefault();
+        setOpen(true);
+      },
+      forceButtonRole: false,
+      href: "#",
+      children: triggerText
+    }), _jsxs(Modal, {
+      size: fullscreen ? 'fullscreen' : 'medium',
+      open: open,
+      onDismiss: () => {
+        setOpen(false);
+      },
+      label: modalLabel,
+      shouldCloseOnDocumentClick: true,
+      children: [_jsxs(Modal.Header, {
+        spacing: "compact",
+        children: [_jsx(Heading, {
+          aiVariant: "stacked",
+          children: title
+        }), _jsx(CloseButton, {
+          size: "medium",
+          placement: "end",
+          offset: "small",
+          onClick: () => setOpen(false),
+          screenReaderLabel: closeIconButtonScreenReaderLabel
+        })]
+      }), _jsx(Modal.Body, {
+        children: _jsx("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.body,
+          children: data.map(({
+            level,
+            title,
+            description,
+            highlighted
+          }, index) => _jsxs("div", {
+            css: highlighted ? styles === null || styles === void 0 ? void 0 : styles.highlightedCard : styles === null || styles === void 0 ? void 0 : styles.card,
+            children: [highlighted ? _jsxs("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.currentFeature,
+              children: [_Heading || (_Heading = _jsxs(Heading, {
+                color: "primary-on",
+                level: "reset",
+                variant: "labelInline",
+                children: [currentFeatureText, ' ']
+              })), _Text || (_Text = _jsx(Text, {
+                color: "primary-on",
+                variant: "content",
+                children: currentFeature
+              }))]
+            }) : null, _jsxs("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.contentContainer,
+              children: [_jsx("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.level,
+                children: level
+              }), _jsx("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.permissionTitle,
+                children: _jsxs(Text, {
+                  variant: "descriptionPage",
+                  children: [title, " "]
+                })
+              }), _jsx(Text, {
+                variant: "content",
+                color: "secondary",
+                children: description
+              })]
+            })]
+          }, index))
+        })
+      }), _jsx(Modal.Footer, {
+        children: _jsx(Button, {
+          onClick: () => setOpen(false),
+          children: closeButtonText
+        })
+      })]
+    })]
+  });
+};
+export default DataPermissionLevels;
+export { DataPermissionLevels };

package/es/DataPermissionLevels/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * 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 = ['fullscreen', 'modalLabel', 'title', 'data', 'closeButtonText', 'closeIconButtonScreenReaderLabel', 'currentFeatureText', 'currentFeature', 'triggerText'];
+export { allowedProps };

package/es/DataPermissionLevels/v2/styles.js

@@ -0,0 +1,99 @@
+/*
+ * 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 {
+    dataPermissionLevels: {
+      label: 'data-permission-levels'
+    },
+    body: {
+      label: 'data-permission-levels__body',
+      display: 'flex',
+      flexDirection: 'column',
+      padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding
+    },
+    card: {
+      label: 'data-permission-levels__card',
+      padding: '2px',
+      borderStyle: 'solid',
+      borderColor: 'transparent',
+      borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    highlightedCard: {
+      label: 'data-permission-levels__highlighted-card',
+      borderStyle: 'solid',
+      borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
+      borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
+      borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
+      padding: '2px',
+      display: 'flex',
+      flexDirection: 'column',
+      background: `
+        linear-gradient(to right,  ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%) padding-box,
+        linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%) border-box`,
+      border: 'solid transparent'
+    },
+    level: {
+      label: 'data-permission-levels__level',
+      color: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.levelColor
+    },
+    currentFeature: {
+      label: 'data-permission-levels__current-feature',
+      background: `
+        linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%)`,
+      paddingLeft: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingSides,
+      paddingRight: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingSides,
+      paddingTop: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingTopBottom,
+      paddingBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingTopBottom,
+      borderTopLeftRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
+      borderTopRightRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius
+    },
+    contentContainer: {
+      label: 'data-permission-levels__content-container',
+      background: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerColor,
+      borderBottomLeftRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerBorderRadius,
+      borderBottomRightRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerBorderRadius,
+      padding: '10px',
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    permissionTitle: {
+      label: 'data-permission-levels__permission-title',
+      marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.permissionTitleBottomMargin
+    }
+  };
+};
+export default generateStyle;

package/es/NutritionFacts/v2/index.js

@@ -0,0 +1,151 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+/*
+ * 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 { useState } from 'react';
+import { Modal } from '@instructure/ui-modal/latest';
+import { Button, CloseButton } from '@instructure/ui-buttons/latest';
+import { Heading } from '@instructure/ui-heading/latest';
+import { Text } from '@instructure/ui-text/latest';
+import { Link } from '@instructure/ui-link/latest';
+import { useStyle } from '@instructure/emotion';
+import generateStyle from "./styles.js";
+/**
+---
+category: components/AI Components
+---
+**/
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+const NutritionFacts = ({
+  modalLabel,
+  title,
+  featureName,
+  data,
+  closeButtonText,
+  closeIconButtonScreenReaderLabel,
+  triggerText,
+  fullscreen = false,
+  themeOverride
+}) => {
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = useStyle({
+    generateStyle,
+    themeOverride,
+    componentId: 'NutritionFacts',
+    displayName: 'NutritionFacts'
+  });
+  return _jsxs("div", {
+    children: [_jsx(Link, {
+      variant: "standalone",
+      onClick: e => {
+        e.preventDefault();
+        setOpen(true);
+      },
+      forceButtonRole: false,
+      href: "#",
+      children: triggerText
+    }), _jsxs(Modal, {
+      open: open,
+      onDismiss: () => {
+        setOpen(false);
+      },
+      label: modalLabel,
+      shouldCloseOnDocumentClick: true,
+      size: fullscreen ? 'fullscreen' : 'medium',
+      children: [_jsxs(Modal.Header, {
+        spacing: "compact",
+        children: [_jsx(Heading, {
+          aiVariant: "stacked",
+          children: title
+        }), _jsx(CloseButton, {
+          size: "medium",
+          placement: "end",
+          offset: "small",
+          onClick: () => setOpen(false),
+          screenReaderLabel: closeIconButtonScreenReaderLabel
+        })]
+      }), _jsx(Modal.Body, {
+        children: _jsxs("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.body,
+          children: [_jsxs(Heading, {
+            variant: "titleSection",
+            level: "h3",
+            children: [' ', featureName, ' ']
+          }), data.map(({
+            blockTitle,
+            segmentData
+          }, index) => {
+            return _jsxs("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.blockContainer,
+              children: [_jsxs(Heading, {
+                variant: "titleModule",
+                level: "h4",
+                children: [' ', blockTitle, ' ']
+              }), _jsx("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.segmentContainer,
+                children: segmentData.map(({
+                  segmentTitle,
+                  description,
+                  value,
+                  valueDescription
+                }, index) => {
+                  return _jsxs("div", {
+                    css: styles === null || styles === void 0 ? void 0 : styles.segmentCard,
+                    children: [_jsxs("div", {
+                      css: styles === null || styles === void 0 ? void 0 : styles.segmentCardExplainerContainer,
+                      children: [_jsxs(Heading, {
+                        variant: "label",
+                        children: [' ', segmentTitle, ' ']
+                      }), _jsxs(Text, {
+                        variant: "contentSmall",
+                        color: "secondary",
+                        children: [' ', description, ' ']
+                      })]
+                    }), _jsxs(Text, {
+                      variant: "content",
+                      children: [" ", value, " "]
+                    }), _jsxs(Text, {
+                      variant: "contentSmall",
+                      color: "secondary",
+                      children: [' ', valueDescription, ' ']
+                    })]
+                  }, index);
+                })
+              })]
+            }, index);
+          })]
+        })
+      }), _jsx(Modal.Footer, {
+        children: _jsx(Button, {
+          onClick: () => setOpen(false),
+          children: closeButtonText
+        })
+      })]
+    })]
+  });
+};
+export default NutritionFacts;
+export { NutritionFacts };

package/es/NutritionFacts/v2/props.js

@@ -0,0 +1,26 @@
+/*
+ * 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 = ['fullscreen', 'modalLabel', 'title', 'featureName', 'data', 'closeButtonText', 'closeIconButtonScreenReaderLabel', 'triggerText'];
+export { allowedProps };

package/es/NutritionFacts/v2/styles.js

@@ -0,0 +1,73 @@
+/*
+ * 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 {
+    segmentCard: {
+      label: 'nutrition-facts__segment-card',
+      borderStyle: 'solid',
+      borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
+      borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
+      borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.borderRadius,
+      padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardPadding,
+      display: 'flex',
+      flexDirection: 'column'
+    },
+    segmentCardExplainerContainer: {
+      label: 'nutrition-facts__segment-card-explainer-container',
+      marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardExplainerContainerBottomMargin
+    },
+    segmentContainer: {
+      label: 'nutrition-facts__segment-container',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
+    },
+    blockContainer: {
+      label: 'nutrition-facts__block-container',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
+    },
+    body: {
+      label: 'nutrition-facts__body',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.blockGap,
+      padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding,
+      boxSizing: 'border-box'
+    }
+  };
+};
+export default generateStyle;

package/es/exports/b.js

@@ -21,6 +21,6 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
-export { NutritionFacts } from "../NutritionFacts/v1/index.js";
-export { DataPermissionLevels } from "../DataPermissionLevels/v1/index.js";
+export { NutritionFacts } from "../NutritionFacts/v2/index.js";
+export { DataPermissionLevels } from "../DataPermissionLevels/v2/index.js";
 export { AiInformation } from "../AiInformation/v2/index.js";

package/lib/AiInformation/v2/index.js

@@ -14,8 +14,8 @@ 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 _v = require("../../NutritionFacts/v2");
+var _v2 = require("../../DataPermissionLevels/v2");
 var _styles = _interopRequireDefault(require("./styles"));
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _ExternalLinkInstUIIc;