@instructure/ui-instructure 11.7.3-snapshot-7 → 11.7.3-snapshot-26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/AiInformation/v1/index.js +13 -18
  3. package/es/AiInformation/v1/theme.js +16 -15
  4. package/es/AiInformation/v2/index.js +14 -19
  5. package/es/DataPermissionLevels/v1/index.js +10 -15
  6. package/es/DataPermissionLevels/v1/styles.js +13 -13
  7. package/es/DataPermissionLevels/v1/theme.js +18 -17
  8. package/es/DataPermissionLevels/v2/index.js +10 -15
  9. package/es/DataPermissionLevels/v2/styles.js +16 -16
  10. package/es/NutritionFacts/v1/index.js +6 -10
  11. package/es/NutritionFacts/v1/styles.js +9 -9
  12. package/es/NutritionFacts/v1/theme.js +13 -12
  13. package/es/NutritionFacts/v2/index.js +6 -10
  14. package/es/NutritionFacts/v2/styles.js +9 -9
  15. package/lib/AiInformation/v1/index.js +16 -21
  16. package/lib/AiInformation/v1/theme.js +16 -15
  17. package/lib/AiInformation/v2/index.js +16 -21
  18. package/lib/DataPermissionLevels/v1/index.js +10 -15
  19. package/lib/DataPermissionLevels/v1/styles.js +13 -13
  20. package/lib/DataPermissionLevels/v1/theme.js +18 -17
  21. package/lib/DataPermissionLevels/v2/index.js +10 -15
  22. package/lib/DataPermissionLevels/v2/styles.js +16 -16
  23. package/lib/NutritionFacts/v1/index.js +6 -10
  24. package/lib/NutritionFacts/v1/styles.js +9 -9
  25. package/lib/NutritionFacts/v1/theme.js +13 -12
  26. package/lib/NutritionFacts/v2/index.js +6 -10
  27. package/lib/NutritionFacts/v2/styles.js +9 -9
  28. package/package.json +17 -17
  29. package/tsconfig.build.tsbuildinfo +1 -1
package/lib/DataPermissionLevels/v1/theme.js CHANGED
@@ -34,24 +34,25 @@ exports.default = void 0;
34
34
  * @return {Object} The final theme object with the overrides and component variables
35
35
  */
36
36
  const generateComponentTheme = theme => {
37
- var _colors$ui, _colors$contrasts, _colors$contrasts2, _colors$contrasts3;
38
- const colors = theme.colors,
39
- spacing = theme.spacing,
40
- borders = theme.borders;
37
+ const {
38
+ colors,
39
+ spacing,
40
+ borders
41
+ } = theme;
41
42
  const componentVariables = {
42
- cardBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
43
- cardBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$ui = colors.ui) === null || _colors$ui === void 0 ? void 0 : _colors$ui.lineStroke,
44
- cardBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
45
- cardPadding: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
46
- cardExplainerContainerBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
47
- cardGap: spacing === null || spacing === void 0 ? void 0 : spacing.modalElements,
48
- currentFeaturePaddingSides: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
49
- currentFeaturePaddingTopBottom: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
50
- permissionTitleBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
51
- levelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.violet5790,
52
- bodyPadding: spacing === null || spacing === void 0 ? void 0 : spacing.paddingCardLarge,
53
- aiTextLeftGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.violet4570,
54
- aiTextRightGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.sea4570
43
+ cardBorderRadius: borders?.radiusMedium,
44
+ cardBorderColor: colors?.ui?.lineStroke,
45
+ cardBorderWidth: borders?.widthMedium,
46
+ cardPadding: spacing?.space12,
47
+ cardExplainerContainerBottomMargin: spacing?.space8,
48
+ cardGap: spacing?.modalElements,
49
+ currentFeaturePaddingSides: spacing?.space12,
50
+ currentFeaturePaddingTopBottom: spacing?.space8,
51
+ permissionTitleBottomMargin: spacing?.space8,
52
+ levelColor: colors?.contrasts?.violet5790,
53
+ bodyPadding: spacing?.paddingCardLarge,
54
+ aiTextLeftGradientColor: colors?.contrasts?.violet4570,
55
+ aiTextRightGradientColor: colors?.contrasts?.sea4570
55
56
  };
56
57
  return {
57
58
  ...componentVariables
package/lib/DataPermissionLevels/v2/index.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.DataPermissionLevels = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
8
  var _react = require("react");
10
9
  var _latest = require("@instructure/ui-modal/latest");
11
10
  var _latest2 = require("@instructure/ui-buttons/latest");
@@ -55,11 +54,7 @@ category: components/AI Components
55
54
  fullscreen = false,
56
55
  themeOverride
57
56
  }) => {
58
- var _Heading, _Text;
59
- const _useState = (0, _react.useState)(false),
60
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
61
- open = _useState2[0],
62
- setOpen = _useState2[1];
57
+ const [open, setOpen] = (0, _react.useState)(false);
63
58
  const styles = (0, _emotion.useStyle)({
64
59
  generateStyle: _styles.default,
65
60
  themeOverride,
@@ -98,33 +93,33 @@ category: components/AI Components
98
93
  })]
99
94
  }), (0, _jsxRuntime.jsx)(_latest.Modal.Body, {
100
95
  children: (0, _jsxRuntime.jsx)("div", {
101
- css: styles === null || styles === void 0 ? void 0 : styles.body,
96
+ css: styles?.body,
102
97
  children: data.map(({
103
98
  level,
104
99
  title,
105
100
  description,
106
101
  highlighted
107
102
  }, index) => (0, _jsxRuntime.jsxs)("div", {
108
- css: highlighted ? styles === null || styles === void 0 ? void 0 : styles.highlightedCard : styles === null || styles === void 0 ? void 0 : styles.card,
103
+ css: highlighted ? styles?.highlightedCard : styles?.card,
109
104
  children: [highlighted ? (0, _jsxRuntime.jsxs)("div", {
110
- css: styles === null || styles === void 0 ? void 0 : styles.currentFeature,
111
- children: [_Heading || (_Heading = (0, _jsxRuntime.jsxs)(_latest3.Heading, {
105
+ css: styles?.currentFeature,
106
+ children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
112
107
  color: "primary-on",
113
108
  level: "reset",
114
109
  variant: "labelInline",
115
110
  children: [currentFeatureText, ' ']
116
- })), _Text || (_Text = (0, _jsxRuntime.jsx)(_latest4.Text, {
111
+ }), (0, _jsxRuntime.jsx)(_latest4.Text, {
117
112
  color: "primary-on",
118
113
  variant: "content",
119
114
  children: currentFeature
120
- }))]
115
+ })]
121
116
  }) : null, (0, _jsxRuntime.jsxs)("div", {
122
- css: styles === null || styles === void 0 ? void 0 : styles.contentContainer,
117
+ css: styles?.contentContainer,
123
118
  children: [(0, _jsxRuntime.jsx)("div", {
124
- css: styles === null || styles === void 0 ? void 0 : styles.level,
119
+ css: styles?.level,
125
120
  children: level
126
121
  }), (0, _jsxRuntime.jsx)("div", {
127
- css: styles === null || styles === void 0 ? void 0 : styles.permissionTitle,
122
+ css: styles?.permissionTitle,
128
123
  children: (0, _jsxRuntime.jsxs)(_latest4.Text, {
129
124
  variant: "descriptionPage",
130
125
  children: [title, " "]
package/lib/DataPermissionLevels/v2/styles.js CHANGED
@@ -45,23 +45,23 @@ const generateStyle = componentTheme => {
45
45
  label: 'data-permission-levels__body',
46
46
  display: 'flex',
47
47
  flexDirection: 'column',
48
- padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding
48
+ padding: componentTheme?.bodyPadding
49
49
  },
50
50
  card: {
51
51
  label: 'data-permission-levels__card',
52
52
  padding: '2px',
53
53
  borderStyle: 'solid',
54
54
  borderColor: 'transparent',
55
- borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
55
+ borderWidth: componentTheme?.cardBorderWidth,
56
56
  display: 'flex',
57
57
  flexDirection: 'column'
58
58
  },
59
59
  highlightedCard: {
60
60
  label: 'data-permission-levels__highlighted-card',
61
61
  borderStyle: 'solid',
62
- borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
63
- borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
64
- borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
62
+ borderWidth: componentTheme?.cardBorderWidth,
63
+ borderColor: componentTheme?.cardBorderColor,
64
+ borderRadius: componentTheme?.cardBorderRadius,
65
65
  padding: '2px',
66
66
  display: 'flex',
67
67
  flexDirection: 'column',
@@ -72,31 +72,31 @@ const generateStyle = componentTheme => {
72
72
  },
73
73
  level: {
74
74
  label: 'data-permission-levels__level',
75
- color: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.levelColor
75
+ color: componentTheme?.levelColor
76
76
  },
77
77
  currentFeature: {
78
78
  label: 'data-permission-levels__current-feature',
79
79
  background: `
80
80
  linear-gradient(to right, ${componentTheme.aiTextLeftGradientColor} 0%, ${componentTheme.aiTextRightGradientColor} 100%)`,
81
- paddingLeft: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingSides,
82
- paddingRight: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingSides,
83
- paddingTop: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingTopBottom,
84
- paddingBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.currentFeaturePaddingTopBottom,
85
- borderTopLeftRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
86
- borderTopRightRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius
81
+ paddingLeft: componentTheme?.currentFeaturePaddingSides,
82
+ paddingRight: componentTheme?.currentFeaturePaddingSides,
83
+ paddingTop: componentTheme?.currentFeaturePaddingTopBottom,
84
+ paddingBottom: componentTheme?.currentFeaturePaddingTopBottom,
85
+ borderTopLeftRadius: componentTheme?.cardBorderRadius,
86
+ borderTopRightRadius: componentTheme?.cardBorderRadius
87
87
  },
88
88
  contentContainer: {
89
89
  label: 'data-permission-levels__content-container',
90
- background: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerColor,
91
- borderBottomLeftRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerBorderRadius,
92
- borderBottomRightRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.contentContainerBorderRadius,
90
+ background: componentTheme?.contentContainerColor,
91
+ borderBottomLeftRadius: componentTheme?.contentContainerBorderRadius,
92
+ borderBottomRightRadius: componentTheme?.contentContainerBorderRadius,
93
93
  padding: '10px',
94
94
  display: 'flex',
95
95
  flexDirection: 'column'
96
96
  },
97
97
  permissionTitle: {
98
98
  label: 'data-permission-levels__permission-title',
99
- marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.permissionTitleBottomMargin
99
+ marginBottom: componentTheme?.permissionTitleBottomMargin
100
100
  }
101
101
  };
102
102
  };
package/lib/NutritionFacts/v1/index.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.NutritionFacts = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
8
  var _react = require("react");
10
9
  var _v11_ = require("@instructure/ui-modal/v11_6");
11
10
  var _v11_2 = require("@instructure/ui-buttons/v11_6");
@@ -54,10 +53,7 @@ category: components/AI Components
54
53
  triggerText,
55
54
  fullscreen = false
56
55
  }) => {
57
- const _useState = (0, _react.useState)(false),
58
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
59
- open = _useState2[0],
60
- setOpen = _useState2[1];
56
+ const [open, setOpen] = (0, _react.useState)(false);
61
57
  const styles = (0, _emotion.useStyleLegacy)({
62
58
  generateStyle: _styles.default,
63
59
  generateComponentTheme: _theme.default,
@@ -96,7 +92,7 @@ category: components/AI Components
96
92
  })]
97
93
  }), (0, _jsxRuntime.jsx)(_v11_.Modal.Body, {
98
94
  children: (0, _jsxRuntime.jsxs)("div", {
99
- css: styles === null || styles === void 0 ? void 0 : styles.body,
95
+ css: styles?.body,
100
96
  children: [(0, _jsxRuntime.jsxs)(_v11_3.Heading, {
101
97
  variant: "titleSection",
102
98
  level: "h3",
@@ -106,13 +102,13 @@ category: components/AI Components
106
102
  segmentData
107
103
  }, index) => {
108
104
  return (0, _jsxRuntime.jsxs)("div", {
109
- css: styles === null || styles === void 0 ? void 0 : styles.blockContainer,
105
+ css: styles?.blockContainer,
110
106
  children: [(0, _jsxRuntime.jsxs)(_v11_3.Heading, {
111
107
  variant: "titleModule",
112
108
  level: "h4",
113
109
  children: [' ', blockTitle, ' ']
114
110
  }), (0, _jsxRuntime.jsx)("div", {
115
- css: styles === null || styles === void 0 ? void 0 : styles.segmentContainer,
111
+ css: styles?.segmentContainer,
116
112
  children: segmentData.map(({
117
113
  segmentTitle,
118
114
  description,
@@ -120,9 +116,9 @@ category: components/AI Components
120
116
  valueDescription
121
117
  }, index) => {
122
118
  return (0, _jsxRuntime.jsxs)("div", {
123
- css: styles === null || styles === void 0 ? void 0 : styles.segmentCard,
119
+ css: styles?.segmentCard,
124
120
  children: [(0, _jsxRuntime.jsxs)("div", {
125
- css: styles === null || styles === void 0 ? void 0 : styles.segmentCardExplainerContainer,
121
+ css: styles?.segmentCardExplainerContainer,
126
122
  children: [(0, _jsxRuntime.jsxs)(_v11_3.Heading, {
127
123
  variant: "label",
128
124
  children: [' ', segmentTitle, ' ']
package/lib/NutritionFacts/v1/styles.js CHANGED
@@ -42,35 +42,35 @@ const generateStyle = (componentTheme, _props) => {
42
42
  segmentCard: {
43
43
  label: 'nutrition-facts__segment-card',
44
44
  borderStyle: 'solid',
45
- borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
46
- borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
47
- borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderRadius,
48
- padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardPadding,
45
+ borderWidth: componentTheme?.cardBorderWidth,
46
+ borderColor: componentTheme?.cardBorderColor,
47
+ borderRadius: componentTheme?.cardBorderRadius,
48
+ padding: componentTheme?.cardPadding,
49
49
  display: 'flex',
50
50
  flexDirection: 'column'
51
51
  },
52
52
  segmentCardExplainerContainer: {
53
53
  label: 'nutrition-facts__segment-card-explainer-container',
54
- marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardExplainerContainerBottomMargin
54
+ marginBottom: componentTheme?.cardExplainerContainerBottomMargin
55
55
  },
56
56
  segmentContainer: {
57
57
  label: 'nutrition-facts__segment-container',
58
58
  display: 'flex',
59
59
  flexDirection: 'column',
60
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
60
+ gap: componentTheme?.cardGap
61
61
  },
62
62
  blockContainer: {
63
63
  label: 'nutrition-facts__block-container',
64
64
  display: 'flex',
65
65
  flexDirection: 'column',
66
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
66
+ gap: componentTheme?.cardGap
67
67
  },
68
68
  body: {
69
69
  label: 'nutrition-facts__body',
70
70
  display: 'flex',
71
71
  flexDirection: 'column',
72
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.blockGap,
73
- padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding,
72
+ gap: componentTheme?.blockGap,
73
+ padding: componentTheme?.bodyPadding,
74
74
  boxSizing: 'border-box'
75
75
  }
76
76
  };
package/lib/NutritionFacts/v1/theme.js CHANGED
@@ -34,19 +34,20 @@ exports.default = void 0;
34
34
  * @return {Object} The final theme object with the overrides and component variables
35
35
  */
36
36
  const generateComponentTheme = theme => {
37
- var _colors$ui;
38
- const colors = theme.colors,
39
- spacing = theme.spacing,
40
- borders = theme.borders;
37
+ const {
38
+ colors,
39
+ spacing,
40
+ borders
41
+ } = theme;
41
42
  const componentVariables = {
42
- cardBorderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
43
- cardBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$ui = colors.ui) === null || _colors$ui === void 0 ? void 0 : _colors$ui.lineStroke,
44
- cardBorderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
45
- cardPadding: spacing === null || spacing === void 0 ? void 0 : spacing.space12,
46
- cardExplainerContainerBottomMargin: spacing === null || spacing === void 0 ? void 0 : spacing.space8,
47
- cardGap: spacing === null || spacing === void 0 ? void 0 : spacing.modalElements,
48
- bodyPadding: spacing === null || spacing === void 0 ? void 0 : spacing.paddingCardLarge,
49
- blockGap: spacing === null || spacing === void 0 ? void 0 : spacing.sectionElements
43
+ cardBorderRadius: borders?.radiusMedium,
44
+ cardBorderColor: colors?.ui?.lineStroke,
45
+ cardBorderWidth: borders?.widthSmall,
46
+ cardPadding: spacing?.space12,
47
+ cardExplainerContainerBottomMargin: spacing?.space8,
48
+ cardGap: spacing?.modalElements,
49
+ bodyPadding: spacing?.paddingCardLarge,
50
+ blockGap: spacing?.sectionElements
50
51
  };
51
52
  return {
52
53
  ...componentVariables
package/lib/NutritionFacts/v2/index.js CHANGED
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.NutritionFacts = void 0;
8
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
9
8
  var _react = require("react");
10
9
  var _latest = require("@instructure/ui-modal/latest");
11
10
  var _latest2 = require("@instructure/ui-buttons/latest");
@@ -54,10 +53,7 @@ category: components/AI Components
54
53
  fullscreen = false,
55
54
  themeOverride
56
55
  }) => {
57
- const _useState = (0, _react.useState)(false),
58
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
59
- open = _useState2[0],
60
- setOpen = _useState2[1];
56
+ const [open, setOpen] = (0, _react.useState)(false);
61
57
  const styles = (0, _emotion.useStyle)({
62
58
  generateStyle: _styles.default,
63
59
  themeOverride,
@@ -96,7 +92,7 @@ category: components/AI Components
96
92
  })]
97
93
  }), (0, _jsxRuntime.jsx)(_latest.Modal.Body, {
98
94
  children: (0, _jsxRuntime.jsxs)("div", {
99
- css: styles === null || styles === void 0 ? void 0 : styles.body,
95
+ css: styles?.body,
100
96
  children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
101
97
  variant: "titleSection",
102
98
  level: "h3",
@@ -106,13 +102,13 @@ category: components/AI Components
106
102
  segmentData
107
103
  }, index) => {
108
104
  return (0, _jsxRuntime.jsxs)("div", {
109
- css: styles === null || styles === void 0 ? void 0 : styles.blockContainer,
105
+ css: styles?.blockContainer,
110
106
  children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
111
107
  variant: "titleModule",
112
108
  level: "h4",
113
109
  children: [' ', blockTitle, ' ']
114
110
  }), (0, _jsxRuntime.jsx)("div", {
115
- css: styles === null || styles === void 0 ? void 0 : styles.segmentContainer,
111
+ css: styles?.segmentContainer,
116
112
  children: segmentData.map(({
117
113
  segmentTitle,
118
114
  description,
@@ -120,9 +116,9 @@ category: components/AI Components
120
116
  valueDescription
121
117
  }, index) => {
122
118
  return (0, _jsxRuntime.jsxs)("div", {
123
- css: styles === null || styles === void 0 ? void 0 : styles.segmentCard,
119
+ css: styles?.segmentCard,
124
120
  children: [(0, _jsxRuntime.jsxs)("div", {
125
- css: styles === null || styles === void 0 ? void 0 : styles.segmentCardExplainerContainer,
121
+ css: styles?.segmentCardExplainerContainer,
126
122
  children: [(0, _jsxRuntime.jsxs)(_latest3.Heading, {
127
123
  variant: "label",
128
124
  children: [' ', segmentTitle, ' ']
package/lib/NutritionFacts/v2/styles.js CHANGED
@@ -41,35 +41,35 @@ const generateStyle = componentTheme => {
41
41
  segmentCard: {
42
42
  label: 'nutrition-facts__segment-card',
43
43
  borderStyle: 'solid',
44
- borderWidth: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderWidth,
45
- borderColor: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardBorderColor,
46
- borderRadius: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.borderRadius,
47
- padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardPadding,
44
+ borderWidth: componentTheme?.cardBorderWidth,
45
+ borderColor: componentTheme?.cardBorderColor,
46
+ borderRadius: componentTheme?.borderRadius,
47
+ padding: componentTheme?.cardPadding,
48
48
  display: 'flex',
49
49
  flexDirection: 'column'
50
50
  },
51
51
  segmentCardExplainerContainer: {
52
52
  label: 'nutrition-facts__segment-card-explainer-container',
53
- marginBottom: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardExplainerContainerBottomMargin
53
+ marginBottom: componentTheme?.cardExplainerContainerBottomMargin
54
54
  },
55
55
  segmentContainer: {
56
56
  label: 'nutrition-facts__segment-container',
57
57
  display: 'flex',
58
58
  flexDirection: 'column',
59
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
59
+ gap: componentTheme?.cardGap
60
60
  },
61
61
  blockContainer: {
62
62
  label: 'nutrition-facts__block-container',
63
63
  display: 'flex',
64
64
  flexDirection: 'column',
65
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.cardGap
65
+ gap: componentTheme?.cardGap
66
66
  },
67
67
  body: {
68
68
  label: 'nutrition-facts__body',
69
69
  display: 'flex',
70
70
  flexDirection: 'column',
71
- gap: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.blockGap,
72
- padding: componentTheme === null || componentTheme === void 0 ? void 0 : componentTheme.bodyPadding,
71
+ gap: componentTheme?.blockGap,
72
+ padding: componentTheme?.bodyPadding,
73
73
  boxSizing: 'border-box'
74
74
  }
75
75
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-instructure",
3
- "version": "11.7.3-snapshot-7",
3
+ "version": "11.7.3-snapshot-26",
4
4
  "description": "Collection of specific components for Instructure products",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -14,27 +14,27 @@
14
14
  "bugs": "https://github.com/instructure/instructure-ui/issues",
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
- "@babel/runtime": "^7.27.6",
18
- "@instructure/ui-buttons": "11.7.3-snapshot-7",
19
- "@instructure/emotion": "11.7.3-snapshot-7",
20
- "@instructure/ui-heading": "11.7.3-snapshot-7",
21
- "@instructure/ui-icons": "11.7.3-snapshot-7",
22
- "@instructure/ui-link": "11.7.3-snapshot-7",
23
- "@instructure/ui-modal": "11.7.3-snapshot-7",
24
- "@instructure/ui-popover": "11.7.3-snapshot-7",
25
- "@instructure/ui-react-utils": "11.7.3-snapshot-7",
26
- "@instructure/ui-text": "11.7.3-snapshot-7",
27
- "@instructure/ui-themes": "11.7.3-snapshot-7",
28
- "@instructure/ui-view": "11.7.3-snapshot-7",
29
- "@instructure/shared-types": "11.7.3-snapshot-7"
17
+ "@babel/runtime": "^7.29.2",
18
+ "@instructure/emotion": "11.7.3-snapshot-26",
19
+ "@instructure/shared-types": "11.7.3-snapshot-26",
20
+ "@instructure/ui-heading": "11.7.3-snapshot-26",
21
+ "@instructure/ui-icons": "11.7.3-snapshot-26",
22
+ "@instructure/ui-buttons": "11.7.3-snapshot-26",
23
+ "@instructure/ui-link": "11.7.3-snapshot-26",
24
+ "@instructure/ui-popover": "11.7.3-snapshot-26",
25
+ "@instructure/ui-modal": "11.7.3-snapshot-26",
26
+ "@instructure/ui-react-utils": "11.7.3-snapshot-26",
27
+ "@instructure/ui-text": "11.7.3-snapshot-26",
28
+ "@instructure/ui-view": "11.7.3-snapshot-26",
29
+ "@instructure/ui-themes": "11.7.3-snapshot-26"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@testing-library/jest-dom": "^6.6.3",
33
33
  "@testing-library/react": "15.0.7",
34
34
  "vitest": "^3.2.2",
35
- "@instructure/ui-axe-check": "11.7.3-snapshot-7",
36
- "@instructure/ui-babel-preset": "11.7.3-snapshot-7",
37
- "@instructure/ui-color-utils": "11.7.3-snapshot-7"
35
+ "@instructure/ui-axe-check": "11.7.3-snapshot-26",
36
+ "@instructure/ui-color-utils": "11.7.3-snapshot-26",
37
+ "@instructure/ui-babel-preset": "11.7.3-snapshot-26"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=18 <=19"