@instructure/ui-buttons 10.25.1-snapshot-2 → 10.25.1-snapshot-4
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,7 +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.25.1-snapshot-
|
|
6
|
+
## [10.25.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.25.1-snapshot-4) (2025-09-25)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **ui-buttons:** fix for AI secondary button visual glitch ([aff6f65](https://github.com/instructure/instructure-ui/commit/aff6f65aabdfb122314761746bcbcbf1b66aaf61))
|
|
7
12
|
|
|
8
13
|
|
|
9
14
|
### Features
|
package/es/BaseButton/styles.js
CHANGED
|
@@ -308,6 +308,9 @@ 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
|
+
// Prevents vertical stretching in flex parents with fixed height
|
|
312
|
+
// Avoids background/focus ring distortion
|
|
313
|
+
height: 'fit-content',
|
|
311
314
|
'&::-moz-focus-inner': {
|
|
312
315
|
border: '0' /* removes default dotted focus outline in Firefox */
|
|
313
316
|
},
|
package/lib/BaseButton/styles.js
CHANGED
|
@@ -314,6 +314,9 @@ 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
|
+
// Prevents vertical stretching in flex parents with fixed height
|
|
318
|
+
// Avoids background/focus ring distortion
|
|
319
|
+
height: 'fit-content',
|
|
317
320
|
'&::-moz-focus-inner': {
|
|
318
321
|
border: '0' /* removes default dotted focus outline in Firefox */
|
|
319
322
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-buttons",
|
|
3
|
-
"version": "10.25.1-snapshot-
|
|
3
|
+
"version": "10.25.1-snapshot-4",
|
|
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.25.1-snapshot-
|
|
27
|
-
"@instructure/ui-babel-preset": "10.25.1-snapshot-
|
|
28
|
-
"@instructure/ui-themes": "10.25.1-snapshot-
|
|
26
|
+
"@instructure/ui-axe-check": "10.25.1-snapshot-4",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.25.1-snapshot-4",
|
|
28
|
+
"@instructure/ui-themes": "10.25.1-snapshot-4",
|
|
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.25.1-snapshot-
|
|
37
|
-
"@instructure/emotion": "10.25.1-snapshot-
|
|
38
|
-
"@instructure/shared-types": "10.25.1-snapshot-
|
|
39
|
-
"@instructure/ui-a11y-content": "10.25.1-snapshot-
|
|
40
|
-
"@instructure/ui-a11y-utils": "10.25.1-snapshot-
|
|
41
|
-
"@instructure/ui-color-utils": "10.25.1-snapshot-
|
|
42
|
-
"@instructure/ui-dom-utils": "10.25.1-snapshot-
|
|
43
|
-
"@instructure/ui-icons": "10.25.1-snapshot-
|
|
44
|
-
"@instructure/ui-position": "10.25.1-snapshot-
|
|
45
|
-
"@instructure/ui-prop-types": "10.25.1-snapshot-
|
|
46
|
-
"@instructure/ui-react-utils": "10.25.1-snapshot-
|
|
47
|
-
"@instructure/ui-testable": "10.25.1-snapshot-
|
|
48
|
-
"@instructure/ui-tooltip": "10.25.1-snapshot-
|
|
49
|
-
"@instructure/ui-utils": "10.25.1-snapshot-
|
|
50
|
-
"@instructure/ui-view": "10.25.1-snapshot-
|
|
36
|
+
"@instructure/console": "10.25.1-snapshot-4",
|
|
37
|
+
"@instructure/emotion": "10.25.1-snapshot-4",
|
|
38
|
+
"@instructure/shared-types": "10.25.1-snapshot-4",
|
|
39
|
+
"@instructure/ui-a11y-content": "10.25.1-snapshot-4",
|
|
40
|
+
"@instructure/ui-a11y-utils": "10.25.1-snapshot-4",
|
|
41
|
+
"@instructure/ui-color-utils": "10.25.1-snapshot-4",
|
|
42
|
+
"@instructure/ui-dom-utils": "10.25.1-snapshot-4",
|
|
43
|
+
"@instructure/ui-icons": "10.25.1-snapshot-4",
|
|
44
|
+
"@instructure/ui-position": "10.25.1-snapshot-4",
|
|
45
|
+
"@instructure/ui-prop-types": "10.25.1-snapshot-4",
|
|
46
|
+
"@instructure/ui-react-utils": "10.25.1-snapshot-4",
|
|
47
|
+
"@instructure/ui-testable": "10.25.1-snapshot-4",
|
|
48
|
+
"@instructure/ui-tooltip": "10.25.1-snapshot-4",
|
|
49
|
+
"@instructure/ui-utils": "10.25.1-snapshot-4",
|
|
50
|
+
"@instructure/ui-view": "10.25.1-snapshot-4",
|
|
51
51
|
"keycode": "^2",
|
|
52
52
|
"prop-types": "^15.8.1"
|
|
53
53
|
},
|
package/src/BaseButton/styles.ts
CHANGED
|
@@ -361,6 +361,9 @@ 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
|
+
// Prevents vertical stretching in flex parents with fixed height
|
|
365
|
+
// Avoids background/focus ring distortion
|
|
366
|
+
height: 'fit-content',
|
|
364
367
|
|
|
365
368
|
'&::-moz-focus-inner': {
|
|
366
369
|
border: '0' /* removes default dotted focus outline in Firefox */
|