@instructure/ui-link 11.7.4-snapshot-102 → 11.7.4-snapshot-105

package/CHANGELOG.md

@@ -3,12 +3,13 @@
 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-102](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-102) (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)
 
 
 ### Features
 
 * **many:** remove deprecated v2 items ([eaf8876](https://github.com/instructure/instructure-ui/commit/eaf88767c9beb95c4e09ee5705c387dfd79e4cb7))
+* **many:** support current spacing tokens in the margin prop for v2 components ([1b47c5f](https://github.com/instructure/instructure-ui/commit/1b47c5f23eaa60b532cdfd53c39bd71f0cf51aaa))
 
 
 ### BREAKING CHANGES

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-link",
-  "version": "11.7.4-snapshot-102",
+  "version": "11.7.4-snapshot-105",
   "description": "A component for creating links",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,25 +15,25 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.4-snapshot-102",
-    "@instructure/ui-a11y-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-dom-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-102",
-    "@instructure/shared-types": "11.7.4-snapshot-102",
-    "@instructure/emotion": "11.7.4-snapshot-102",
-    "@instructure/ui-icons": "11.7.4-snapshot-102",
-    "@instructure/ui-themes": "11.7.4-snapshot-102",
-    "@instructure/ui-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-102",
-    "@instructure/ui-view": "11.7.4-snapshot-102"
+    "@instructure/console": "11.7.4-snapshot-105",
+    "@instructure/shared-types": "11.7.4-snapshot-105",
+    "@instructure/ui-a11y-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-105",
+    "@instructure/emotion": "11.7.4-snapshot-105",
+    "@instructure/ui-dom-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-icons": "11.7.4-snapshot-105",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-105",
+    "@instructure/ui-themes": "11.7.4-snapshot-105",
+    "@instructure/ui-utils": "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-102",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-102"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-105",
+    "@instructure/ui-axe-check": "11.7.4-snapshot-105"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Link/v2/README.md

@@ -107,7 +107,7 @@ to add margin to the top or bottom of Link, wrap it inside a `<View />`.
 ---
 type: example
 ---
-<Text>The quick brown fox <Link href="https://instructure.github.io/instructure-ui/" margin="0 small">jumps</Link> over the lazy dog.</Text>
+<Text>The quick brown fox <Link href="https://instructure.github.io/instructure-ui/" margin="0 general.spaceMd">jumps</Link> over the lazy dog.</Text>
 ```
 
 ### Truncating text
@@ -138,12 +138,12 @@ render a Link with just an icon. Don't forget to add text for screen readers, th
 type: example
 ---
 <div>
-  <View as="div" margin="0 0 small">
+  <View as="div" margin="0 0 general.spaceMd">
     <Text>
       <Link href="https://instructure.design" renderIcon={<DiamondInstUIIcon />}>Icon before text</Link> with the quick brown fox
     </Text>
   </View>
-  <View as="div" margin="0 0 small">
+  <View as="div" margin="0 0 general.spaceMd">
     <Text>
       This Link has an icon and displays inline with text.
       <Link

package/src/Link/v2/props.ts

@@ -82,7 +82,7 @@ type LinkOwnProps = {
   /**
    * 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="small auto large"`.
+   * familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
    */
   margin?: Spacing