@instructure/ui-buttons 10.26.0 → 10.26.1-snapshot-0
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.
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
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.26.1-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.26.0...v10.26.1-snapshot-0) (2025-10-02)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **ui-buttons:** fix focus ring distortion on circle shape buttons ([04e93c8](https://github.com/instructure/instructure-ui/commit/04e93c82d4c58b1d8b783933dfdeeb183f2c1335))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [10.26.0](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.26.0) (2025-10-01)
|
|
7
18
|
|
|
8
19
|
|
package/es/BaseButton/styles.js
CHANGED
|
@@ -308,6 +308,7 @@ const generateStyle = (componentTheme, props, state) => {
|
|
|
308
308
|
touchAction: 'manipulation',
|
|
309
309
|
// This sets the focus ring's border radius displayed by the `View`
|
|
310
310
|
borderRadius: componentTheme.borderRadius,
|
|
311
|
+
...shapeVariants[shape],
|
|
311
312
|
// Prevents vertical stretching in flex parents with fixed height
|
|
312
313
|
// Avoids background/focus ring distortion
|
|
313
314
|
height: 'fit-content',
|
package/lib/BaseButton/styles.js
CHANGED
|
@@ -314,6 +314,7 @@ const generateStyle = (componentTheme, props, state) => {
|
|
|
314
314
|
touchAction: 'manipulation',
|
|
315
315
|
// This sets the focus ring's border radius displayed by the `View`
|
|
316
316
|
borderRadius: componentTheme.borderRadius,
|
|
317
|
+
...shapeVariants[shape],
|
|
317
318
|
// Prevents vertical stretching in flex parents with fixed height
|
|
318
319
|
// Avoids background/focus ring distortion
|
|
319
320
|
height: 'fit-content',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-buttons",
|
|
3
|
-
"version": "10.26.0",
|
|
3
|
+
"version": "10.26.1-snapshot-0",
|
|
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.26.0",
|
|
27
|
-
"@instructure/ui-babel-preset": "10.26.0",
|
|
28
|
-
"@instructure/ui-themes": "10.26.0",
|
|
26
|
+
"@instructure/ui-axe-check": "10.26.1-snapshot-0",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.26.1-snapshot-0",
|
|
28
|
+
"@instructure/ui-themes": "10.26.1-snapshot-0",
|
|
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.26.0",
|
|
37
|
-
"@instructure/emotion": "10.26.0",
|
|
38
|
-
"@instructure/shared-types": "10.26.0",
|
|
39
|
-
"@instructure/ui-a11y-content": "10.26.0",
|
|
40
|
-
"@instructure/ui-a11y-utils": "10.26.0",
|
|
41
|
-
"@instructure/ui-color-utils": "10.26.0",
|
|
42
|
-
"@instructure/ui-dom-utils": "10.26.0",
|
|
43
|
-
"@instructure/ui-icons": "10.26.0",
|
|
44
|
-
"@instructure/ui-position": "10.26.0",
|
|
45
|
-
"@instructure/ui-prop-types": "10.26.0",
|
|
46
|
-
"@instructure/ui-react-utils": "10.26.0",
|
|
47
|
-
"@instructure/ui-testable": "10.26.0",
|
|
48
|
-
"@instructure/ui-tooltip": "10.26.0",
|
|
49
|
-
"@instructure/ui-utils": "10.26.0",
|
|
50
|
-
"@instructure/ui-view": "10.26.0",
|
|
36
|
+
"@instructure/console": "10.26.1-snapshot-0",
|
|
37
|
+
"@instructure/emotion": "10.26.1-snapshot-0",
|
|
38
|
+
"@instructure/shared-types": "10.26.1-snapshot-0",
|
|
39
|
+
"@instructure/ui-a11y-content": "10.26.1-snapshot-0",
|
|
40
|
+
"@instructure/ui-a11y-utils": "10.26.1-snapshot-0",
|
|
41
|
+
"@instructure/ui-color-utils": "10.26.1-snapshot-0",
|
|
42
|
+
"@instructure/ui-dom-utils": "10.26.1-snapshot-0",
|
|
43
|
+
"@instructure/ui-icons": "10.26.1-snapshot-0",
|
|
44
|
+
"@instructure/ui-position": "10.26.1-snapshot-0",
|
|
45
|
+
"@instructure/ui-prop-types": "10.26.1-snapshot-0",
|
|
46
|
+
"@instructure/ui-react-utils": "10.26.1-snapshot-0",
|
|
47
|
+
"@instructure/ui-testable": "10.26.1-snapshot-0",
|
|
48
|
+
"@instructure/ui-tooltip": "10.26.1-snapshot-0",
|
|
49
|
+
"@instructure/ui-utils": "10.26.1-snapshot-0",
|
|
50
|
+
"@instructure/ui-view": "10.26.1-snapshot-0",
|
|
51
51
|
"keycode": "^2",
|
|
52
52
|
"prop-types": "^15.8.1"
|
|
53
53
|
},
|
package/src/BaseButton/styles.ts
CHANGED
|
@@ -361,6 +361,7 @@ const generateStyle = (
|
|
|
361
361
|
touchAction: 'manipulation',
|
|
362
362
|
// This sets the focus ring's border radius displayed by the `View`
|
|
363
363
|
borderRadius: componentTheme.borderRadius,
|
|
364
|
+
...shapeVariants[shape!],
|
|
364
365
|
// Prevents vertical stretching in flex parents with fixed height
|
|
365
366
|
// Avoids background/focus ring distortion
|
|
366
367
|
height: 'fit-content',
|