@instructure/ui-buttons 8.54.0 → 8.54.1-snapshot-2
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
|
+
## [8.54.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v8.54.0...v8.54.1-snapshot-2) (2024-04-04)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* **ui-buttons:** add stronger css rules for focused links ([84f2306](https://github.com/instructure/instructure-ui/commit/84f23068c5c03bb4ac64e539ec15abee35c33467))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
# [8.54.0](https://github.com/instructure/instructure-ui/compare/v8.53.2...v8.54.0) (2024-03-21)
|
|
7
18
|
|
|
8
19
|
**Note:** Version bump only for package @instructure/ui-buttons
|
package/es/BaseButton/styles.js
CHANGED
|
@@ -261,6 +261,9 @@ const generateStyle = (componentTheme, props, state) => {
|
|
|
261
261
|
pointerEvents: 'none' /* Ensures that button or link is always the event target */
|
|
262
262
|
},
|
|
263
263
|
|
|
264
|
+
'&:focus': {
|
|
265
|
+
textDecoration: 'none'
|
|
266
|
+
},
|
|
264
267
|
'&:active > [class$=-baseButton__content]': colorVariants[color].active,
|
|
265
268
|
'&:hover > [class$=-baseButton__content]': colorVariants[color].hover
|
|
266
269
|
},
|
package/lib/BaseButton/styles.js
CHANGED
|
@@ -267,6 +267,9 @@ const generateStyle = (componentTheme, props, state) => {
|
|
|
267
267
|
pointerEvents: 'none' /* Ensures that button or link is always the event target */
|
|
268
268
|
},
|
|
269
269
|
|
|
270
|
+
'&:focus': {
|
|
271
|
+
textDecoration: 'none'
|
|
272
|
+
},
|
|
270
273
|
'&:active > [class$=-baseButton__content]': colorVariants[color].active,
|
|
271
274
|
'&:hover > [class$=-baseButton__content]': colorVariants[color].hover
|
|
272
275
|
},
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-buttons",
|
|
3
|
-
"version": "8.54.
|
|
3
|
+
"version": "8.54.1-snapshot-2",
|
|
4
4
|
"description": "Accessible button components",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,28 +23,28 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.54.
|
|
27
|
-
"@instructure/ui-test-locator": "8.54.
|
|
28
|
-
"@instructure/ui-test-queries": "8.54.
|
|
29
|
-
"@instructure/ui-test-utils": "8.54.
|
|
30
|
-
"@instructure/ui-themes": "8.54.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.54.1-snapshot-2",
|
|
27
|
+
"@instructure/ui-test-locator": "8.54.1-snapshot-2",
|
|
28
|
+
"@instructure/ui-test-queries": "8.54.1-snapshot-2",
|
|
29
|
+
"@instructure/ui-test-utils": "8.54.1-snapshot-2",
|
|
30
|
+
"@instructure/ui-themes": "8.54.1-snapshot-2"
|
|
31
31
|
},
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@babel/runtime": "^7.23.2",
|
|
34
|
-
"@instructure/console": "8.54.
|
|
35
|
-
"@instructure/emotion": "8.54.
|
|
36
|
-
"@instructure/shared-types": "8.54.
|
|
37
|
-
"@instructure/ui-a11y-content": "8.54.
|
|
38
|
-
"@instructure/ui-a11y-utils": "8.54.
|
|
39
|
-
"@instructure/ui-color-utils": "8.54.
|
|
40
|
-
"@instructure/ui-dom-utils": "8.54.
|
|
41
|
-
"@instructure/ui-icons": "8.54.
|
|
42
|
-
"@instructure/ui-position": "8.54.
|
|
43
|
-
"@instructure/ui-react-utils": "8.54.
|
|
44
|
-
"@instructure/ui-testable": "8.54.
|
|
45
|
-
"@instructure/ui-tooltip": "8.54.
|
|
46
|
-
"@instructure/ui-utils": "8.54.
|
|
47
|
-
"@instructure/ui-view": "8.54.
|
|
34
|
+
"@instructure/console": "8.54.1-snapshot-2",
|
|
35
|
+
"@instructure/emotion": "8.54.1-snapshot-2",
|
|
36
|
+
"@instructure/shared-types": "8.54.1-snapshot-2",
|
|
37
|
+
"@instructure/ui-a11y-content": "8.54.1-snapshot-2",
|
|
38
|
+
"@instructure/ui-a11y-utils": "8.54.1-snapshot-2",
|
|
39
|
+
"@instructure/ui-color-utils": "8.54.1-snapshot-2",
|
|
40
|
+
"@instructure/ui-dom-utils": "8.54.1-snapshot-2",
|
|
41
|
+
"@instructure/ui-icons": "8.54.1-snapshot-2",
|
|
42
|
+
"@instructure/ui-position": "8.54.1-snapshot-2",
|
|
43
|
+
"@instructure/ui-react-utils": "8.54.1-snapshot-2",
|
|
44
|
+
"@instructure/ui-testable": "8.54.1-snapshot-2",
|
|
45
|
+
"@instructure/ui-tooltip": "8.54.1-snapshot-2",
|
|
46
|
+
"@instructure/ui-utils": "8.54.1-snapshot-2",
|
|
47
|
+
"@instructure/ui-view": "8.54.1-snapshot-2",
|
|
48
48
|
"keycode": "^2.2.1",
|
|
49
49
|
"prop-types": "^15.8.1"
|
|
50
50
|
},
|
package/src/BaseButton/styles.ts
CHANGED
|
@@ -296,7 +296,9 @@ const generateStyle = (
|
|
|
296
296
|
pointerEvents:
|
|
297
297
|
'none' /* Ensures that button or link is always the event target */
|
|
298
298
|
},
|
|
299
|
-
|
|
299
|
+
'&:focus': {
|
|
300
|
+
textDecoration: 'none'
|
|
301
|
+
},
|
|
300
302
|
'&:active > [class$=-baseButton__content]': colorVariants[color!].active,
|
|
301
303
|
'&:hover > [class$=-baseButton__content]': colorVariants[color!].hover
|
|
302
304
|
},
|