@instructure/ui-text-input 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/TextInput/theme.js +7 -8
  3. package/lib/TextInput/theme.js +7 -8
  4. package/package.json +15 -15
  5. package/src/TextInput/theme.ts +7 -7
  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-text-input
17
9
 
18
10
 
19
11
 
package/es/TextInput/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;
32
31
  const colors = theme.colors,
33
32
  typography = theme.typography,
34
33
  borders = theme.borders,
@@ -46,17 +45,17 @@ const generateComponentTheme = theme => {
46
45
  fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
47
46
  borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
48
47
  borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
49
- borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey1214,
48
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
50
49
  borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
51
- color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
52
- background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.white1010,
50
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
51
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
53
52
  padding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
54
53
  focusOutlineWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
55
54
  focusOutlineStyle: borders === null || borders === void 0 ? void 0 : borders.style,
56
- focusOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
57
- errorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.red4570,
58
- errorOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.red4570,
59
- placeholderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey4570,
55
+ focusOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
56
+ errorBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
57
+ errorOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
58
+ placeholderColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
60
59
  smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
61
60
  smallHeight: forms === null || forms === void 0 ? void 0 : forms.inputHeightSmall,
62
61
  mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
package/lib/TextInput/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;
38
37
  const colors = theme.colors,
39
38
  typography = theme.typography,
40
39
  borders = theme.borders,
@@ -52,17 +51,17 @@ const generateComponentTheme = theme => {
52
51
  fontWeight: typography === null || typography === void 0 ? void 0 : typography.fontWeightNormal,
53
52
  borderWidth: borders === null || borders === void 0 ? void 0 : borders.widthSmall,
54
53
  borderStyle: borders === null || borders === void 0 ? void 0 : borders.style,
55
- borderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey1214,
54
+ borderColor: colors === null || colors === void 0 ? void 0 : colors.borderMedium,
56
55
  borderRadius: borders === null || borders === void 0 ? void 0 : borders.radiusMedium,
57
- color: colors === null || colors === void 0 ? void 0 : (_colors$contrasts2 = colors.contrasts) === null || _colors$contrasts2 === void 0 ? void 0 : _colors$contrasts2.grey125125,
58
- background: colors === null || colors === void 0 ? void 0 : (_colors$contrasts3 = colors.contrasts) === null || _colors$contrasts3 === void 0 ? void 0 : _colors$contrasts3.white1010,
56
+ color: colors === null || colors === void 0 ? void 0 : colors.textDarkest,
57
+ background: colors === null || colors === void 0 ? void 0 : colors.backgroundLightest,
59
58
  padding: spacing === null || spacing === void 0 ? void 0 : spacing.small,
60
59
  focusOutlineWidth: borders === null || borders === void 0 ? void 0 : borders.widthMedium,
61
60
  focusOutlineStyle: borders === null || borders === void 0 ? void 0 : borders.style,
62
- focusOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts4 = colors.contrasts) === null || _colors$contrasts4 === void 0 ? void 0 : _colors$contrasts4.blue4570,
63
- errorBorderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts5 = colors.contrasts) === null || _colors$contrasts5 === void 0 ? void 0 : _colors$contrasts5.red4570,
64
- errorOutlineColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts6 = colors.contrasts) === null || _colors$contrasts6 === void 0 ? void 0 : _colors$contrasts6.red4570,
65
- placeholderColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts7 = colors.contrasts) === null || _colors$contrasts7 === void 0 ? void 0 : _colors$contrasts7.grey4570,
61
+ focusOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderBrand,
62
+ errorBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
63
+ errorOutlineColor: colors === null || colors === void 0 ? void 0 : colors.borderDanger,
64
+ placeholderColor: colors === null || colors === void 0 ? void 0 : colors.textDark,
66
65
  smallFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeSmall,
67
66
  smallHeight: forms === null || forms === void 0 ? void 0 : forms.inputHeightSmall,
68
67
  mediumFontSize: typography === null || typography === void 0 ? void 0 : typography.fontSizeMedium,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-text-input",
3
- "version": "9.5.2-snapshot-7",
3
+ "version": "9.5.2",
4
4
  "description": "A styled HTML text input component.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,24 +23,24 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "9.5.2-snapshot-7",
27
- "@instructure/ui-badge": "9.5.2-snapshot-7",
28
- "@instructure/ui-color-utils": "9.5.2-snapshot-7",
29
- "@instructure/ui-test-utils": "9.5.2-snapshot-7",
30
- "@instructure/ui-themes": "9.5.2-snapshot-7",
26
+ "@instructure/ui-babel-preset": "9.5.2",
27
+ "@instructure/ui-badge": "9.5.2",
28
+ "@instructure/ui-color-utils": "9.5.2",
29
+ "@instructure/ui-test-utils": "9.5.2",
30
+ "@instructure/ui-themes": "9.5.2",
31
31
  "react-dom": "^18.3.1"
32
32
  },
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.24.5",
35
- "@instructure/emotion": "9.5.2-snapshot-7",
36
- "@instructure/shared-types": "9.5.2-snapshot-7",
37
- "@instructure/ui-dom-utils": "9.5.2-snapshot-7",
38
- "@instructure/ui-form-field": "9.5.2-snapshot-7",
39
- "@instructure/ui-icons": "9.5.2-snapshot-7",
40
- "@instructure/ui-prop-types": "9.5.2-snapshot-7",
41
- "@instructure/ui-react-utils": "9.5.2-snapshot-7",
42
- "@instructure/ui-tag": "9.5.2-snapshot-7",
43
- "@instructure/ui-testable": "9.5.2-snapshot-7",
35
+ "@instructure/emotion": "9.5.2",
36
+ "@instructure/shared-types": "9.5.2",
37
+ "@instructure/ui-dom-utils": "9.5.2",
38
+ "@instructure/ui-form-field": "9.5.2",
39
+ "@instructure/ui-icons": "9.5.2",
40
+ "@instructure/ui-prop-types": "9.5.2",
41
+ "@instructure/ui-react-utils": "9.5.2",
42
+ "@instructure/ui-tag": "9.5.2",
43
+ "@instructure/ui-testable": "9.5.2",
44
44
  "prop-types": "^15.8.1"
45
45
  },
46
46
  "peerDependencies": {
package/src/TextInput/theme.ts CHANGED
@@ -46,22 +46,22 @@ const generateComponentTheme = (theme: Theme): TextInputTheme => {
46
46
 
47
47
  borderWidth: borders?.widthSmall,
48
48
  borderStyle: borders?.style,
49
- borderColor: colors?.contrasts?.grey1214,
49
+ borderColor: colors?.borderMedium,
50
50
  borderRadius: borders?.radiusMedium,
51
51
 
52
- color: colors?.contrasts?.grey125125,
53
- background: colors?.contrasts?.white1010,
52
+ color: colors?.textDarkest,
53
+ background: colors?.backgroundLightest,
54
54
 
55
55
  padding: spacing?.small,
56
56
 
57
57
  focusOutlineWidth: borders?.widthMedium,
58
58
  focusOutlineStyle: borders?.style,
59
- focusOutlineColor: colors?.contrasts?.blue4570,
59
+ focusOutlineColor: colors?.borderBrand,
60
60
 
61
- errorBorderColor: colors?.contrasts?.red4570,
62
- errorOutlineColor: colors?.contrasts?.red4570,
61
+ errorBorderColor: colors?.borderDanger,
62
+ errorOutlineColor: colors?.borderDanger,
63
63
 
64
- placeholderColor: colors?.contrasts?.grey4570,
64
+ placeholderColor: colors?.textDark,
65
65
 
66
66
  smallFontSize: typography?.fontSizeSmall,
67
67
  smallHeight: forms?.inputHeightSmall,