@instructure/ui-avatar 10.18.1-snapshot-5 → 10.18.1-snapshot-7

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 (6) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/Avatar/theme.js +11 -11
  3. package/lib/Avatar/theme.js +11 -11
  4. package/package.json +13 -13
  5. package/src/Avatar/theme.ts +1 -1
  6. 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
- ## [10.18.1-snapshot-5](https://github.com/instructure/instructure-ui/compare/v10.18.0...v10.18.1-snapshot-5) (2025-05-29)
6
+ ## [10.18.1-snapshot-7](https://github.com/instructure/instructure-ui/compare/v10.18.0...v10.18.1-snapshot-7) (2025-05-29)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-avatar
8
+
9
+ ### Bug Fixes
10
+
11
+ * **many:** fix access of colors from theme ([983e580](https://github.com/instructure/instructure-ui/commit/983e580a6e03d2cd590db76aae28f1d6e71004b8))
9
12
 
10
13
 
11
14
 
package/es/Avatar/theme.js CHANGED
@@ -29,7 +29,7 @@ import { alpha } from '@instructure/ui-color-utils';
29
29
  * @return The final theme object with the overrides and component variables
30
30
  */
31
31
  const generateComponentTheme = theme => {
32
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11;
32
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11, _colors$contrasts12;
33
33
  const colors = theme.colors,
34
34
  borders = theme.borders,
35
35
  typography = theme.typography;
@@ -44,16 +44,16 @@ const generateComponentTheme = theme => {
44
44
  fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
45
45
  // these colors have sufficient contrast with the white background
46
46
  // in the normal and high contrast themes
47
- color: colors === null || colors === void 0 ? void 0 : colors.contrasts.blue4570,
48
- colorShamrock: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.green4570,
49
- colorBarney: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
50
- colorCrimson: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.red4570,
51
- colorFire: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.orange4570,
52
- colorLicorice: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey125125,
53
- colorAsh: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey4570,
54
- aiTopGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.violet4570,
55
- aiBottomGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.sea4570,
56
- aiFontColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.white1010
47
+ color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.blue4570,
48
+ colorShamrock: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.green4570,
49
+ colorBarney: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.blue4570,
50
+ colorCrimson: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.red4570,
51
+ colorFire: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.orange4570,
52
+ colorLicorice: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey125125,
53
+ colorAsh: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey4570,
54
+ aiTopGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.violet4570,
55
+ aiBottomGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.sea4570,
56
+ aiFontColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts12 = colors.contrasts) === null || _colors$contrasts12 === void 0 ? void 0 : _colors$contrasts12.white1010
57
57
  };
58
58
  return {
59
59
  ...componentVariables
package/lib/Avatar/theme.js CHANGED
@@ -35,7 +35,7 @@ var _alpha = require("@instructure/ui-color-utils/lib/alpha.js");
35
35
  * @return The final theme object with the overrides and component variables
36
36
  */
37
37
  const generateComponentTheme = theme => {
38
- var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11;
38
+ var _colors$contrasts, _colors$contrasts2, _colors$contrasts3, _colors$contrasts4, _colors$contrasts5, _colors$contrasts6, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11, _colors$contrasts12;
39
39
  const colors = theme.colors,
40
40
  borders = theme.borders,
41
41
  typography = theme.typography;
@@ -50,16 +50,16 @@ const generateComponentTheme = theme => {
50
50
  fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightBold,
51
51
  // these colors have sufficient contrast with the white background
52
52
  // in the normal and high contrast themes
53
- color: colors === null || colors === void 0 ? void 0 : colors.contrasts.blue4570,
54
- colorShamrock: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.green4570,
55
- colorBarney: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
56
- colorCrimson: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.red4570,
57
- colorFire: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.orange4570,
58
- colorLicorice: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey125125,
59
- colorAsh: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey4570,
60
- aiTopGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.violet4570,
61
- aiBottomGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.sea4570,
62
- aiFontColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.white1010
53
+ color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.blue4570,
54
+ colorShamrock: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.green4570,
55
+ colorBarney: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.blue4570,
56
+ colorCrimson: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.red4570,
57
+ colorFire: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.orange4570,
58
+ colorLicorice: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.grey125125,
59
+ colorAsh: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.grey4570,
60
+ aiTopGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.violet4570,
61
+ aiBottomGradientColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.sea4570,
62
+ aiFontColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts12 = colors.contrasts) === null || _colors$contrasts12 === void 0 ? void 0 : _colors$contrasts12.white1010
63
63
  };
64
64
  return {
65
65
  ...componentVariables
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-avatar",
3
- "version": "10.18.1-snapshot-5",
3
+ "version": "10.18.1-snapshot-7",
4
4
  "description": "An image or letters that represents a user.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -24,21 +24,21 @@
24
24
  "license": "MIT",
25
25
  "dependencies": {
26
26
  "@babel/runtime": "^7.26.0",
27
- "@instructure/emotion": "10.18.1-snapshot-5",
28
- "@instructure/shared-types": "10.18.1-snapshot-5",
29
- "@instructure/ui-icons": "10.18.1-snapshot-5",
30
- "@instructure/ui-react-utils": "10.18.1-snapshot-5",
31
- "@instructure/ui-testable": "10.18.1-snapshot-5",
32
- "@instructure/ui-view": "10.18.1-snapshot-5",
27
+ "@instructure/emotion": "10.18.1-snapshot-7",
28
+ "@instructure/shared-types": "10.18.1-snapshot-7",
29
+ "@instructure/ui-icons": "10.18.1-snapshot-7",
30
+ "@instructure/ui-react-utils": "10.18.1-snapshot-7",
31
+ "@instructure/ui-testable": "10.18.1-snapshot-7",
32
+ "@instructure/ui-view": "10.18.1-snapshot-7",
33
33
  "prop-types": "^15.8.1"
34
34
  },
35
35
  "devDependencies": {
36
- "@instructure/ui-axe-check": "10.18.1-snapshot-5",
37
- "@instructure/ui-babel-preset": "10.18.1-snapshot-5",
38
- "@instructure/ui-color-utils": "10.18.1-snapshot-5",
39
- "@instructure/ui-test-locator": "10.18.1-snapshot-5",
40
- "@instructure/ui-test-utils": "10.18.1-snapshot-5",
41
- "@instructure/ui-themes": "10.18.1-snapshot-5",
36
+ "@instructure/ui-axe-check": "10.18.1-snapshot-7",
37
+ "@instructure/ui-babel-preset": "10.18.1-snapshot-7",
38
+ "@instructure/ui-color-utils": "10.18.1-snapshot-7",
39
+ "@instructure/ui-test-locator": "10.18.1-snapshot-7",
40
+ "@instructure/ui-test-utils": "10.18.1-snapshot-7",
41
+ "@instructure/ui-themes": "10.18.1-snapshot-7",
42
42
  "@testing-library/jest-dom": "^6.6.3",
43
43
  "@testing-library/react": "^16.0.1",
44
44
  "vitest": "^2.1.8"
package/src/Avatar/theme.ts CHANGED
@@ -46,7 +46,7 @@ const generateComponentTheme = (theme: Theme): AvatarTheme => {
46
46
 
47
47
  // these colors have sufficient contrast with the white background
48
48
  // in the normal and high contrast themes
49
- color: colors?.contrasts.blue4570,
49
+ color: colors?.contrasts?.blue4570,
50
50
  colorShamrock: colors?.contrasts?.green4570,
51
51
  colorBarney: colors?.contrasts?.blue4570,
52
52
  colorCrimson: colors?.contrasts?.red4570,