@instructure/ui-view 11.7.2-snapshot-51 → 11.7.2-snapshot-52

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.2-snapshot-51](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-51) (2026-04-21)
+## [11.7.2-snapshot-52](https://github.com/instructure/instructure-ui/compare/v11.7.1...v11.7.2-snapshot-52) (2026-04-22)
 
 
 ### Bug Fixes
 
 * **many:** fix checkbox toggle variant icons and resolve border radius inheritance issues in DateInput and Menu from View ([ab2c8c2](https://github.com/instructure/instructure-ui/commit/ab2c8c2ba7f5b3944f7977244e37f4a4c916422a))
+* **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))
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-view",
-  "version": "11.7.2-snapshot-51",
+  "version": "11.7.2-snapshot-52",
   "description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "11.7.2-snapshot-51",
-    "@instructure/emotion": "11.7.2-snapshot-51",
-    "@instructure/ui-color-utils": "11.7.2-snapshot-51",
-    "@instructure/shared-types": "11.7.2-snapshot-51",
-    "@instructure/ui-dom-utils": "11.7.2-snapshot-51",
-    "@instructure/ui-i18n": "11.7.2-snapshot-51",
-    "@instructure/ui-position": "11.7.2-snapshot-51",
-    "@instructure/ui-react-utils": "11.7.2-snapshot-51"
+    "@instructure/console": "11.7.2-snapshot-52",
+    "@instructure/emotion": "11.7.2-snapshot-52",
+    "@instructure/ui-color-utils": "11.7.2-snapshot-52",
+    "@instructure/shared-types": "11.7.2-snapshot-52",
+    "@instructure/ui-dom-utils": "11.7.2-snapshot-52",
+    "@instructure/ui-i18n": "11.7.2-snapshot-52",
+    "@instructure/ui-position": "11.7.2-snapshot-52",
+    "@instructure/ui-react-utils": "11.7.2-snapshot-52"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.2-snapshot-51",
-    "@instructure/ui-themes": "11.7.2-snapshot-51",
-    "@instructure/ui-babel-preset": "11.7.2-snapshot-51"
+    "@instructure/ui-axe-check": "11.7.2-snapshot-52",
+    "@instructure/ui-babel-preset": "11.7.2-snapshot-52",
+    "@instructure/ui-themes": "11.7.2-snapshot-52"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/View/v2/README.md

@@ -431,11 +431,15 @@ type: example
 ---
 <Flex gap="medium" direction="column">
   <View tabIndex="0" role="button" cursor="pointer">
-    Tab here to see the focus outline
+    <Text>
+      Tab here to see the focus outline
+    </Text>
   </View>
   <View focusWithin>
-    if the <code>focusWithin</code> prop is <code>true</code>, the View will display the focus ring if any of its descendants receives focus
-    <div tabIndex="0" role="button" style={{outline: 'none'}}>Tab here to see the focus outline</div>
+    <Text>
+      if the <code>focusWithin</code> prop is <code>true</code>, the View will display the focus ring if any of its descendants receives focus
+    </Text>
+    <div tabIndex="0" role="button" style={{outline: 'none'}}><Text>Tab here to see the focus outline</Text></div>
   </View>
 </Flex>
 ```
@@ -723,7 +727,7 @@ type: example
     padding="large"
     withVisualDebug
   >
-    {lorem.sentence()}
+    <Text>{lorem.sentence()}</Text>
   </View>
   <View
     as="div"
@@ -736,7 +740,7 @@ type: example
       padding="small"
       withVisualDebug
     >
-      {lorem.sentence()}
+      <Text>{lorem.sentence()}</Text>
     </View>
     <View
       as="div"
@@ -744,7 +748,7 @@ type: example
       padding="small"
       withVisualDebug
     >
-      {lorem.sentence()}
+      <Text>{lorem.sentence()}</Text>
     </View>
   </View>
 </div>
@@ -771,7 +775,9 @@ type: example
     margin="0 0 medium"
     withVisualDebug
   >
-  Some header content
+    <Text>
+      Some header content
+    </Text>
   </View>
   <Text as="p">{lorem.paragraph()}</Text>
 </View>
@@ -796,7 +802,9 @@ type: example
     margin="large auto"
     padding="0 small 0 0"
   >
+    <Text>
     {lorem.sentence()}
+    </Text>
   </View>
   <Button color="success">Some Action</Button>
 </View>