@instructure/ui-instructure 10.21.1-snapshot-11

package/CHANGELOG.md

@@ -0,0 +1,11 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## [10.21.1-snapshot-11](https://github.com/instructure/instructure-ui/compare/v10.21.0...v10.21.1-snapshot-11) (2025-07-04)
+
+
+### Features
+
+* **many:** add new package (instructure) and three new components: AiInformation, NutritionFacts and DataPermissionLevels ([073be7b](https://github.com/instructure/instructure-ui/commit/073be7b50893e9ab77158ee8a83506eddfbd4113))

package/README.md

@@ -0,0 +1,30 @@
+---
+category: packages
+---
+
+## ui-Instructure
+
+[![npm][npm]][npm-url]
+[![MIT License][license-badge]][license]
+[![Code of Conduct][coc-badge]][coc]
+
+### Components
+
+The `ui-instructure` package contains the following:
+
+- NutritionFacts
+- DataPermissionLevels
+- AiInformation
+
+### Installation
+
+```sh
+npm install @instructure/ui-instructure
+```
+
+[npm]: https://img.shields.io/npm/v/@instructure/ui-instructure.svg
+[npm-url]: https://npmjs.com/package/@instructure/ui-instructure
+[license-badge]: https://img.shields.io/npm/l/instructure-ui.svg?style=flat-square
+[license]: https://github.com/instructure/instructure-ui/blob/master/LICENSE.md
+[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
+[coc]: https://github.com/instructure/instructure-ui/blob/master/CODE_OF_CONDUCT.md

package/es/AiInformation/index.js

@@ -0,0 +1,179 @@
+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 { Popover } from '@instructure/ui-popover';
+import { CloseButton } from '@instructure/ui-buttons';
+import { Heading } from '@instructure/ui-heading';
+import { Text } from '@instructure/ui-text';
+import { useStyle } from '@instructure/emotion';
+import { NutritionFacts, DataPermissionLevels } from '../';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+
+/**
+---
+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 _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = useStyle({
+    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 === null || styles === void 0 ? void 0 : styles.aiInformation,
+        children: [_jsxs("div", {
+          css: styles === null || styles === void 0 ? void 0 : 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,
+            permissionLevelText,
+            permissionLevel,
+            description,
+            permissionLevelsModalTriggerText,
+            modelNameText,
+            modelName,
+            nutritionFactsModalTriggerText
+          }, index) => _jsxs("div", {
+            children: [_jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.featureName,
+              children: _jsx(Heading, {
+                level: "h3",
+                variant: "titleCardRegular",
+                children: featureName
+              })
+            }), _jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevelText,
+              children: _jsx(Heading, {
+                level: "h4",
+                variant: "label",
+                children: permissionLevelText
+              })
+            }), _jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.permissionLevel,
+              children: _jsxs(Text, {
+                variant: "legend",
+                children: [" ", permissionLevel, " "]
+              })
+            }), _jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : styles.description,
+              children: _jsxs(Text, {
+                variant: "contentSmall",
+                children: [" ", description, " "]
+              })
+            }), _jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : 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 === null || styles === void 0 ? void 0 : styles.modelNameText,
+              children: _jsxs(Heading, {
+                level: "h3",
+                variant: "label",
+                children: [' ', modelNameText, ' ']
+              })
+            }), _jsx("div", {
+              css: styles === null || styles === void 0 ? void 0 : 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 === null || styles === void 0 ? void 0 : styles.divider
+            }) : null]
+          }, index))
+        })]
+      })
+    })
+  });
+};
+export default AiInformation;
+export { AiInformation };

package/es/AiInformation/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 = ['fullscreenModals', 'title', 'data', 'trigger', 'dataPermissionLevelsModalLabel', 'dataPermissionLevelsTitle', 'dataPermissionLevelsData', 'dataPermissionLevelsCloseButtonText', 'dataPermissionLevelsCloseIconButtonScreenReaderLabel', 'dataPermissionLevelsCurrentFeatureText', 'dataPermissionLevelsCurrentFeature', 'nutritionFactsModalLabel', 'nutritionFactsTitle', 'nutritionFactsFeatureName', 'nutritionFactsData', 'nutritionFactsCloseButtonText', 'nutritionFactsCloseIconButtonScreenReaderLabel'];
+export { allowedProps };

package/es/AiInformation/styles.js

@@ -0,0 +1,85 @@
+/*
+ * 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
+    },
+    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;

package/es/AiInformation/theme.js

@@ -0,0 +1,52 @@
+/*
+ * 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 => {
+  var _colors$ui, _colors$contrasts;
+  const colors = theme.colors,
+    spacing = theme.spacing;
+  const componentVariables = {
+    bodyPadding: spacing === null || spacing === void 0 ? void 0 : spacing.paddingCardLarge,
+    headingBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.sectionElements,
+    featureNameBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.moduleElements,
+    permissionLevelTextBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    permissionLevelBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    descriptionBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
+    permissionLevelsModalTriggerBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.moduleElements,
+    modelNameTextBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space4,
+    modelNameBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space4,
+    dividerMargin: spacing === null || spacing === void 0 ? void 0 : spacing.moduleElements,
+    dividerColor: colors === null || colors === void 0 ? void 0 : (_colors$ui = colors.ui) === null || _colors$ui === void 0 ? void 0 : _colors$ui.surfaceDivider,
+    levelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.violet5790
+  };
+  return {
+    ...componentVariables
+  };
+};
+export default generateComponentTheme;

package/es/DataPermissionLevels/index.js

@@ -0,0 +1,144 @@
+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';
+import { Button, CloseButton } from '@instructure/ui-buttons';
+import { Heading } from '@instructure/ui-heading';
+import { Text } from '@instructure/ui-text';
+import { Link } from '@instructure/ui-link';
+import { useStyle } from '@instructure/emotion';
+import generateStyle from './styles';
+import generateComponentTheme from './theme';
+
+/**
+---
+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
+}) => {
+  var _Heading, _Text;
+  const _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  const styles = useStyle({
+    generateStyle,
+    generateComponentTheme,
+    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-inverse",
+                level: "reset",
+                variant: "labelInline",
+                children: [currentFeatureText, ' ']
+              })), _Text || (_Text = _jsx(Text, {
+                color: "primary-inverse",
+                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/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/styles.js

@@ -0,0 +1,96 @@
+/*
+ * 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 {
+    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: 'white',
+      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;