@instructure/ui-buttons 11.7.4-snapshot-129 → 11.7.4-snapshot-132

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-129](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-129) (2026-07-23)
+## [11.7.4-snapshot-132](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-132) (2026-07-23)
 
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-buttons",
-  "version": "11.7.4-snapshot-129",
+  "version": "11.7.4-snapshot-132",
   "description": "Accessible button components",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -16,28 +16,28 @@
   "dependencies": {
     "@babel/runtime": "^7.29.7",
     "keycode": "^2",
-    "@instructure/emotion": "11.7.4-snapshot-129",
-    "@instructure/console": "11.7.4-snapshot-129",
-    "@instructure/ui-a11y-content": "11.7.4-snapshot-129",
-    "@instructure/shared-types": "11.7.4-snapshot-129",
-    "@instructure/ui-a11y-utils": "11.7.4-snapshot-129",
-    "@instructure/ui-dom-utils": "11.7.4-snapshot-129",
-    "@instructure/ui-color-utils": "11.7.4-snapshot-129",
-    "@instructure/ui-icons": "11.7.4-snapshot-129",
-    "@instructure/ui-position": "11.7.4-snapshot-129",
-    "@instructure/ui-react-utils": "11.7.4-snapshot-129",
-    "@instructure/ui-themes": "11.7.4-snapshot-129",
-    "@instructure/ui-tooltip": "11.7.4-snapshot-129",
-    "@instructure/ui-utils": "11.7.4-snapshot-129",
-    "@instructure/ui-view": "11.7.4-snapshot-129"
+    "@instructure/console": "11.7.4-snapshot-132",
+    "@instructure/ui-a11y-content": "11.7.4-snapshot-132",
+    "@instructure/emotion": "11.7.4-snapshot-132",
+    "@instructure/ui-a11y-utils": "11.7.4-snapshot-132",
+    "@instructure/ui-color-utils": "11.7.4-snapshot-132",
+    "@instructure/shared-types": "11.7.4-snapshot-132",
+    "@instructure/ui-dom-utils": "11.7.4-snapshot-132",
+    "@instructure/ui-icons": "11.7.4-snapshot-132",
+    "@instructure/ui-position": "11.7.4-snapshot-132",
+    "@instructure/ui-themes": "11.7.4-snapshot-132",
+    "@instructure/ui-utils": "11.7.4-snapshot-132",
+    "@instructure/ui-react-utils": "11.7.4-snapshot-132",
+    "@instructure/ui-view": "11.7.4-snapshot-132",
+    "@instructure/ui-tooltip": "11.7.4-snapshot-132"
   },
   "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-129",
-    "@instructure/ui-babel-preset": "11.7.4-snapshot-129"
+    "@instructure/ui-axe-check": "11.7.4-snapshot-132",
+    "@instructure/ui-babel-preset": "11.7.4-snapshot-132"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Button/v2/README.md

@@ -37,7 +37,7 @@ The `primary-inverse` color is designed for use on colored backgrounds. It provi
 ---
 type: example
 ---
-<View display="block" background="info" padding="small">
+<View display="block" background="info" padding="general.spaceMd">
   <Button color="primary-inverse" margin="general.spaceMd">Primary Inverse</Button>
 </View>
 ```
@@ -110,7 +110,7 @@ type: example
   display="block"
   width="10rem"
   margin="general.spaceMd"
-  padding="small none"
+  padding="general.spaceMd none"
   withVisualDebug
 >
   <Button color="primary">
@@ -147,7 +147,7 @@ type: example
         display="block"
         width="10rem"
         margin="general.spaceMd"
-        padding="small none"
+        padding="general.spaceMd none"
         withVisualDebug
       >
         {isTruncated ? (
@@ -179,7 +179,7 @@ type: example
   display="block"
   width="30rem"
   margin="general.spaceMd"
-  padding="small none"
+  padding="general.spaceMd none"
   withVisualDebug
 >
   <Button
@@ -273,7 +273,7 @@ type: example
               <RadioInput label="secondary" value="secondary" />
             </RadioInputGroup>
           </View>
-          <Flex margin="none none general.spaceXl" gap="medium">
+          <Flex margin="none none general.spaceXl" gap="general.spaceXl">
             <Flex.Item>
               <Button withBackground={this.state.withBackground}
                       color={this.state.color}

package/src/CloseButton/v2/README.md

@@ -22,11 +22,11 @@ If you need the `CloseButton` to work in a layout with other elements vs. absolu
 type: example
 ---
 <View display="block" position="relative" background="primary" shadow="resting">
-  <Flex height="6rem" justifyItems="space-between" alignItems="center" padding="medium">
+  <Flex height="6rem" justifyItems="space-between" alignItems="center" padding="general.spaceXl">
     <Flex.Item shouldShrink shouldGrow>
       <Heading level="h2">Some Heading Text</Heading>
     </Flex.Item>
-    <Flex.Item padding="none none none medium">
+    <Flex.Item padding="none none none general.spaceXl">
       <CloseButton size="medium" screenReaderLabel="Close" />
     </Flex.Item>
   </Flex>

package/src/CondensedButton/v2/README.md

@@ -8,7 +8,7 @@ CondensedButton is a button component that renders without padding. It is meant
 ---
 type: example
 ---
-<View display="block" background="primary" padding="small">
+<View display="block" background="primary" padding="general.spaceMd">
   <CondensedButton>Click Me</CondensedButton>
 </View>
 ```

package/src/ToggleButton/v2/README.md

@@ -17,7 +17,7 @@ type: example
     }
 
     return (
-      <View as="div" padding="x-large" id="toggleContainer">
+      <View as="div" padding="general.space2xl" id="toggleContainer">
         <ToggleButton
           status={locked ? 'pressed' : 'unpressed'}
           color={locked ? 'danger' : 'secondary'}
@@ -49,7 +49,7 @@ type: example
     return (
       <View
         as="div"
-        padding="xx-large"
+        padding="general.space2xl"
         background="info"
         id="inverseToggleContainer"
       >