@instructure/ui-billboard 11.7.4-snapshot-103 → 11.7.4-snapshot-105

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.4-snapshot-103](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-103) (2026-07-14)
+## [11.7.4-snapshot-105](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-105) (2026-07-15)
 
-**Note:** Version bump only for package @instructure/ui-billboard
+
+### Features
+
+* **many:** support current spacing tokens in the margin prop for v2 components ([1b47c5f](https://github.com/instructure/instructure-ui/commit/1b47c5f23eaa60b532cdfd53c39bd71f0cf51aaa))
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-billboard",
-  "version": "11.7.4-snapshot-103",
+  "version": "11.7.4-snapshot-105",
   "description": "A UI component to display empty states, 404 pages, redirects, etc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,23 +15,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/emotion": "11.7.4-snapshot-103",
-    "@instructure/shared-types": "11.7.4-snapshot-103",
-    "@instructure/ui-heading": "11.7.4-snapshot-103",
-    "@instructure/ui-img": "11.7.4-snapshot-103",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-103",
-    "@instructure/ui-themes": "11.7.4-snapshot-103",
-    "@instructure/ui-view": "11.7.4-snapshot-103"
+    "@instructure/emotion": "11.7.4-snapshot-105",
+    "@instructure/shared-types": "11.7.4-snapshot-105",
+    "@instructure/ui-heading": "11.7.4-snapshot-105",
+    "@instructure/ui-img": "11.7.4-snapshot-105",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-themes": "11.7.4-snapshot-105",
+    "@instructure/ui-view": "11.7.4-snapshot-105"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^4.1.9",
-    "@instructure/ui-axe-check": "11.7.4-snapshot-103",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-103",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-103",
-    "@instructure/ui-icons": "11.7.4-snapshot-103"
+    "@instructure/ui-axe-check": "11.7.4-snapshot-105",
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-105",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-icons": "11.7.4-snapshot-105"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Billboard/v2/README.md

@@ -36,7 +36,7 @@ type: example
 ---
 <View as="div" width="400px" withVisualDebug>
   <Billboard
-    margin="large"
+    margin="general.space2xl"
     heading="404"
     message="Billboard is now a button"
     size="small"
@@ -54,7 +54,7 @@ type: example
 ---
 <View as="div" width="600px" withVisualDebug>
   <Billboard
-    margin="large"
+    margin="general.space2xl"
     message="Click this link"
     href="http://instructure.com"
     hero={(size) => <BookCheckInstUIIcon size={size} />}

package/src/Billboard/v2/props.ts

@@ -90,9 +90,9 @@ type BillboardOwnProps = {
    */
   readOnly?: boolean
   /**
-   * Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
-   * `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
-   * familiar CSS-like shorthand. For example: `margin="small auto large"`.
+   * Valid values are `0`, `none`, `auto`, and Spacing token values,
+   * see https://instructure.design/layout-spacing. Apply these values via
+   * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
    */
   margin?: Spacing
 }