@spark-web/text-input 5.1.1 → 5.1.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 (5) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/spark-web-text-input.cjs.dev.js +4 -3
  3. package/dist/spark-web-text-input.cjs.prod.js +4 -3
  4. package/dist/spark-web-text-input.esm.js +4 -3
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @spark-web/text-input
2
2
 
3
+ ## 5.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#627](https://github.com/brighte-labs/spark-web/pull/627)
8
+ [`80504dc`](https://github.com/brighte-labs/spark-web/commit/80504dc3f57aa1f7ed8235c8fb4ca61587d17977)
9
+ Thanks [@mkt-brighte](https://github.com/mkt-brighte)! - Update readonly text
10
+ color to meet min contrast requirement
11
+
12
+ - Updated dependencies
13
+ [[`80504dc`](https://github.com/brighte-labs/spark-web/commit/80504dc3f57aa1f7ed8235c8fb4ca61587d17977)]:
14
+ - @spark-web/field@5.1.1
15
+ - @spark-web/theme@5.10.6
16
+
3
17
  ## 5.1.1
4
18
 
5
19
  ### Patch Changes
package/dist/spark-web-text-input.cjs.dev.js CHANGED
@@ -114,11 +114,12 @@ var InputContainer = function InputContainer(_ref) {
114
114
  _useFieldContext2 = _slicedToArray(_useFieldContext, 1),
115
115
  _useFieldContext2$ = _useFieldContext2[0],
116
116
  disabled = _useFieldContext2$.disabled,
117
- invalid = _useFieldContext2$.invalid;
117
+ invalid = _useFieldContext2$.invalid,
118
+ readOnly = _useFieldContext2$.readOnly;
118
119
  return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
119
120
  borderRadius: "small",
120
121
  position: "relative",
121
- background: disabled ? 'inputDisabled' : 'input'
122
+ background: disabled || readOnly ? 'inputDisabled' : 'input'
122
123
  }, boxProps), {}, {
123
124
  children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, {
124
125
  invalid: invalid
@@ -244,7 +245,7 @@ var useInputStyles = function useInputStyles(_ref2) {
244
245
  });
245
246
  var textStyles = text.useText({
246
247
  baseline: false,
247
- tone: disabled || readOnly ? 'disabled' : 'neutral',
248
+ tone: disabled || readOnly ? 'field' : 'neutral',
248
249
  size: 'standard',
249
250
  weight: 'regular'
250
251
  });
package/dist/spark-web-text-input.cjs.prod.js CHANGED
@@ -114,11 +114,12 @@ var InputContainer = function InputContainer(_ref) {
114
114
  _useFieldContext2 = _slicedToArray(_useFieldContext, 1),
115
115
  _useFieldContext2$ = _useFieldContext2[0],
116
116
  disabled = _useFieldContext2$.disabled,
117
- invalid = _useFieldContext2$.invalid;
117
+ invalid = _useFieldContext2$.invalid,
118
+ readOnly = _useFieldContext2$.readOnly;
118
119
  return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
119
120
  borderRadius: "small",
120
121
  position: "relative",
121
- background: disabled ? 'inputDisabled' : 'input'
122
+ background: disabled || readOnly ? 'inputDisabled' : 'input'
122
123
  }, boxProps), {}, {
123
124
  children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, {
124
125
  invalid: invalid
@@ -244,7 +245,7 @@ var useInputStyles = function useInputStyles(_ref2) {
244
245
  });
245
246
  var textStyles = text.useText({
246
247
  baseline: false,
247
- tone: disabled || readOnly ? 'disabled' : 'neutral',
248
+ tone: disabled || readOnly ? 'field' : 'neutral',
248
249
  size: 'standard',
249
250
  weight: 'regular'
250
251
  });
package/dist/spark-web-text-input.esm.js CHANGED
@@ -110,11 +110,12 @@ var InputContainer = function InputContainer(_ref) {
110
110
  _useFieldContext2 = _slicedToArray(_useFieldContext, 1),
111
111
  _useFieldContext2$ = _useFieldContext2[0],
112
112
  disabled = _useFieldContext2$.disabled,
113
- invalid = _useFieldContext2$.invalid;
113
+ invalid = _useFieldContext2$.invalid,
114
+ readOnly = _useFieldContext2$.readOnly;
114
115
  return jsxs(Box, _objectSpread(_objectSpread({
115
116
  borderRadius: "small",
116
117
  position: "relative",
117
- background: disabled ? 'inputDisabled' : 'input'
118
+ background: disabled || readOnly ? 'inputDisabled' : 'input'
118
119
  }, boxProps), {}, {
119
120
  children: [startAdornment, children, jsx(FocusIndicator, {
120
121
  invalid: invalid
@@ -240,7 +241,7 @@ var useInputStyles = function useInputStyles(_ref2) {
240
241
  });
241
242
  var textStyles = useText({
242
243
  baseline: false,
243
- tone: disabled || readOnly ? 'disabled' : 'neutral',
244
+ tone: disabled || readOnly ? 'field' : 'neutral',
244
245
  size: 'standard',
245
246
  weight: 'regular'
246
247
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/text-input",
3
- "version": "5.1.1",
3
+ "version": "5.1.2",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -20,16 +20,16 @@
20
20
  "@spark-web/a11y": "^5.0.0",
21
21
  "@spark-web/box": "^5.0.0",
22
22
  "@spark-web/text": "^5.0.0",
23
- "@spark-web/theme": "^5.10.5",
23
+ "@spark-web/theme": "^5.10.6",
24
24
  "@spark-web/utils": "^5.0.0"
25
25
  },
26
26
  "devDependencies": {
27
- "@spark-web/field": "^5.1.0",
27
+ "@spark-web/field": "^5.1.1",
28
28
  "@types/react": "^18.2.0",
29
29
  "react": "^18.2.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@spark-web/field": "^5.1.0",
32
+ "@spark-web/field": "^5.1.1",
33
33
  "react": ">=17.0.2"
34
34
  },
35
35
  "engines": {