@instructure/ui-buttons 11.7.0 → 11.7.1-snapshot-4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v11.7.0...v11.7.1-snapshot-4) (2026-03-19)
+
+
+### Bug Fixes
+
+* **ui-buttons:** fix button to icon size mapping ([4bf8ed1](https://github.com/instructure/instructure-ui/commit/4bf8ed1dca8d0d88a79815bd80b4de252fa843ee))
+
+
+
+
+
 # [11.7.0](https://github.com/instructure/instructure-ui/compare/v11.6.0...v11.7.0) (2026-03-18)
 
 

package/es/BaseButton/v2/index.js

@@ -44,15 +44,15 @@ const buttonSizeToIconSize = {
   small: 'sm',
   medium: 'md',
   large: 'lg',
-  condensedSmall: 'xs',
-  condensedMedium: 'xs'
+  condensedSmall: 'sm',
+  condensedMedium: 'md'
 };
 const buttonColorToIconColor = {
-  'primary': 'inherit',
+  primary: 'inherit',
   'primary-inverse': 'inherit',
-  'secondary': 'inherit',
-  'success': 'inherit',
-  'danger': 'inherit',
+  secondary: 'inherit',
+  success: 'inherit',
+  danger: 'inherit',
   'ai-primary': 'inherit',
   'ai-secondary': 'ai'
 };

package/lib/BaseButton/v2/index.js

@@ -52,15 +52,15 @@ const buttonSizeToIconSize = {
   small: 'sm',
   medium: 'md',
   large: 'lg',
-  condensedSmall: 'xs',
-  condensedMedium: 'xs'
+  condensedSmall: 'sm',
+  condensedMedium: 'md'
 };
 const buttonColorToIconColor = {
-  'primary': 'inherit',
+  primary: 'inherit',
   'primary-inverse': 'inherit',
-  'secondary': 'inherit',
-  'success': 'inherit',
-  'danger': 'inherit',
+  secondary: 'inherit',
+  success: 'inherit',
+  danger: 'inherit',
   'ai-primary': 'inherit',
   'ai-secondary': 'ai'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "11.7.0",
+  "version": "11.7.1-snapshot-4",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,28 +16,28 @@
   "dependencies": {
     "@babel/runtime": "^7.27.6",
     "keycode": "^2",
-    "@instructure/console": "11.7.0",
-    "@instructure/emotion": "11.7.0",
-    "@instructure/shared-types": "11.7.0",
-    "@instructure/ui-a11y-utils": "11.7.0",
-    "@instructure/ui-a11y-content": "11.7.0",
-    "@instructure/ui-color-utils": "11.7.0",
-    "@instructure/ui-dom-utils": "11.7.0",
-    "@instructure/ui-icons": "11.7.0",
-    "@instructure/ui-position": "11.7.0",
-    "@instructure/ui-tooltip": "11.7.0",
-    "@instructure/ui-react-utils": "11.7.0",
-    "@instructure/ui-utils": "11.7.0",
-    "@instructure/ui-view": "11.7.0"
+    "@instructure/console": "11.7.1-snapshot-4",
+    "@instructure/emotion": "11.7.1-snapshot-4",
+    "@instructure/ui-a11y-utils": "11.7.1-snapshot-4",
+    "@instructure/ui-color-utils": "11.7.1-snapshot-4",
+    "@instructure/ui-a11y-content": "11.7.1-snapshot-4",
+    "@instructure/ui-dom-utils": "11.7.1-snapshot-4",
+    "@instructure/shared-types": "11.7.1-snapshot-4",
+    "@instructure/ui-icons": "11.7.1-snapshot-4",
+    "@instructure/ui-react-utils": "11.7.1-snapshot-4",
+    "@instructure/ui-position": "11.7.1-snapshot-4",
+    "@instructure/ui-tooltip": "11.7.1-snapshot-4",
+    "@instructure/ui-utils": "11.7.1-snapshot-4",
+    "@instructure/ui-view": "11.7.1-snapshot-4"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "15.0.7",
     "@testing-library/user-event": "^14.6.1",
     "vitest": "^3.2.2",
-    "@instructure/ui-axe-check": "11.7.0",
-    "@instructure/ui-babel-preset": "11.7.0",
-    "@instructure/ui-themes": "11.7.0"
+    "@instructure/ui-axe-check": "11.7.1-snapshot-4",
+    "@instructure/ui-babel-preset": "11.7.1-snapshot-4",
+    "@instructure/ui-themes": "11.7.1-snapshot-4"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/BaseButton/v2/index.tsx

@@ -52,16 +52,16 @@ const buttonSizeToIconSize = {
   small: 'sm',
   medium: 'md',
   large: 'lg',
-  condensedSmall: 'xs',
-  condensedMedium: 'xs'
+  condensedSmall: 'sm',
+  condensedMedium: 'md'
 } as const
 
 const buttonColorToIconColor = {
-  'primary': 'inherit',
+  primary: 'inherit',
   'primary-inverse': 'inherit',
-  'secondary': 'inherit',
-  'success': 'inherit',
-  'danger': 'inherit',
+  secondary: 'inherit',
+  success: 'inherit',
+  danger: 'inherit',
   'ai-primary': 'inherit',
   'ai-secondary': 'ai'
 } as const

package/src/Button/v2/README.md

@@ -195,14 +195,14 @@ type: example
 
 ### Rendering Buttons without backgrounds
 
-Use backgroundless buttons when there is a need to deemphasize the button. Be sure to use border/text colors that meet the proper contrast ratios with whatever background they are placed on.
+Use backgroundless buttons when there is a need to deemphasize the button. Be sure to use border/text colors that meet the proper contrast ratios with whatever background they are placed on. Backgroundless buttons are sometimes called `tertiary` variant.
 
 ```js
 ---
 type: example
 ---
 <View display="block">
-  <Button renderIcon={PlusInstUIIcon} withBackground={false} color="secondary" margin="small">Click here</Button>
+  <Button renderIcon={PlusInstUIIcon} withBackground={false} color="primary" margin="small">Click here</Button>
 </View>
 ```