@instructure/ui-table 10.5.1-snapshot-5 → 10.5.1-snapshot-7

Sign up to get free protection for your applications and to get access to all the features.
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.5.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.5.1-snapshot-5) (2024-11-14)
6
+ ## [10.5.1-snapshot-7](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.5.1-snapshot-7) (2024-11-18)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-table
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.grey4570,
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 {
@@ -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.grey1214,
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.grey4570,
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 {
@@ -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.grey1214,
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.5.1-snapshot-5",
3
+ "version": "10.5.1-snapshot-7",
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.5.1-snapshot-5",
27
- "@instructure/ui-babel-preset": "10.5.1-snapshot-5",
28
- "@instructure/ui-color-utils": "10.5.1-snapshot-5",
29
- "@instructure/ui-test-utils": "10.5.1-snapshot-5",
30
- "@instructure/ui-themes": "10.5.1-snapshot-5",
26
+ "@instructure/ui-axe-check": "10.5.1-snapshot-7",
27
+ "@instructure/ui-babel-preset": "10.5.1-snapshot-7",
28
+ "@instructure/ui-color-utils": "10.5.1-snapshot-7",
29
+ "@instructure/ui-test-utils": "10.5.1-snapshot-7",
30
+ "@instructure/ui-themes": "10.5.1-snapshot-7",
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.5.1-snapshot-5",
39
- "@instructure/emotion": "10.5.1-snapshot-5",
40
- "@instructure/shared-types": "10.5.1-snapshot-5",
41
- "@instructure/ui-a11y-content": "10.5.1-snapshot-5",
42
- "@instructure/ui-icons": "10.5.1-snapshot-5",
43
- "@instructure/ui-prop-types": "10.5.1-snapshot-5",
44
- "@instructure/ui-react-utils": "10.5.1-snapshot-5",
45
- "@instructure/ui-simple-select": "10.5.1-snapshot-5",
46
- "@instructure/ui-testable": "10.5.1-snapshot-5",
47
- "@instructure/ui-utils": "10.5.1-snapshot-5",
48
- "@instructure/ui-view": "10.5.1-snapshot-5",
38
+ "@instructure/console": "10.5.1-snapshot-7",
39
+ "@instructure/emotion": "10.5.1-snapshot-7",
40
+ "@instructure/shared-types": "10.5.1-snapshot-7",
41
+ "@instructure/ui-a11y-content": "10.5.1-snapshot-7",
42
+ "@instructure/ui-icons": "10.5.1-snapshot-7",
43
+ "@instructure/ui-prop-types": "10.5.1-snapshot-7",
44
+ "@instructure/ui-react-utils": "10.5.1-snapshot-7",
45
+ "@instructure/ui-simple-select": "10.5.1-snapshot-7",
46
+ "@instructure/ui-testable": "10.5.1-snapshot-7",
47
+ "@instructure/ui-utils": "10.5.1-snapshot-7",
48
+ "@instructure/ui-view": "10.5.1-snapshot-7",
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?.grey4570,
52
+ unSortedIconColor: colors?.contrasts?.grey3045,
53
53
  sortedIconColor: colors?.contrasts?.blue4570
54
54
  }
55
55
 
@@ -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?.grey1214,
50
+ borderColor: colors?.contrasts?.grey3045,
51
51
  hoverBorderColor: colors?.contrasts?.blue4570,
52
52
 
53
53
  padding: `${spacing?.xSmall} 0`