@instructure/ui-alerts 9.5.2-snapshot-7 → 9.5.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/es/Alert/theme.js +11 -12
  3. package/lib/Alert/theme.js +11 -12
  4. package/package.json +14 -14
  5. package/src/Alert/theme.ts +11 -11
  6. package/tsconfig.build.tsbuildinfo +1 -1
package/CHANGELOG.md CHANGED
@@ -3,17 +3,9 @@
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
- ## [9.5.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v9.5.1...v9.5.2-snapshot-7) (2024-07-31)
6
+ ## [9.5.2](https://github.com/instructure/instructure-ui/compare/v9.5.1...v9.5.2) (2024-08-05)
7
7
 
8
-
9
- ### Features
10
-
11
- * **many:** rewrite color system ([1e5809e](https://github.com/instructure/instructure-ui/commit/1e5809e28dee8c2a71703a429609b8d2f95d76e6))
12
-
13
-
14
- ### BREAKING CHANGES
15
-
16
- * **many:** Breaks color overrides in certain cases
8
+ **Note:** Version bump only for package @instructure/ui-alerts
17
9
 
18
10
 
19
11
 
package/es/Alert/theme.js CHANGED
@@ -28,7 +28,6 @@
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, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11;
32
31
  const colors = theme.colors,
33
32
  spacing = theme.spacing,
34
33
  borders = theme.borders,
@@ -41,8 +40,8 @@ const generateComponentTheme = theme => {
41
40
  }
42
41
  };
43
42
  const componentVariables = {
44
- background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
45
- color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
43
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
44
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
46
45
  marginTop: spacing === null || spacing === void 0 ? void 0 : spacing.small,
47
46
  borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
48
47
  borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
@@ -54,15 +53,15 @@ const generateComponentTheme = theme => {
54
53
  contentLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
55
54
  closeButtonMarginTop: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
56
55
  closeButtonMarginRight: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
57
- iconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.white1010,
58
- successBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.green4570,
59
- successIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.green4570,
60
- infoBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue4570,
61
- infoIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.blue4570,
62
- warningBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.orange4570,
63
- warningIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.orange4570,
64
- dangerBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.red4570,
65
- dangerIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.red4570,
56
+ iconColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
57
+ successBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderSuccess,
58
+ successIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess,
59
+ infoBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderInfo,
60
+ infoIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo,
61
+ warningBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderWarning,
62
+ warningIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning,
63
+ dangerBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
64
+ dangerIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger,
66
65
  boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth2
67
66
  };
68
67
  return {
package/lib/Alert/theme.js CHANGED
@@ -34,7 +34,6 @@ 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, _colors$contrasts7, _colors$contrasts8, _colors$contrasts9, _colors$contrasts10, _colors$contrasts11;
38
37
  const colors = theme.colors,
39
38
  spacing = theme.spacing,
40
39
  borders = theme.borders,
@@ -47,8 +46,8 @@ const generateComponentTheme = theme => {
47
46
  }
48
47
  };
49
48
  const componentVariables = {
50
- background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.white1010,
51
- color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
49
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
50
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
52
51
  marginTop: spacing === null || spacing === void 0 ? void 0 : spacing.small,
53
52
  borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
54
53
  borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
@@ -60,15 +59,15 @@ const generateComponentTheme = theme => {
60
59
  contentLineHeight: typography === null || typography === void 0 ? void 0 : typography.lineHeightCondensed,
61
60
  closeButtonMarginTop: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
62
61
  closeButtonMarginRight: spacing === null || spacing === void 0 ? void 0 : spacing.xxSmall,
63
- iconColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.white1010,
64
- successBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.green4570,
65
- successIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.green4570,
66
- infoBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.blue4570,
67
- infoIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.blue4570,
68
- warningBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts8 = colors.contrasts) === null || _colors$contrasts8 === void 0 ? void 0 : _colors$contrasts8.orange4570,
69
- warningIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts9 = colors.contrasts) === null || _colors$contrasts9 === void 0 ? void 0 : _colors$contrasts9.orange4570,
70
- dangerBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts10 = colors.contrasts) === null || _colors$contrasts10 === void 0 ? void 0 : _colors$contrasts10.red4570,
71
- dangerIconBackground: colors === null || colors === void 0 ? void 0 : (_colors$contrasts11 = colors.contrasts) === null || _colors$contrasts11 === void 0 ? void 0 : _colors$contrasts11.red4570,
62
+ iconColor: colors === null || colors === void 0 ? void 0 : colors.textLightest,
63
+ successBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderSuccess,
64
+ successIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundSuccess,
65
+ infoBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderInfo,
66
+ infoIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundInfo,
67
+ warningBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderWarning,
68
+ warningIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundWarning,
69
+ dangerBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
70
+ dangerIconBackground: colors === null || colors === void 0 ? void 0 : colors.backgroundDanger,
72
71
  boxShadow: shadows === null || shadows === void 0 ? void 0 : shadows.depth2
73
72
  };
74
73
  return {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-alerts",
3
- "version": "9.5.2-snapshot-7",
3
+ "version": "9.5.2",
4
4
  "description": "An alert component",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,22 +23,22 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "9.5.2-snapshot-7",
27
- "@instructure/ui-color-utils": "9.5.2-snapshot-7",
28
- "@instructure/ui-test-utils": "9.5.2-snapshot-7"
26
+ "@instructure/ui-babel-preset": "9.5.2",
27
+ "@instructure/ui-color-utils": "9.5.2",
28
+ "@instructure/ui-test-utils": "9.5.2"
29
29
  },
30
30
  "dependencies": {
31
31
  "@babel/runtime": "^7.24.5",
32
- "@instructure/console": "9.5.2-snapshot-7",
33
- "@instructure/emotion": "9.5.2-snapshot-7",
34
- "@instructure/shared-types": "9.5.2-snapshot-7",
35
- "@instructure/ui-a11y-content": "9.5.2-snapshot-7",
36
- "@instructure/ui-buttons": "9.5.2-snapshot-7",
37
- "@instructure/ui-icons": "9.5.2-snapshot-7",
38
- "@instructure/ui-motion": "9.5.2-snapshot-7",
39
- "@instructure/ui-react-utils": "9.5.2-snapshot-7",
40
- "@instructure/ui-themes": "9.5.2-snapshot-7",
41
- "@instructure/ui-view": "9.5.2-snapshot-7",
32
+ "@instructure/console": "9.5.2",
33
+ "@instructure/emotion": "9.5.2",
34
+ "@instructure/shared-types": "9.5.2",
35
+ "@instructure/ui-a11y-content": "9.5.2",
36
+ "@instructure/ui-buttons": "9.5.2",
37
+ "@instructure/ui-icons": "9.5.2",
38
+ "@instructure/ui-motion": "9.5.2",
39
+ "@instructure/ui-react-utils": "9.5.2",
40
+ "@instructure/ui-themes": "9.5.2",
41
+ "@instructure/ui-view": "9.5.2",
42
42
  "keycode": "^2",
43
43
  "prop-types": "^15.8.1"
44
44
  },
package/src/Alert/theme.ts CHANGED
@@ -47,8 +47,8 @@ const generateComponentTheme = (theme: Theme): AlertTheme => {
47
47
  }
48
48
 
49
49
  const componentVariables: AlertTheme = {
50
- background: colors?.contrasts?.white1010,
51
- color: colors?.contrasts?.grey125125,
50
+ background: colors?.backgroundLightest,
51
+ color: colors?.textDarkest,
52
52
  marginTop: spacing?.small,
53
53
 
54
54
  borderRadius: borders?.radiusMedium,
@@ -64,19 +64,19 @@ const generateComponentTheme = (theme: Theme): AlertTheme => {
64
64
  closeButtonMarginTop: spacing?.xSmall,
65
65
  closeButtonMarginRight: spacing?.xxSmall,
66
66
 
67
- iconColor: colors?.contrasts?.white1010,
67
+ iconColor: colors?.textLightest,
68
68
 
69
- successBorderColor: colors?.contrasts?.green4570,
70
- successIconBackground: colors?.contrasts?.green4570,
69
+ successBorderColor: colors?.borderSuccess,
70
+ successIconBackground: colors?.backgroundSuccess,
71
71
 
72
- infoBorderColor: colors?.contrasts?.blue4570,
73
- infoIconBackground: colors?.contrasts?.blue4570,
72
+ infoBorderColor: colors?.borderInfo,
73
+ infoIconBackground: colors?.backgroundInfo,
74
74
 
75
- warningBorderColor: colors?.contrasts?.orange4570,
76
- warningIconBackground: colors?.contrasts?.orange4570,
75
+ warningBorderColor: colors?.borderWarning,
76
+ warningIconBackground: colors?.backgroundWarning,
77
77
 
78
- dangerBorderColor: colors?.contrasts?.red4570,
79
- dangerIconBackground: colors?.contrasts?.red4570,
78
+ dangerBorderColor: colors?.borderDanger,
79
+ dangerIconBackground: colors?.backgroundDanger,
80
80
 
81
81
  boxShadow: shadows?.depth2
82
82
  }