@instructure/ui-link 11.7.2-snapshot-50 → 11.7.2-snapshot-52

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 (3) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/package.json +14 -14
  3. package/src/Link/v2/README.md +23 -16
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-50](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-50) (2026-04-21)
6
+ ## [11.7.2-snapshot-52](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-52) (2026-04-22)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-link
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** fix doc component previews, update dark theme text and code block styles, and replace old icons ([d4e48d3](https://github.com/instructure/instructure-ui/commit/d4e48d3f739decb13b76c863c8f01685f0788dd6))
9
12
 
10
13
 
11
14
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-link",
3
- "version": "11.7.2-snapshot-50",
3
+ "version": "11.7.2-snapshot-52",
4
4
  "description": "A component for creating links",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -15,25 +15,25 @@
15
15
  "license": "MIT",
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.27.6",
18
- "@instructure/console": "11.7.2-snapshot-50",
19
- "@instructure/emotion": "11.7.2-snapshot-50",
20
- "@instructure/ui-a11y-utils": "11.7.2-snapshot-50",
21
- "@instructure/shared-types": "11.7.2-snapshot-50",
22
- "@instructure/ui-color-utils": "11.7.2-snapshot-50",
23
- "@instructure/ui-dom-utils": "11.7.2-snapshot-50",
24
- "@instructure/ui-icons": "11.7.2-snapshot-50",
25
- "@instructure/ui-utils": "11.7.2-snapshot-50",
26
- "@instructure/ui-view": "11.7.2-snapshot-50",
27
- "@instructure/ui-react-utils": "11.7.2-snapshot-50"
18
+ "@instructure/console": "11.7.2-snapshot-52",
19
+ "@instructure/emotion": "11.7.2-snapshot-52",
20
+ "@instructure/shared-types": "11.7.2-snapshot-52",
21
+ "@instructure/ui-a11y-utils": "11.7.2-snapshot-52",
22
+ "@instructure/ui-color-utils": "11.7.2-snapshot-52",
23
+ "@instructure/ui-dom-utils": "11.7.2-snapshot-52",
24
+ "@instructure/ui-react-utils": "11.7.2-snapshot-52",
25
+ "@instructure/ui-icons": "11.7.2-snapshot-52",
26
+ "@instructure/ui-utils": "11.7.2-snapshot-52",
27
+ "@instructure/ui-view": "11.7.2-snapshot-52"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@testing-library/jest-dom": "^6.6.3",
31
31
  "@testing-library/react": "15.0.7",
32
32
  "@testing-library/user-event": "^14.6.1",
33
33
  "vitest": "^3.2.2",
34
- "@instructure/ui-axe-check": "11.7.2-snapshot-50",
35
- "@instructure/ui-babel-preset": "11.7.2-snapshot-50",
36
- "@instructure/ui-themes": "11.7.2-snapshot-50"
34
+ "@instructure/ui-axe-check": "11.7.2-snapshot-52",
35
+ "@instructure/ui-babel-preset": "11.7.2-snapshot-52",
36
+ "@instructure/ui-themes": "11.7.2-snapshot-52"
37
37
  },
38
38
  "peerDependencies": {
39
39
  "react": ">=18 <=19"
package/src/Link/v2/README.md CHANGED
@@ -86,14 +86,14 @@ Use the `variant` prop in combination with the `size` prop to control both the a
86
86
  type: example
87
87
  ---
88
88
  <div>
89
- <div>
89
+ <Text>
90
90
  In a line of text you should use the <Link variant="inline" size="medium" renderIcon={<DiamondInstUIIcon />} href="https://instructure.github.io/instructure-ui/">inline</Link> link variant.
91
- </div>
91
+ </Text>
92
92
  <br />
93
- <div>
93
+ <Text>
94
94
  If the link is standalone (not in a text), use the <code>standalone</code> variant:
95
95
  <Link variant="standalone" size="medium" renderIcon={<DiamondInstUIIcon />} href="https://instructure.github.io/instructure-ui/">standalone</Link>
96
- </div>
96
+ </Text>
97
97
  </div>
98
98
  ```
99
99
 
@@ -161,22 +161,29 @@ type: example
161
161
  ---
162
162
  <div>
163
163
  <View as="div" margin="0 0 small">
164
- <Link href="https://instructure.design" renderIcon={<DiamondInstUIIcon />}>Icon before text</Link> with the quick brown fox
164
+ <Text>
165
+ <Link href="https://instructure.design" renderIcon={<DiamondInstUIIcon />}>Icon before text</Link> with the quick brown fox
166
+ </Text>
165
167
  </View>
166
168
  <View as="div" margin="0 0 small">
167
- This Link has an icon and displays inline with text. <Link
168
- href="https://instructure.design"
169
- renderIcon={<DiamondInstUIIcon />}
170
- iconPlacement="end"
171
- >
172
- Icon appears after Link text
173
- </Link>. This is more text after the link.
169
+ <Text>
170
+ This Link has an icon and displays inline with text.
171
+ <Link
172
+ href="https://instructure.design"
173
+ renderIcon={<DiamondInstUIIcon />}
174
+ iconPlacement="end"
175
+ >
176
+ Icon appears after Link text
177
+ </Link>. This is more text after the link.
178
+ </Text>
174
179
  </View>
175
180
  <View as="div">
176
- This Link consists of only an icon&nbsp;
177
- <Link onClick={() => console.log('clicked!')} renderIcon={<DiamondInstUIIcon />}>
178
- <ScreenReaderContent>Descriptive text</ScreenReaderContent>
179
- </Link>.
181
+ <Text>
182
+ This Link consists of only an icon&nbsp;
183
+ <Link onClick={() => console.log('clicked!')} renderIcon={<DiamondInstUIIcon />}>
184
+ <ScreenReaderContent>Descriptive text</ScreenReaderContent>
185
+ </Link>.
186
+ </Text>
180
187
  </View>
181
188
  </div>
182
189
  ```