@instructure/ui-billboard 11.7.9-snapshot-0 → 11.7.9-snapshot-1
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 +1 -1
- package/lib/Billboard/v1/index.js +4 -6
- package/lib/Billboard/v2/index.js +6 -8
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
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.9-snapshot-
|
|
6
|
+
## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-billboard
|
|
9
9
|
|
|
@@ -8,9 +8,7 @@ exports.default = exports.Billboard = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _v11_ = require("@instructure/ui-heading/v11_6");
|
|
10
10
|
var _v11_2 = require("@instructure/ui-view/v11_6");
|
|
11
|
-
var
|
|
12
|
-
var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
|
|
13
|
-
var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
14
12
|
var _emotion = require("@instructure/emotion");
|
|
15
13
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
16
14
|
var _theme = _interopRequireDefault(require("./theme.js"));
|
|
@@ -124,7 +122,7 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
124
122
|
children: this.renderHero()
|
|
125
123
|
}), heading && this.renderHeading(), message && (0, _jsxRuntime.jsx)("span", {
|
|
126
124
|
css: styles?.message,
|
|
127
|
-
children: (0,
|
|
125
|
+
children: (0, _uiReactUtils.callRenderProp)(message)
|
|
128
126
|
})]
|
|
129
127
|
});
|
|
130
128
|
}
|
|
@@ -148,12 +146,12 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
148
146
|
margin,
|
|
149
147
|
styles
|
|
150
148
|
} = this.props;
|
|
151
|
-
const Element = (0,
|
|
149
|
+
const Element = (0, _uiReactUtils.getElementType)(Billboard, this.props);
|
|
152
150
|
return (0, _jsxRuntime.jsx)(_v11_2.View, {
|
|
153
151
|
as: "div",
|
|
154
152
|
margin: margin,
|
|
155
153
|
children: (0, _jsxRuntime.jsx)(_v11_2.View, {
|
|
156
|
-
...(0,
|
|
154
|
+
...(0, _uiReactUtils.omitProps)(this.props, [...Billboard.allowedProps, ..._v11_2.View.allowedProps]),
|
|
157
155
|
type: Element === 'button' ? 'button' : undefined,
|
|
158
156
|
as: Element,
|
|
159
157
|
elementRef: this.handleRef,
|
|
@@ -8,10 +8,8 @@ exports.default = exports.Billboard = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _latest = require("@instructure/ui-heading/latest");
|
|
10
10
|
var _latest2 = require("@instructure/ui-view/latest");
|
|
11
|
-
var
|
|
12
|
-
var
|
|
13
|
-
var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
|
|
14
|
-
var _renderIconWithProps = require("@instructure/ui-icons/lib/IconPropsProvider/renderIconWithProps.js");
|
|
11
|
+
var _uiReactUtils = require("@instructure/ui-react-utils");
|
|
12
|
+
var _uiIcons = require("@instructure/ui-icons");
|
|
15
13
|
var _emotion = require("@instructure/emotion");
|
|
16
14
|
var _styles = _interopRequireDefault(require("./styles.js"));
|
|
17
15
|
var _props = require("./props.js");
|
|
@@ -136,7 +134,7 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyleNew)(_styles.d
|
|
|
136
134
|
const iconSize = billboardSizeToIconSize[size];
|
|
137
135
|
// Priority: active > hover > default
|
|
138
136
|
const iconColor = isActive ? 'onColor' : isHovered ? 'infoColor' : 'baseColor';
|
|
139
|
-
return (0,
|
|
137
|
+
return (0, _uiIcons.renderIconWithProps)(hero, iconSize, iconColor);
|
|
140
138
|
}
|
|
141
139
|
renderContent() {
|
|
142
140
|
const {
|
|
@@ -152,7 +150,7 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyleNew)(_styles.d
|
|
|
152
150
|
children: this.renderHero()
|
|
153
151
|
}), heading && this.renderHeading(), message && (0, _jsxRuntime.jsx)("span", {
|
|
154
152
|
css: styles?.message,
|
|
155
|
-
children: (0,
|
|
153
|
+
children: (0, _uiReactUtils.callRenderProp)(message)
|
|
156
154
|
})]
|
|
157
155
|
});
|
|
158
156
|
}
|
|
@@ -176,12 +174,12 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyleNew)(_styles.d
|
|
|
176
174
|
margin,
|
|
177
175
|
styles
|
|
178
176
|
} = this.props;
|
|
179
|
-
const Element = (0,
|
|
177
|
+
const Element = (0, _uiReactUtils.getElementType)(Billboard, this.props);
|
|
180
178
|
return (0, _jsxRuntime.jsx)(_latest2.View, {
|
|
181
179
|
as: "div",
|
|
182
180
|
margin: margin,
|
|
183
181
|
children: (0, _jsxRuntime.jsx)(_latest2.View, {
|
|
184
|
-
...(0,
|
|
182
|
+
...(0, _uiReactUtils.omitProps)(this.props, [...Billboard.allowedProps, ..._latest2.View.allowedProps]),
|
|
185
183
|
type: Element === 'button' ? 'button' : undefined,
|
|
186
184
|
as: Element,
|
|
187
185
|
elementRef: this.handleRef,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-billboard",
|
|
3
|
-
"version": "11.7.9-snapshot-
|
|
3
|
+
"version": "11.7.9-snapshot-1",
|
|
4
4
|
"description": "A UI component to display empty states, 404 pages, redirects, etc.",
|
|
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.29.7",
|
|
18
|
-
"@instructure/
|
|
19
|
-
"@instructure/ui-heading": "11.7.9-snapshot-
|
|
20
|
-
"@instructure/
|
|
21
|
-
"@instructure/
|
|
22
|
-
"@instructure/ui-
|
|
23
|
-
"@instructure/ui-themes": "11.7.9-snapshot-
|
|
24
|
-
"@instructure/ui-view": "11.7.9-snapshot-
|
|
18
|
+
"@instructure/shared-types": "11.7.9-snapshot-1",
|
|
19
|
+
"@instructure/ui-heading": "11.7.9-snapshot-1",
|
|
20
|
+
"@instructure/ui-img": "11.7.9-snapshot-1",
|
|
21
|
+
"@instructure/emotion": "11.7.9-snapshot-1",
|
|
22
|
+
"@instructure/ui-react-utils": "11.7.9-snapshot-1",
|
|
23
|
+
"@instructure/ui-themes": "11.7.9-snapshot-1",
|
|
24
|
+
"@instructure/ui-view": "11.7.9-snapshot-1"
|
|
25
25
|
},
|
|
26
26
|
"devDependencies": {
|
|
27
27
|
"vitest": "^5.0.0",
|
|
28
|
-
"@instructure/ui-axe-check": "11.7.9-snapshot-
|
|
29
|
-
"@instructure/ui-color-utils": "11.7.9-snapshot-
|
|
30
|
-
"@instructure/ui-
|
|
31
|
-
"@instructure/ui-
|
|
28
|
+
"@instructure/ui-axe-check": "11.7.9-snapshot-1",
|
|
29
|
+
"@instructure/ui-color-utils": "11.7.9-snapshot-1",
|
|
30
|
+
"@instructure/ui-icons": "11.7.9-snapshot-1",
|
|
31
|
+
"@instructure/ui-babel-preset": "11.7.9-snapshot-1"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=18 <=19"
|