@instructure/ui-table 10.5.1-snapshot-5 → 10.6.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +5 -2
- package/es/Table/ColHeader/theme.js +1 -1
- package/es/Table/Row/theme.js +1 -1
- package/lib/Table/ColHeader/theme.js +1 -1
- package/lib/Table/Row/theme.js +1 -1
- package/package.json +17 -17
- package/src/Table/ColHeader/theme.ts +1 -1
- package/src/Table/Row/theme.ts +1 -1
- 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
|
-
|
6
|
+
# [10.6.0](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.6.0) (2024-11-18)
|
7
7
|
|
8
|
-
|
8
|
+
|
9
|
+
### Bug Fixes
|
10
|
+
|
11
|
+
* **many:** adjust border colors to meet a11y contrast standards ([2f47e06](https://github.com/instructure/instructure-ui/commit/2f47e066f7107c67e37ce8b7aff483586cf7a6b7))
|
9
12
|
|
10
13
|
|
11
14
|
|
@@ -44,7 +44,7 @@ const generateComponentTheme = theme => {
|
|
44
44
|
focusOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
|
45
45
|
focusOutlineWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
|
46
46
|
focusOutlineStyle: borders === null || borders === void 0 ? void 0 : borders.style,
|
47
|
-
unSortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.
|
47
|
+
unSortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.grey3045,
|
48
48
|
sortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue4570
|
49
49
|
};
|
50
50
|
return {
|
package/es/Table/Row/theme.js
CHANGED
@@ -44,7 +44,7 @@ const generateComponentTheme = theme => {
|
|
44
44
|
fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
|
45
45
|
color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
|
46
46
|
background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
|
47
|
-
borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.
|
47
|
+
borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey3045,
|
48
48
|
hoverBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
|
49
49
|
padding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} 0`
|
50
50
|
};
|
@@ -50,7 +50,7 @@ const generateComponentTheme = theme => {
|
|
50
50
|
focusOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
|
51
51
|
focusOutlineWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
|
52
52
|
focusOutlineStyle: borders === null || borders === void 0 ? void 0 : borders.style,
|
53
|
-
unSortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.
|
53
|
+
unSortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.grey3045,
|
54
54
|
sortedIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue4570
|
55
55
|
};
|
56
56
|
return {
|
package/lib/Table/Row/theme.js
CHANGED
@@ -50,7 +50,7 @@ const generateComponentTheme = theme => {
|
|
50
50
|
fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
|
51
51
|
color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125,
|
52
52
|
background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.white1010,
|
53
|
-
borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.
|
53
|
+
borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.grey3045,
|
54
54
|
hoverBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
|
55
55
|
padding: `${spacing === null || spacing === void 0 ? void 0 : spacing.xSmall} 0`
|
56
56
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@instructure/ui-table",
|
3
|
-
"version": "10.
|
3
|
+
"version": "10.6.0",
|
4
4
|
"description": "A styled HTML table component",
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
6
6
|
"module": "./es/index.js",
|
@@ -23,11 +23,11 @@
|
|
23
23
|
},
|
24
24
|
"license": "MIT",
|
25
25
|
"devDependencies": {
|
26
|
-
"@instructure/ui-axe-check": "10.
|
27
|
-
"@instructure/ui-babel-preset": "10.
|
28
|
-
"@instructure/ui-color-utils": "10.
|
29
|
-
"@instructure/ui-test-utils": "10.
|
30
|
-
"@instructure/ui-themes": "10.
|
26
|
+
"@instructure/ui-axe-check": "10.6.0",
|
27
|
+
"@instructure/ui-babel-preset": "10.6.0",
|
28
|
+
"@instructure/ui-color-utils": "10.6.0",
|
29
|
+
"@instructure/ui-test-utils": "10.6.0",
|
30
|
+
"@instructure/ui-themes": "10.6.0",
|
31
31
|
"@testing-library/jest-dom": "^6.4.6",
|
32
32
|
"@testing-library/react": "^16.0.1",
|
33
33
|
"@testing-library/user-event": "^14.5.2",
|
@@ -35,17 +35,17 @@
|
|
35
35
|
},
|
36
36
|
"dependencies": {
|
37
37
|
"@babel/runtime": "^7.25.6",
|
38
|
-
"@instructure/console": "10.
|
39
|
-
"@instructure/emotion": "10.
|
40
|
-
"@instructure/shared-types": "10.
|
41
|
-
"@instructure/ui-a11y-content": "10.
|
42
|
-
"@instructure/ui-icons": "10.
|
43
|
-
"@instructure/ui-prop-types": "10.
|
44
|
-
"@instructure/ui-react-utils": "10.
|
45
|
-
"@instructure/ui-simple-select": "10.
|
46
|
-
"@instructure/ui-testable": "10.
|
47
|
-
"@instructure/ui-utils": "10.
|
48
|
-
"@instructure/ui-view": "10.
|
38
|
+
"@instructure/console": "10.6.0",
|
39
|
+
"@instructure/emotion": "10.6.0",
|
40
|
+
"@instructure/shared-types": "10.6.0",
|
41
|
+
"@instructure/ui-a11y-content": "10.6.0",
|
42
|
+
"@instructure/ui-icons": "10.6.0",
|
43
|
+
"@instructure/ui-prop-types": "10.6.0",
|
44
|
+
"@instructure/ui-react-utils": "10.6.0",
|
45
|
+
"@instructure/ui-simple-select": "10.6.0",
|
46
|
+
"@instructure/ui-testable": "10.6.0",
|
47
|
+
"@instructure/ui-utils": "10.6.0",
|
48
|
+
"@instructure/ui-view": "10.6.0",
|
49
49
|
"prop-types": "^15.8.1"
|
50
50
|
},
|
51
51
|
"peerDependencies": {
|
@@ -49,7 +49,7 @@ const generateComponentTheme = (theme: Theme): TableColHeaderTheme => {
|
|
49
49
|
focusOutlineWidth: borders?.widthMedium,
|
50
50
|
focusOutlineStyle: borders?.style,
|
51
51
|
|
52
|
-
unSortedIconColor: colors?.contrasts?.
|
52
|
+
unSortedIconColor: colors?.contrasts?.grey3045,
|
53
53
|
sortedIconColor: colors?.contrasts?.blue4570
|
54
54
|
}
|
55
55
|
|
package/src/Table/Row/theme.ts
CHANGED
@@ -47,7 +47,7 @@ const generateComponentTheme = (theme: Theme): TableRowTheme => {
|
|
47
47
|
color: colors?.contrasts?.grey125125,
|
48
48
|
background: colors?.contrasts?.white1010,
|
49
49
|
|
50
|
-
borderColor: colors?.contrasts?.
|
50
|
+
borderColor: colors?.contrasts?.grey3045,
|
51
51
|
hoverBorderColor: colors?.contrasts?.blue4570,
|
52
52
|
|
53
53
|
padding: `${spacing?.xSmall} 0`
|