@instructure/ui-heading 11.7.2-snapshot-10 → 11.7.2-snapshot-12
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.
package/CHANGELOG.md
CHANGED
|
@@ -3,9 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [11.7.2-snapshot-
|
|
6
|
+
## [11.7.2-snapshot-12](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-12) (2026-03-31)
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **ui-instructure:** rework DataPermissionLevels and NutritionFacts ([36c02c6](https://github.com/instructure/instructure-ui/commit/36c02c6b3e0badcf257a9697ea095ad07cd03d49))
|
|
9
12
|
|
|
10
13
|
|
|
11
14
|
|
package/es/Heading/v2/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
2
2
|
const _excluded = ["border", "children", "color", "level", "margin", "elementRef", "makeStyles", "variant"];
|
|
3
|
-
var _dec, _class, _Heading,
|
|
3
|
+
var _dec, _class, _Heading, _IgniteaiLogoInstUIIc;
|
|
4
4
|
/*
|
|
5
5
|
* The MIT License (MIT)
|
|
6
6
|
*
|
|
@@ -28,7 +28,7 @@ var _dec, _class, _Heading, _StarsInstUIIcon;
|
|
|
28
28
|
import { Component } from 'react';
|
|
29
29
|
import { View } from '@instructure/ui-view/latest';
|
|
30
30
|
import { passthroughProps } from '@instructure/ui-react-utils';
|
|
31
|
-
import {
|
|
31
|
+
import { IgniteaiLogoInstUIIcon, renderIconWithProps } from '@instructure/ui-icons';
|
|
32
32
|
import { withStyle } from '@instructure/emotion';
|
|
33
33
|
import generateStyle from "./styles.js";
|
|
34
34
|
import { allowedProps } from "./props.js";
|
|
@@ -158,7 +158,7 @@ let Heading = (_dec = withStyle(generateStyle), _dec(_class = (_Heading = class
|
|
|
158
158
|
"aria-hidden": "true",
|
|
159
159
|
children: [_jsxs("span", {
|
|
160
160
|
css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.igniteAIStacked,
|
|
161
|
-
children: [
|
|
161
|
+
children: [_IgniteaiLogoInstUIIc || (_IgniteaiLogoInstUIIc = _jsx(IgniteaiLogoInstUIIcon, {
|
|
162
162
|
color: "ai",
|
|
163
163
|
size: "sm"
|
|
164
164
|
})), _jsx("span", {
|
|
@@ -175,7 +175,7 @@ let Heading = (_dec = withStyle(generateStyle), _dec(_class = (_Heading = class
|
|
|
175
175
|
"aria-hidden": "true",
|
|
176
176
|
children: [_jsxs("span", {
|
|
177
177
|
css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.igniteAIHorizontal,
|
|
178
|
-
children: [_jsx(
|
|
178
|
+
children: [_jsx(IgniteaiLogoInstUIIcon, {
|
|
179
179
|
color: "ai",
|
|
180
180
|
size: this.getIconSize(true)
|
|
181
181
|
}), _jsx("span", {
|
|
@@ -190,7 +190,7 @@ let Heading = (_dec = withStyle(generateStyle), _dec(_class = (_Heading = class
|
|
|
190
190
|
return _jsxs("span", {
|
|
191
191
|
css: (_this$props$styles8 = this.props.styles) === null || _this$props$styles8 === void 0 ? void 0 : _this$props$styles8.withIcon,
|
|
192
192
|
"aria-hidden": "true",
|
|
193
|
-
children: [_jsx(
|
|
193
|
+
children: [_jsx(IgniteaiLogoInstUIIcon, {
|
|
194
194
|
color: "ai",
|
|
195
195
|
size: this.getIconSize(true)
|
|
196
196
|
}), children]
|
package/lib/Heading/v2/index.js
CHANGED
|
@@ -15,7 +15,7 @@ var _styles = _interopRequireDefault(require("./styles"));
|
|
|
15
15
|
var _props = require("./props");
|
|
16
16
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
17
17
|
const _excluded = ["border", "children", "color", "level", "margin", "elementRef", "makeStyles", "variant"];
|
|
18
|
-
var _dec, _class, _Heading,
|
|
18
|
+
var _dec, _class, _Heading, _IgniteaiLogoInstUIIc;
|
|
19
19
|
/*
|
|
20
20
|
* The MIT License (MIT)
|
|
21
21
|
*
|
|
@@ -164,7 +164,7 @@ let Heading = exports.Heading = (_dec = (0, _emotion.withStyle)(_styles.default)
|
|
|
164
164
|
"aria-hidden": "true",
|
|
165
165
|
children: [(0, _jsxRuntime.jsxs)("span", {
|
|
166
166
|
css: (_this$props$styles3 = this.props.styles) === null || _this$props$styles3 === void 0 ? void 0 : _this$props$styles3.igniteAIStacked,
|
|
167
|
-
children: [
|
|
167
|
+
children: [_IgniteaiLogoInstUIIc || (_IgniteaiLogoInstUIIc = (0, _jsxRuntime.jsx)(_uiIcons.IgniteaiLogoInstUIIcon, {
|
|
168
168
|
color: "ai",
|
|
169
169
|
size: "sm"
|
|
170
170
|
})), (0, _jsxRuntime.jsx)("span", {
|
|
@@ -181,7 +181,7 @@ let Heading = exports.Heading = (_dec = (0, _emotion.withStyle)(_styles.default)
|
|
|
181
181
|
"aria-hidden": "true",
|
|
182
182
|
children: [(0, _jsxRuntime.jsxs)("span", {
|
|
183
183
|
css: (_this$props$styles6 = this.props.styles) === null || _this$props$styles6 === void 0 ? void 0 : _this$props$styles6.igniteAIHorizontal,
|
|
184
|
-
children: [(0, _jsxRuntime.jsx)(_uiIcons.
|
|
184
|
+
children: [(0, _jsxRuntime.jsx)(_uiIcons.IgniteaiLogoInstUIIcon, {
|
|
185
185
|
color: "ai",
|
|
186
186
|
size: this.getIconSize(true)
|
|
187
187
|
}), (0, _jsxRuntime.jsx)("span", {
|
|
@@ -196,7 +196,7 @@ let Heading = exports.Heading = (_dec = (0, _emotion.withStyle)(_styles.default)
|
|
|
196
196
|
return (0, _jsxRuntime.jsxs)("span", {
|
|
197
197
|
css: (_this$props$styles8 = this.props.styles) === null || _this$props$styles8 === void 0 ? void 0 : _this$props$styles8.withIcon,
|
|
198
198
|
"aria-hidden": "true",
|
|
199
|
-
children: [(0, _jsxRuntime.jsx)(_uiIcons.
|
|
199
|
+
children: [(0, _jsxRuntime.jsx)(_uiIcons.IgniteaiLogoInstUIIcon, {
|
|
200
200
|
color: "ai",
|
|
201
201
|
size: this.getIconSize(true)
|
|
202
202
|
}), children]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-heading",
|
|
3
|
-
"version": "11.7.2-snapshot-
|
|
3
|
+
"version": "11.7.2-snapshot-12",
|
|
4
4
|
"description": "A component for creating typographic headings",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -15,20 +15,20 @@
|
|
|
15
15
|
"license": "MIT",
|
|
16
16
|
"dependencies": {
|
|
17
17
|
"@babel/runtime": "^7.27.6",
|
|
18
|
-
"@instructure/
|
|
19
|
-
"@instructure/
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/ui-
|
|
22
|
-
"@instructure/
|
|
23
|
-
"@instructure/ui-view": "11.7.2-snapshot-
|
|
18
|
+
"@instructure/emotion": "11.7.2-snapshot-12",
|
|
19
|
+
"@instructure/shared-types": "11.7.2-snapshot-12",
|
|
20
|
+
"@instructure/ui-icons": "11.7.2-snapshot-12",
|
|
21
|
+
"@instructure/ui-react-utils": "11.7.2-snapshot-12",
|
|
22
|
+
"@instructure/console": "11.7.2-snapshot-12",
|
|
23
|
+
"@instructure/ui-view": "11.7.2-snapshot-12"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@testing-library/jest-dom": "^6.6.3",
|
|
27
27
|
"@testing-library/react": "15.0.7",
|
|
28
28
|
"vitest": "^3.2.2",
|
|
29
|
-
"@instructure/ui-
|
|
30
|
-
"@instructure/ui-themes": "11.7.2-snapshot-
|
|
31
|
-
"@instructure/ui-
|
|
29
|
+
"@instructure/ui-axe-check": "11.7.2-snapshot-12",
|
|
30
|
+
"@instructure/ui-themes": "11.7.2-snapshot-12",
|
|
31
|
+
"@instructure/ui-babel-preset": "11.7.2-snapshot-12"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=18 <=19"
|
package/src/Heading/v2/index.tsx
CHANGED
|
@@ -26,7 +26,10 @@ import { Component } from 'react'
|
|
|
26
26
|
|
|
27
27
|
import { View } from '@instructure/ui-view/latest'
|
|
28
28
|
import { passthroughProps } from '@instructure/ui-react-utils'
|
|
29
|
-
import {
|
|
29
|
+
import {
|
|
30
|
+
IgniteaiLogoInstUIIcon,
|
|
31
|
+
renderIconWithProps
|
|
32
|
+
} from '@instructure/ui-icons'
|
|
30
33
|
|
|
31
34
|
import { withStyle } from '@instructure/emotion'
|
|
32
35
|
|
|
@@ -196,7 +199,7 @@ class Heading extends Component<HeadingProps> {
|
|
|
196
199
|
return (
|
|
197
200
|
<span css={[this.props.styles?.withIcon]} aria-hidden="true">
|
|
198
201
|
<span css={this.props.styles?.igniteAIStacked}>
|
|
199
|
-
<
|
|
202
|
+
<IgniteaiLogoInstUIIcon color="ai" size="sm" />
|
|
200
203
|
<span css={this.props.styles?.igniteAI}>IgniteAI</span>
|
|
201
204
|
</span>
|
|
202
205
|
{children}
|
|
@@ -207,7 +210,7 @@ class Heading extends Component<HeadingProps> {
|
|
|
207
210
|
return (
|
|
208
211
|
<span css={this.props.styles?.withIcon} aria-hidden="true">
|
|
209
212
|
<span css={this.props.styles?.igniteAIHorizontal}>
|
|
210
|
-
<
|
|
213
|
+
<IgniteaiLogoInstUIIcon color="ai" size={this.getIconSize(true)} />
|
|
211
214
|
<span css={this.props.styles?.igniteAI}>IgniteAI</span>
|
|
212
215
|
</span>
|
|
213
216
|
{children}
|
|
@@ -217,7 +220,7 @@ class Heading extends Component<HeadingProps> {
|
|
|
217
220
|
if (aiVariant === 'iconOnly') {
|
|
218
221
|
return (
|
|
219
222
|
<span css={this.props.styles?.withIcon} aria-hidden="true">
|
|
220
|
-
<
|
|
223
|
+
<IgniteaiLogoInstUIIcon color="ai" size={this.getIconSize(true)} />
|
|
221
224
|
{children}
|
|
222
225
|
</span>
|
|
223
226
|
)
|