@instructure/ui-buttons 10.21.1-snapshot-2 → 10.21.1-snapshot-3

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 +5 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/BaseButton/styles.d.ts.map +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.21.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.21.0...v10.21.1-snapshot-2) (2025-07-03)
6
+ ## [10.21.1-snapshot-3](https://github.com/instructure/instructure-ui/compare/v10.21.0...v10.21.1-snapshot-3) (2025-07-03)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-buttons
8
+
9
+ ### Features
10
+
11
+ * **ui-buttons:** add circular ai icon buttons ([89ff4b3](https://github.com/instructure/instructure-ui/commit/89ff4b3cc28c0fba376418a8f2bd33c290118478))
9
12
 
10
13
 
11
14
 
package/es/BaseButton/styles.js CHANGED
@@ -323,7 +323,9 @@ const generateStyle = (componentTheme, props, state) => {
323
323
  background: `
324
324
  linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
325
325
  padding: componentTheme.borderWidth,
326
- borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
326
+ ...(shape !== 'circle' ? {
327
+ borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
328
+ } : {})
327
329
  }
328
330
  } : {})
329
331
  } : {
package/lib/BaseButton/styles.js CHANGED
@@ -329,7 +329,9 @@ const generateStyle = (componentTheme, props, state) => {
329
329
  background: `
330
330
  linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
331
331
  padding: componentTheme.borderWidth,
332
- borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
332
+ ...(shape !== 'circle' ? {
333
+ borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
334
+ } : {})
333
335
  }
334
336
  } : {})
335
337
  } : {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "10.21.1-snapshot-2",
3
+ "version": "10.21.1-snapshot-3",
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.21.1-snapshot-2",
27
- "@instructure/ui-babel-preset": "10.21.1-snapshot-2",
28
- "@instructure/ui-themes": "10.21.1-snapshot-2",
26
+ "@instructure/ui-axe-check": "10.21.1-snapshot-3",
27
+ "@instructure/ui-babel-preset": "10.21.1-snapshot-3",
28
+ "@instructure/ui-themes": "10.21.1-snapshot-3",
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.21.1-snapshot-2",
37
- "@instructure/emotion": "10.21.1-snapshot-2",
38
- "@instructure/shared-types": "10.21.1-snapshot-2",
39
- "@instructure/ui-a11y-content": "10.21.1-snapshot-2",
40
- "@instructure/ui-a11y-utils": "10.21.1-snapshot-2",
41
- "@instructure/ui-color-utils": "10.21.1-snapshot-2",
42
- "@instructure/ui-dom-utils": "10.21.1-snapshot-2",
43
- "@instructure/ui-icons": "10.21.1-snapshot-2",
44
- "@instructure/ui-position": "10.21.1-snapshot-2",
45
- "@instructure/ui-prop-types": "10.21.1-snapshot-2",
46
- "@instructure/ui-react-utils": "10.21.1-snapshot-2",
47
- "@instructure/ui-testable": "10.21.1-snapshot-2",
48
- "@instructure/ui-tooltip": "10.21.1-snapshot-2",
49
- "@instructure/ui-utils": "10.21.1-snapshot-2",
50
- "@instructure/ui-view": "10.21.1-snapshot-2",
36
+ "@instructure/console": "10.21.1-snapshot-3",
37
+ "@instructure/emotion": "10.21.1-snapshot-3",
38
+ "@instructure/shared-types": "10.21.1-snapshot-3",
39
+ "@instructure/ui-a11y-content": "10.21.1-snapshot-3",
40
+ "@instructure/ui-a11y-utils": "10.21.1-snapshot-3",
41
+ "@instructure/ui-color-utils": "10.21.1-snapshot-3",
42
+ "@instructure/ui-dom-utils": "10.21.1-snapshot-3",
43
+ "@instructure/ui-icons": "10.21.1-snapshot-3",
44
+ "@instructure/ui-position": "10.21.1-snapshot-3",
45
+ "@instructure/ui-prop-types": "10.21.1-snapshot-3",
46
+ "@instructure/ui-react-utils": "10.21.1-snapshot-3",
47
+ "@instructure/ui-testable": "10.21.1-snapshot-3",
48
+ "@instructure/ui-tooltip": "10.21.1-snapshot-3",
49
+ "@instructure/ui-utils": "10.21.1-snapshot-3",
50
+ "@instructure/ui-view": "10.21.1-snapshot-3",
51
51
  "keycode": "^2",
52
52
  "prop-types": "^15.8.1"
53
53
  },
package/src/BaseButton/styles.ts CHANGED
@@ -382,7 +382,11 @@ const generateStyle = (
382
382
  background: `
383
383
  linear-gradient(to bottom, ${componentTheme.aiBorderTopGradientColor} 0%, ${componentTheme.aiBorderBottomGradientColor} 100%)`,
384
384
  padding: componentTheme.borderWidth,
385
- borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
385
+ ...(shape !== 'circle'
386
+ ? {
387
+ borderRadius: `calc(${componentTheme.borderRadius} + ${componentTheme.borderWidth})`
388
+ }
389
+ : {})
386
390
  }
387
391
  }
388
392
  : {})