@instructure/ui-menu 10.5.1-snapshot-5 → 10.6.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.
Files changed (11) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/Menu/MenuItem/styles.js +2 -1
  3. package/es/Menu/MenuItem/theme.js +3 -2
  4. package/lib/Menu/MenuItem/styles.js +2 -1
  5. package/lib/Menu/MenuItem/theme.js +3 -2
  6. package/package.json +19 -19
  7. package/src/Menu/MenuItem/styles.ts +2 -1
  8. package/src/Menu/MenuItem/theme.ts +3 -1
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/Menu/MenuItem/styles.d.ts.map +1 -1
  11. package/types/Menu/MenuItem/theme.d.ts.map +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
- ## [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.6.0](https://github.com/instructure/instructure-ui/compare/v10.5.0...v10.6.0) (2024-11-18)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-menu
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
 
package/es/Menu/MenuItem/styles.js CHANGED
@@ -123,7 +123,8 @@ const generateStyle = (componentTheme, props) => {
123
123
  height: '100%',
124
124
  float: 'right',
125
125
  clear: 'right',
126
- paddingRight: '1.75rem'
126
+ paddingRight: '1.75rem',
127
+ color: componentTheme.labelInfoColor
127
128
  },
128
129
  label: {
129
130
  label: 'menuItem__label',
package/es/Menu/MenuItem/theme.js CHANGED
@@ -28,7 +28,7 @@
28
28
  * @return {Object} The final theme object with the overrides and component variables
29
29
  */
30
30
  const generateComponentTheme = theme => {
31
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6;
31
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7;
32
32
  const colors = theme.colors,
33
33
  typography = theme.typography,
34
34
  spacing = theme.spacing,
@@ -53,7 +53,8 @@ const generateComponentTheme = theme => {
53
53
  iconPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
54
54
  activeBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
55
55
  activeLabelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
56
- activeIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.white1010
56
+ activeIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.white1010,
57
+ labelInfoColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey5782
57
58
  };
58
59
  return {
59
60
  ...componentVariables,
package/lib/Menu/MenuItem/styles.js CHANGED
@@ -129,7 +129,8 @@ const generateStyle = (componentTheme, props) => {
129
129
  height: '100%',
130
130
  float: 'right',
131
131
  clear: 'right',
132
- paddingRight: '1.75rem'
132
+ paddingRight: '1.75rem',
133
+ color: componentTheme.labelInfoColor
133
134
  },
134
135
  label: {
135
136
  label: 'menuItem__label',
package/lib/Menu/MenuItem/theme.js CHANGED
@@ -34,7 +34,7 @@ exports.default = void 0;
34
34
  * @return {Object} The final theme object with the overrides and component variables
35
35
  */
36
36
  const generateComponentTheme = theme => {
37
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6;
37
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7;
38
38
  const colors = theme.colors,
39
39
  typography = theme.typography,
40
40
  spacing = theme.spacing,
@@ -59,7 +59,8 @@ const generateComponentTheme = theme => {
59
59
  iconPadding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
60
60
  activeBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
61
61
  activeLabelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.white1010,
62
- activeIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.white1010
62
+ activeIconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.white1010,
63
+ labelInfoColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey5782
63
64
  };
64
65
  return {
65
66
  ...componentVariables,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-menu",
3
- "version": "10.5.1-snapshot-5",
3
+ "version": "10.6.0",
4
4
  "description": "A dropdown menu 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.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,19 +35,19 @@
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-utils": "10.5.1-snapshot-5",
42
- "@instructure/ui-dom-utils": "10.5.1-snapshot-5",
43
- "@instructure/ui-icons": "10.5.1-snapshot-5",
44
- "@instructure/ui-popover": "10.5.1-snapshot-5",
45
- "@instructure/ui-position": "10.5.1-snapshot-5",
46
- "@instructure/ui-prop-types": "10.5.1-snapshot-5",
47
- "@instructure/ui-react-utils": "10.5.1-snapshot-5",
48
- "@instructure/ui-testable": "10.5.1-snapshot-5",
49
- "@instructure/ui-utils": "10.5.1-snapshot-5",
50
- "@instructure/ui-view": "10.5.1-snapshot-5",
38
+ "@instructure/console": "10.6.0",
39
+ "@instructure/emotion": "10.6.0",
40
+ "@instructure/shared-types": "10.6.0",
41
+ "@instructure/ui-a11y-utils": "10.6.0",
42
+ "@instructure/ui-dom-utils": "10.6.0",
43
+ "@instructure/ui-icons": "10.6.0",
44
+ "@instructure/ui-popover": "10.6.0",
45
+ "@instructure/ui-position": "10.6.0",
46
+ "@instructure/ui-prop-types": "10.6.0",
47
+ "@instructure/ui-react-utils": "10.6.0",
48
+ "@instructure/ui-testable": "10.6.0",
49
+ "@instructure/ui-utils": "10.6.0",
50
+ "@instructure/ui-view": "10.6.0",
51
51
  "keycode": "^2",
52
52
  "prop-types": "^15.8.1"
53
53
  },
package/src/Menu/MenuItem/styles.ts CHANGED
@@ -143,7 +143,8 @@ const generateStyle = (
143
143
  height: '100%',
144
144
  float: 'right',
145
145
  clear: 'right',
146
- paddingRight: '1.75rem'
146
+ paddingRight: '1.75rem',
147
+ color: componentTheme.labelInfoColor
147
148
  },
148
149
  label: {
149
150
  label: 'menuItem__label',
package/src/Menu/MenuItem/theme.ts CHANGED
@@ -58,7 +58,9 @@ const generateComponentTheme = (theme: Theme): MenuItemTheme => {
58
58
 
59
59
  activeBackground: colors?.contrasts?.blue4570,
60
60
  activeLabelColor: colors?.contrasts?.white1010,
61
- activeIconColor: colors?.contrasts?.white1010
61
+ activeIconColor: colors?.contrasts?.white1010,
62
+
63
+ labelInfoColor: colors?.contrasts?.grey5782
62
64
  }
63
65
 
64
66
  return {