@instructure/ui-options 11.7.4-snapshot-130 → 11.7.4-snapshot-134

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 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-130](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-130) (2026-07-23)
+## [11.7.4-snapshot-134](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-134) (2026-07-24)
 
 **Note:** Version bump only for package @instructure/ui-options
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-options",
-  "version": "11.7.4-snapshot-130",
+  "version": "11.7.4-snapshot-134",
   "description": "A view-only component for composing interactive lists and menus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/emotion": "11.7.4-snapshot-130",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-130",
-    "@instructure/ui-icons": "11.7.4-snapshot-130",
-    "@instructure/shared-types": "11.7.4-snapshot-130",
-    "@instructure/ui-themes": "11.7.4-snapshot-130",
-    "@instructure/ui-utils": "11.7.4-snapshot-130",
-    "@instructure/ui-view": "11.7.4-snapshot-130"
+    "@instructure/emotion": "11.7.4-snapshot-134",
+    "@instructure/ui-themes": "11.7.4-snapshot-134",
+    "@instructure/shared-types": "11.7.4-snapshot-134",
+    "@instructure/ui-icons": "11.7.4-snapshot-134",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-134",
+    "@instructure/ui-utils": "11.7.4-snapshot-134",
+    "@instructure/ui-view": "11.7.4-snapshot-134"
   },
   "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-130",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-130",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-130"
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-134",
+    "@instructure/ui-axe-check": "11.7.4-snapshot-134",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-134"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Options/v2/README.md

@@ -47,7 +47,7 @@ type: example
     <Options.Item role="menuitem" variant="highlighted">
       Option two
     </Options.Item>
-    <Options.Item role="menuitem" renderAfterLabel={IconArrowOpenEndSolid}>
+    <Options.Item role="menuitem" renderAfterLabel={ChevronRightInstUIIcon}>
       Flyout menu option
     </Options.Item>
     <Options.Separator as="li" />
@@ -64,7 +64,7 @@ type: example
       <Options.Item
         role="menuitemradio"
         aria-checked="true"
-        renderBeforeLabel={IconCheckSolid}
+        renderBeforeLabel={CheckInstUIIcon}
       >
         Radio option one
       </Options.Item>
@@ -72,7 +72,7 @@ type: example
         role="menuitemradio"
         aria-checked="false"
         renderBeforeLabel={
-          <IconCheckLine style={{opacity: 0}} />
+          <CheckInstUIIcon style={{opacity: 0}} />
         }
       >
         Radio option two
@@ -256,27 +256,27 @@ render(
       {
         label: 'Default item',
         extraProps: {
-          renderBeforeLabel: IconCheckSolid
+          renderBeforeLabel: CheckInstUIIcon
         }
       },
       {
         label: 'Text is green',
         extraProps: {
-          renderBeforeLabel: IconCheckSolid,
+          renderBeforeLabel: CheckInstUIIcon,
           themeOverride: { color: '#0B874B' }
         }
       },
       {
         label: 'Highlighted text is black',
         extraProps: {
-          renderBeforeLabel: IconCheckSolid,
+          renderBeforeLabel: CheckInstUIIcon,
           themeOverride: { highlightedLabelColor: '#2D3B45' }
         }
       },
       {
         label: 'Highlighted background is purple',
         extraProps: {
-          renderBeforeLabel: IconCheckSolid,
+          renderBeforeLabel: CheckInstUIIcon,
           themeOverride: { highlightedBackground: '#BF32A4' }
         }
       },
@@ -285,7 +285,7 @@ render(
         extraProps: {
           renderBeforeLabel: (props) => {
             return (
-              <IconCheckSolid
+              <CheckInstUIIcon
                 {...(props.variant === 'default' && { color: 'warning' })}
               />
             )
@@ -319,8 +319,8 @@ const Example = () => {
           onMouseOver={() => handleMouseOver(1)}
           variant={highlighted === 1 ? 'highlighted' : 'default'}
           description="Curabitur fringilla, urna ut efficitur molestie, nibh lacus tincidunt elit, ut tempor ipsum nunc sit amet massa."
-          renderBeforeLabel={IconCheckSolid}
-          renderAfterLabel={IconArrowOpenEndSolid}
+          renderBeforeLabel={CheckInstUIIcon}
+          renderAfterLabel={ChevronRightInstUIIcon}
           beforeLabelContentVAlign="start"
           afterLabelContentVAlign="start"
         >
@@ -330,8 +330,8 @@ const Example = () => {
           onMouseOver={() => handleMouseOver(2)}
           variant={highlighted === 2 ? 'highlighted' : 'default'}
           description="Curabitur fringilla, urna ut efficitur molestie, nibh lacus tincidunt elit, ut tempor ipsum nunc sit amet massa."
-          renderBeforeLabel={IconCheckSolid}
-          renderAfterLabel={IconArrowOpenEndSolid}
+          renderBeforeLabel={CheckInstUIIcon}
+          renderAfterLabel={ChevronRightInstUIIcon}
           beforeLabelContentVAlign="center"
           afterLabelContentVAlign="center"
         >
@@ -341,8 +341,8 @@ const Example = () => {
           onMouseOver={() => handleMouseOver(3)}
           variant={highlighted === 3 ? 'highlighted' : 'default'}
           description="Curabitur fringilla, urna ut efficitur molestie, nibh lacus tincidunt elit, ut tempor ipsum nunc sit amet massa."
-          renderBeforeLabel={IconCheckSolid}
-          renderAfterLabel={IconArrowOpenEndSolid}
+          renderBeforeLabel={CheckInstUIIcon}
+          renderAfterLabel={ChevronRightInstUIIcon}
           beforeLabelContentVAlign="end"
           afterLabelContentVAlign="end"
         >