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

package/lib/DataPermissionLevels/v2/index.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DataPermissionLevels = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _latest = require("@instructure/ui-modal/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 _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/*
+ * 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 DataPermissionLevels = ({
+  modalLabel,
+  title,
+  data,
+  closeButtonText,
+  closeIconButtonScreenReaderLabel,
+  currentFeature,
+  currentFeatureText,
+  triggerText,
+  fullscreen = false,
+  themeOverride
+}) => {
+  var _Heading, _Text;
+  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: 'DataPermissionLevels',
+    displayName: 'DataPermissionLevels'
+  });
+  return (0, _jsxRuntime.jsxs)("div", {
+    children: [(0, _jsxRuntime.jsx)(_latest5.Link, {
+      variant: "standalone",
+      onClick: e => {
+        e.preventDefault();
+        setOpen(true);
+      },
+      forceButtonRole: false,
+      href: "#",
+      children: triggerText
+    }), (0, _jsxRuntime.jsxs)(_latest.Modal, {
+      size: fullscreen ? 'fullscreen' : 'medium',
+      open: open,
+      onDismiss: () => {
+        setOpen(false);
+      },
+      label: modalLabel,
+      shouldCloseOnDocumentClick: true,
+      children: [(0, _jsxRuntime.jsxs)(_latest.Modal.Header, {
+        spacing: "compact",
+        children: [(0, _jsxRuntime.jsx)(_latest3.Heading, {
+          aiVariant: "stacked",
+          children: title
+        }), (0, _jsxRuntime.jsx)(_latest2.CloseButton, {
+          size: "medium",
+          placement: "end",
+          offset: "small",
+          onClick: () => setOpen(false),
+          screenReaderLabel: closeIconButtonScreenReaderLabel
+        })]
+      }), (0, _jsxRuntime.jsx)(_latest.Modal.Body, {
+        children: (0, _jsxRuntime.jsx)("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.body,
+          children: data.map(({
+            level,
+            title,
+            description,
+            highlighted
+          }, index) => (0, _jsxRuntime.jsxs)("div", {
+            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)(_latest3.Heading, {
+                color: "primary-on",
+                level: "reset",
+                variant: "labelInline",
+                children: [currentFeatureText, ' ']
+              })), _Text || (_Text = (0, _jsxRuntime.jsx)(_latest4.Text, {
+                color: "primary-on",
+                variant: "content",
+                children: currentFeature
+              }))]
+            }) : null, (0, _jsxRuntime.jsxs)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.contentContainer,
+              children: [(0, _jsxRuntime.jsx)("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.level,
+                children: level
+              }), (0, _jsxRuntime.jsx)("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.permissionTitle,
+                children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                  variant: "descriptionPage",
+                  children: [title, " "]
+                })
+              }), (0, _jsxRuntime.jsx)(_latest4.Text, {
+                variant: "content",
+                color: "secondary",
+                children: description
+              })]
+            })]
+          }, index))
+        })
+      }), (0, _jsxRuntime.jsx)(_latest.Modal.Footer, {
+        children: (0, _jsxRuntime.jsx)(_latest2.Button, {
+          onClick: () => setOpen(false),
+          children: closeButtonText
+        })
+      })]
+    })]
+  });
+};
+exports.DataPermissionLevels = DataPermissionLevels;
+var _default = exports.default = DataPermissionLevels;

package/lib/DataPermissionLevels/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 = ['fullscreen', 'modalLabel', 'title', 'data', 'closeButtonText', 'closeIconButtonScreenReaderLabel', 'currentFeatureText', 'currentFeature', 'triggerText'];

package/lib/DataPermissionLevels/v2/styles.js

@@ -0,0 +1,105 @@
+"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 {
+    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
+    }
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/NutritionFacts/v2/index.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.NutritionFacts = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _latest = require("@instructure/ui-modal/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 _emotion = require("@instructure/emotion");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+/*
+ * 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 NutritionFacts = ({
+  modalLabel,
+  title,
+  featureName,
+  data,
+  closeButtonText,
+  closeIconButtonScreenReaderLabel,
+  triggerText,
+  fullscreen = false,
+  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: 'NutritionFacts',
+    displayName: 'NutritionFacts'
+  });
+  return (0, _jsxRuntime.jsxs)("div", {
+    children: [(0, _jsxRuntime.jsx)(_latest5.Link, {
+      variant: "standalone",
+      onClick: e => {
+        e.preventDefault();
+        setOpen(true);
+      },
+      forceButtonRole: false,
+      href: "#",
+      children: triggerText
+    }), (0, _jsxRuntime.jsxs)(_latest.Modal, {
+      open: open,
+      onDismiss: () => {
+        setOpen(false);
+      },
+      label: modalLabel,
+      shouldCloseOnDocumentClick: true,
+      size: fullscreen ? 'fullscreen' : 'medium',
+      children: [(0, _jsxRuntime.jsxs)(_latest.Modal.Header, {
+        spacing: "compact",
+        children: [(0, _jsxRuntime.jsx)(_latest3.Heading, {
+          aiVariant: "stacked",
+          children: title
+        }), (0, _jsxRuntime.jsx)(_latest2.CloseButton, {
+          size: "medium",
+          placement: "end",
+          offset: "small",
+          onClick: () => setOpen(false),
+          screenReaderLabel: closeIconButtonScreenReaderLabel
+        })]
+      }), (0, _jsxRuntime.jsx)(_latest.Modal.Body, {
+        children: (0, _jsxRuntime.jsxs)("div", {
+          css: styles === null || styles === void 0 ? void 0 : styles.body,
+          children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
+            variant: "titleSection",
+            level: "h3",
+            children: [' ', featureName, ' ']
+          }), data.map(({
+            blockTitle,
+            segmentData
+          }, index) => {
+            return (0, _jsxRuntime.jsxs)("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.blockContainer,
+              children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
+                variant: "titleModule",
+                level: "h4",
+                children: [' ', blockTitle, ' ']
+              }), (0, _jsxRuntime.jsx)("div", {
+                css: styles === null || styles === void 0 ? void 0 : styles.segmentContainer,
+                children: segmentData.map(({
+                  segmentTitle,
+                  description,
+                  value,
+                  valueDescription
+                }, index) => {
+                  return (0, _jsxRuntime.jsxs)("div", {
+                    css: styles === null || styles === void 0 ? void 0 : styles.segmentCard,
+                    children: [(0, _jsxRuntime.jsxs)("div", {
+                      css: styles === null || styles === void 0 ? void 0 : styles.segmentCardExplainerContainer,
+                      children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
+                        variant: "label",
+                        children: [' ', segmentTitle, ' ']
+                      }), (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                        variant: "contentSmall",
+                        color: "secondary",
+                        children: [' ', description, ' ']
+                      })]
+                    }), (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                      variant: "content",
+                      children: [" ", value, " "]
+                    }), (0, _jsxRuntime.jsxs)(_latest4.Text, {
+                      variant: "contentSmall",
+                      color: "secondary",
+                      children: [' ', valueDescription, ' ']
+                    })]
+                  }, index);
+                })
+              })]
+            }, index);
+          })]
+        })
+      }), (0, _jsxRuntime.jsx)(_latest.Modal.Footer, {
+        children: (0, _jsxRuntime.jsx)(_latest2.Button, {
+          onClick: () => setOpen(false),
+          children: closeButtonText
+        })
+      })]
+    })]
+  });
+};
+exports.NutritionFacts = NutritionFacts;
+var _default = exports.default = NutritionFacts;

package/lib/NutritionFacts/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 = ['fullscreen', 'modalLabel', 'title', 'featureName', 'data', 'closeButtonText', 'closeIconButtonScreenReaderLabel', 'triggerText'];

package/lib/NutritionFacts/v2/styles.js

@@ -0,0 +1,79 @@
+"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 {
+    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'
+    }
+  };
+};
+var _default = exports.default = generateStyle;

package/lib/exports/b.js

@@ -21,6 +21,6 @@ Object.defineProperty(exports, "NutritionFacts", {
     return _v.NutritionFacts;
   }
 });
-var _v = require("../NutritionFacts/v1");
-var _v2 = require("../DataPermissionLevels/v1");
+var _v = require("../NutritionFacts/v2");
+var _v2 = require("../DataPermissionLevels/v2");
 var _v3 = require("../AiInformation/v2");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-instructure",
-  "version": "11.7.2-snapshot-9",
+  "version": "11.7.2-snapshot-11",
   "description": "Collection of specific components for Instructure products",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,26 +15,26 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/emotion": "11.7.2-snapshot-9",
-    "@instructure/shared-types": "11.7.2-snapshot-9",
-    "@instructure/ui-heading": "11.7.2-snapshot-9",
-    "@instructure/ui-buttons": "11.7.2-snapshot-9",
-    "@instructure/ui-icons": "11.7.2-snapshot-9",
-    "@instructure/ui-modal": "11.7.2-snapshot-9",
-    "@instructure/ui-link": "11.7.2-snapshot-9",
-    "@instructure/ui-popover": "11.7.2-snapshot-9",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-9",
-    "@instructure/ui-text": "11.7.2-snapshot-9",
-    "@instructure/ui-view": "11.7.2-snapshot-9"
+    "@instructure/emotion": "11.7.2-snapshot-11",
+    "@instructure/ui-buttons": "11.7.2-snapshot-11",
+    "@instructure/ui-icons": "11.7.2-snapshot-11",
+    "@instructure/shared-types": "11.7.2-snapshot-11",
+    "@instructure/ui-heading": "11.7.2-snapshot-11",
+    "@instructure/ui-link": "11.7.2-snapshot-11",
+    "@instructure/ui-modal": "11.7.2-snapshot-11",
+    "@instructure/ui-popover": "11.7.2-snapshot-11",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-11",
+    "@instructure/ui-text": "11.7.2-snapshot-11",
+    "@instructure/ui-view": "11.7.2-snapshot-11"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.2-snapshot-9",
-    "@instructure/ui-babel-preset": "11.7.2-snapshot-9",
-    "@instructure/ui-color-utils": "11.7.2-snapshot-9",
-    "@instructure/ui-themes": "11.7.2-snapshot-9"
+    "@instructure/ui-axe-check": "11.7.2-snapshot-11",
+    "@instructure/ui-color-utils": "11.7.2-snapshot-11",
+    "@instructure/ui-themes": "11.7.2-snapshot-11",
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-11"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/AiInformation/v2/index.tsx

@@ -29,8 +29,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'
-import { DataPermissionLevels } from '../../DataPermissionLevels/v1'
+import { NutritionFacts } from '../../NutritionFacts/v2'
+import { DataPermissionLevels } from '../../DataPermissionLevels/v2'
 
 import { AiInformationProps } from './props'
 import generateStyle from './styles'

package/src/AiInformation/v2/styles.ts

@@ -23,7 +23,7 @@
  */
 
 import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes'
-import type { AiInformationStyle } from './props'
+import type { AiInformationStyle, AiInformationProps } from './props'
 
 /**
  * ---
@@ -37,7 +37,7 @@ import type { AiInformationStyle } from './props'
  */
 const generateStyle = (
   componentTheme: NewComponentTypes['AiInformation'],
-  _params: Record<string, never>,
+  _params: AiInformationProps,
   _sharedTokens: SharedTokens
 ): AiInformationStyle => {
   return {