@instructure/ui-buttons 10.24.3-snapshot-13 → 10.24.3-snapshot-16

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 (7) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/BaseButton/styles.js +3 -1
  3. package/lib/BaseButton/styles.js +3 -1
  4. package/package.json +19 -19
  5. package/src/BaseButton/styles.ts +1 -1
  6. package/src/Button/README.md +2 -0
  7. package/tsconfig.build.tsbuildinfo +1 -1
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
- ## [10.24.3-snapshot-13](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-13) (2025-09-05)
6
+ ## [10.24.3-snapshot-16](https://github.com/instructure/instructure-ui/compare/v10.24.2...v10.24.3-snapshot-16) (2025-09-08)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-buttons
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-buttons:** fix seondary ai iconbutton when shape is circle ([5098202](https://github.com/instructure/instructure-ui/commit/5098202843490098326c41e928811244f65f36c1))
9
12
 
10
13
 
11
14
 
package/es/BaseButton/styles.js CHANGED
@@ -327,7 +327,9 @@ const generateStyle = (componentTheme, props, state) => {
327
327
  padding: componentTheme.borderWidth,
328
328
  ...(shape !== 'circle' ? {
329
329
  borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
330
- } : {})
330
+ } : {
331
+ borderRadius: '50%'
332
+ })
331
333
  }
332
334
  } : {})
333
335
  } : {
package/lib/BaseButton/styles.js CHANGED
@@ -333,7 +333,9 @@ const generateStyle = (componentTheme, props, state) => {
333
333
  padding: componentTheme.borderWidth,
334
334
  ...(shape !== 'circle' ? {
335
335
  borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
336
- } : {})
336
+ } : {
337
+ borderRadius: '50%'
338
+ })
337
339
  }
338
340
  } : {})
339
341
  } : {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "10.24.3-snapshot-13",
3
+ "version": "10.24.3-snapshot-16",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,9 +23,9 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.24.3-snapshot-13",
27
- "@instructure/ui-babel-preset": "10.24.3-snapshot-13",
28
- "@instructure/ui-themes": "10.24.3-snapshot-13",
26
+ "@instructure/ui-axe-check": "10.24.3-snapshot-16",
27
+ "@instructure/ui-babel-preset": "10.24.3-snapshot-16",
28
+ "@instructure/ui-themes": "10.24.3-snapshot-16",
29
29
  "@testing-library/jest-dom": "^6.6.3",
30
30
  "@testing-library/react": "^16.0.1",
31
31
  "@testing-library/user-event": "^14.6.1",
@@ -33,21 +33,21 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@babel/runtime": "^7.27.6",
36
- "@instructure/console": "10.24.3-snapshot-13",
37
- "@instructure/emotion": "10.24.3-snapshot-13",
38
- "@instructure/shared-types": "10.24.3-snapshot-13",
39
- "@instructure/ui-a11y-content": "10.24.3-snapshot-13",
40
- "@instructure/ui-a11y-utils": "10.24.3-snapshot-13",
41
- "@instructure/ui-color-utils": "10.24.3-snapshot-13",
42
- "@instructure/ui-dom-utils": "10.24.3-snapshot-13",
43
- "@instructure/ui-icons": "10.24.3-snapshot-13",
44
- "@instructure/ui-position": "10.24.3-snapshot-13",
45
- "@instructure/ui-prop-types": "10.24.3-snapshot-13",
46
- "@instructure/ui-react-utils": "10.24.3-snapshot-13",
47
- "@instructure/ui-testable": "10.24.3-snapshot-13",
48
- "@instructure/ui-tooltip": "10.24.3-snapshot-13",
49
- "@instructure/ui-utils": "10.24.3-snapshot-13",
50
- "@instructure/ui-view": "10.24.3-snapshot-13",
36
+ "@instructure/console": "10.24.3-snapshot-16",
37
+ "@instructure/emotion": "10.24.3-snapshot-16",
38
+ "@instructure/shared-types": "10.24.3-snapshot-16",
39
+ "@instructure/ui-a11y-content": "10.24.3-snapshot-16",
40
+ "@instructure/ui-a11y-utils": "10.24.3-snapshot-16",
41
+ "@instructure/ui-color-utils": "10.24.3-snapshot-16",
42
+ "@instructure/ui-dom-utils": "10.24.3-snapshot-16",
43
+ "@instructure/ui-icons": "10.24.3-snapshot-16",
44
+ "@instructure/ui-position": "10.24.3-snapshot-16",
45
+ "@instructure/ui-prop-types": "10.24.3-snapshot-16",
46
+ "@instructure/ui-react-utils": "10.24.3-snapshot-16",
47
+ "@instructure/ui-testable": "10.24.3-snapshot-16",
48
+ "@instructure/ui-tooltip": "10.24.3-snapshot-16",
49
+ "@instructure/ui-utils": "10.24.3-snapshot-16",
50
+ "@instructure/ui-view": "10.24.3-snapshot-16",
51
51
  "keycode": "^2",
52
52
  "prop-types": "^15.8.1"
53
53
  },
package/src/BaseButton/styles.ts CHANGED
@@ -388,7 +388,7 @@ const generateStyle = (
388
388
  ? {
389
389
  borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
390
390
  }
391
- : {})
391
+ : { borderRadius: '50%' })
392
392
  }
393
393
  }
394
394
  : {})
package/src/Button/README.md CHANGED
@@ -42,6 +42,8 @@ type: example
42
42
  <Button color="ai-primary" renderIcon={IconAiSolid} margin="small">AI Primary</Button>
43
43
  <Button color="ai-secondary" renderIcon={IconAiColoredSolid} margin="small">AI Secondary</Button>
44
44
  <IconButton color="ai-primary" screenReaderLabel="AI button" margin="small"><IconAiSolid/></IconButton>
45
+ <IconButton shape='circle' color="ai-secondary" screenReaderLabel="AI button" margin="small"><IconAiColoredSolid/></IconButton>
46
+ <IconButton shape='circle' color="ai-primary" screenReaderLabel="AI button" margin="small"><IconAiSolid/></IconButton>
45
47
  <IconButton color="ai-secondary" screenReaderLabel="AI button" margin="small"><IconAiColoredSolid/></IconButton>
46
48
  </View>
47
49
  ```