@spark-web/field 3.0.1 → 3.0.4

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/README.md +1 -0
  2. package/dist/spark-web-field.cjs.dev.js +10 -8
  3. package/dist/spark-web-field.cjs.prod.js +10 -8
  4. package/dist/spark-web-field.esm.js +11 -9
  5. package/package.json +9 -9
package/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  ---
2
2
  title: Field
3
+ isExperimentalPackage: false
3
4
  ---
4
5
 
5
6
  Using context, the field component connects the label, description, and message
package/dist/spark-web-field.cjs.dev.js CHANGED
@@ -52,14 +52,16 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
52
52
 
53
53
 
54
54
  var invalid = Boolean(message && tone === 'critical');
55
- var fieldContext = [{
56
- disabled: disabled,
57
- invalid: invalid
58
- }, {
59
- 'aria-describedby': a11y.mergeIds(message && messageId, description && descriptionId),
60
- 'aria-invalid': invalid || undefined,
61
- id: inputId
62
- }]; // label prep
55
+ var fieldContext = react.useMemo(function () {
56
+ return [{
57
+ disabled: disabled,
58
+ invalid: invalid
59
+ }, {
60
+ 'aria-describedby': a11y.mergeIds(message && messageId, description && descriptionId),
61
+ 'aria-invalid': invalid || undefined,
62
+ id: inputId
63
+ }];
64
+ }, [description, descriptionId, disabled, inputId, invalid, message, messageId]); // label prep
63
65
 
64
66
  var hiddenLabel = /*#__PURE__*/jsxRuntime.jsxs(a11y.VisuallyHidden, {
65
67
  as: "label",
package/dist/spark-web-field.cjs.prod.js CHANGED
@@ -52,14 +52,16 @@ var Field = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
52
52
 
53
53
 
54
54
  var invalid = Boolean(message && tone === 'critical');
55
- var fieldContext = [{
56
- disabled: disabled,
57
- invalid: invalid
58
- }, {
59
- 'aria-describedby': a11y.mergeIds(message && messageId, description && descriptionId),
60
- 'aria-invalid': invalid || undefined,
61
- id: inputId
62
- }]; // label prep
55
+ var fieldContext = react.useMemo(function () {
56
+ return [{
57
+ disabled: disabled,
58
+ invalid: invalid
59
+ }, {
60
+ 'aria-describedby': a11y.mergeIds(message && messageId, description && descriptionId),
61
+ 'aria-invalid': invalid || undefined,
62
+ id: inputId
63
+ }];
64
+ }, [description, descriptionId, disabled, inputId, invalid, message, messageId]); // label prep
63
65
 
64
66
  var hiddenLabel = /*#__PURE__*/jsxRuntime.jsxs(a11y.VisuallyHidden, {
65
67
  as: "label",
package/dist/spark-web-field.esm.js CHANGED
@@ -1,4 +1,4 @@
1
- import { createContext, useContext, forwardRef, Fragment } from 'react';
1
+ import { createContext, useContext, forwardRef, useMemo, Fragment } from 'react';
2
2
  import { css } from '@emotion/css';
3
3
  import { mergeIds, useId, composeId, VisuallyHidden } from '@spark-web/a11y';
4
4
  import { Box } from '@spark-web/box';
@@ -48,14 +48,16 @@ var Field = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
48
48
 
49
49
 
50
50
  var invalid = Boolean(message && tone === 'critical');
51
- var fieldContext = [{
52
- disabled: disabled,
53
- invalid: invalid
54
- }, {
55
- 'aria-describedby': mergeIds(message && messageId, description && descriptionId),
56
- 'aria-invalid': invalid || undefined,
57
- id: inputId
58
- }]; // label prep
51
+ var fieldContext = useMemo(function () {
52
+ return [{
53
+ disabled: disabled,
54
+ invalid: invalid
55
+ }, {
56
+ 'aria-describedby': mergeIds(message && messageId, description && descriptionId),
57
+ 'aria-invalid': invalid || undefined,
58
+ id: inputId
59
+ }];
60
+ }, [description, descriptionId, disabled, inputId, invalid, message, messageId]); // label prep
59
61
 
60
62
  var hiddenLabel = /*#__PURE__*/jsxs(VisuallyHidden, {
61
63
  as: "label",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/field",
3
- "version": "3.0.1",
3
+ "version": "3.0.4",
4
4
  "license": "MIT",
5
5
  "main": "dist/spark-web-field.cjs.js",
6
6
  "module": "dist/spark-web-field.esm.js",
@@ -8,15 +8,15 @@
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@babel/runtime": "^7.18.3",
11
+ "@babel/runtime": "^7.18.9",
12
12
  "@emotion/css": "^11.9.0",
13
- "@spark-web/a11y": "^1.1.0",
14
- "@spark-web/box": "^1.0.6",
15
- "@spark-web/icon": "^1.1.4",
16
- "@spark-web/stack": "^1.0.6",
17
- "@spark-web/text": "^1.0.6",
18
- "@spark-web/theme": "^3.0.2",
19
- "@spark-web/utils": "^1.1.5"
13
+ "@spark-web/a11y": "^1.3.0",
14
+ "@spark-web/box": "^1.0.8",
15
+ "@spark-web/icon": "^1.2.0",
16
+ "@spark-web/stack": "^1.0.8",
17
+ "@spark-web/text": "^1.1.0",
18
+ "@spark-web/theme": "^3.0.5",
19
+ "@spark-web/utils": "^1.2.1"
20
20
  },
21
21
  "devDependencies": {
22
22
  "@types/react": "^17.0.12",