@react-spectrum/label 3.16.6-nightly.4624 → 3.16.7-nightly.4629

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 (10) hide show
  1. package/dist/Field.main.js +16 -16
  2. package/dist/Field.mjs +16 -16
  3. package/dist/Field.module.js +16 -16
  4. package/dist/HelpText.main.js +6 -6
  5. package/dist/HelpText.mjs +6 -6
  6. package/dist/HelpText.module.js +6 -6
  7. package/dist/Label.main.js +11 -11
  8. package/dist/Label.mjs +11 -11
  9. package/dist/Label.module.js +11 -11
  10. package/package.json +11 -11
package/dist/Field.main.js CHANGED
@@ -40,28 +40,28 @@ function $0e5410371a445d59$var$Field(props, ref) {
40
40
  let formProps = (0, $bW4vJ$reactspectrumform.useFormProps)(props);
41
41
  let isInForm = formProps !== props;
42
42
  props = formProps;
43
- let { label: label, labelPosition: labelPosition = "top", labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(" "), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
43
+ let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
44
44
  descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
45
45
  let { styleProps: styleProps } = (0, $bW4vJ$reactspectrumutils.useStyleProps)(otherProps);
46
46
  let errorMessageString = null;
47
- if (typeof errorMessage === "function") errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
47
+ if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
48
48
  isInvalid: isInvalid,
49
49
  validationErrors: validationErrors,
50
50
  validationDetails: validationDetails
51
51
  }) : null;
52
52
  else errorMessageString = errorMessage;
53
- let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === "invalid");
53
+ let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
54
54
  let contextualHelpId = (0, $bW4vJ$reactariautils.useId)();
55
55
  let fallbackLabelPropsId = (0, $bW4vJ$reactariautils.useId)();
56
56
  if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
57
- let labelWrapperClass = (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field", {
58
- "spectrum-Field--positionTop": labelPosition === "top",
59
- "spectrum-Field--positionSide": labelPosition === "side",
60
- "spectrum-Field--alignEnd": labelAlign === "end",
61
- "spectrum-Field--hasContextualHelp": !!props.contextualHelp
57
+ let labelWrapperClass = (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field', {
58
+ 'spectrum-Field--positionTop': labelPosition === 'top',
59
+ 'spectrum-Field--positionSide': labelPosition === 'side',
60
+ 'spectrum-Field--alignEnd': labelAlign === 'end',
61
+ 'spectrum-Field--hasContextualHelp': !!props.contextualHelp
62
62
  }, styleProps.className, wrapperClassName);
63
63
  children = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).cloneElement(children, (0, $bW4vJ$reactariautils.mergeProps)(children.props, {
64
- className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field-field")
64
+ className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-field')
65
65
  }));
66
66
  let renderHelpText = ()=>/*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $2d1b5114e5b358b6$exports.HelpText), {
67
67
  descriptionProps: descriptionProps,
@@ -75,9 +75,9 @@ function $0e5410371a445d59$var$Field(props, ref) {
75
75
  gridArea: (0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))).helpText
76
76
  });
77
77
  let renderChildren = ()=>{
78
- if (labelPosition === "side") return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $bW4vJ$reactspectrumlayout.Flex), {
78
+ if (labelPosition === 'side') return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $bW4vJ$reactspectrumlayout.Flex), {
79
79
  direction: "column",
80
- UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field-wrapper")
80
+ UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-wrapper')
81
81
  }, children, hasHelpText && renderHelpText());
82
82
  return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, ($parcel$interopDefault($bW4vJ$react))).Fragment, null, children, hasHelpText && renderHelpText());
83
83
  };
@@ -92,18 +92,18 @@ function $0e5410371a445d59$var$Field(props, ref) {
92
92
  }, label), label && contextualHelp && /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement((0, $bW4vJ$reactspectrumutils.SlotProvider), {
93
93
  slots: {
94
94
  actionButton: {
95
- UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field-contextualHelp"),
95
+ UNSAFE_className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-contextualHelp'),
96
96
  id: contextualHelpId,
97
- "aria-labelledby": (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
97
+ 'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
98
98
  }
99
99
  }
100
100
  }, contextualHelp));
101
101
  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
102
102
  // so that the table layout works inside forms.
103
- if (isInForm && labelPosition === "side" && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
104
- className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field-labelCell")
103
+ if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
104
+ className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-labelCell')
105
105
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
106
- className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-Field-labelWrapper")
106
+ className: (0, $bW4vJ$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-Field-labelWrapper')
107
107
  }, labelAndContextualHelp));
108
108
  return /*#__PURE__*/ (0, ($parcel$interopDefault($bW4vJ$react))).createElement("div", {
109
109
  ...styleProps,
package/dist/Field.mjs CHANGED
@@ -34,28 +34,28 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
34
34
  let formProps = (0, $c6ZG4$useFormProps)(props);
35
35
  let isInForm = formProps !== props;
36
36
  props = formProps;
37
- let { label: label, labelPosition: labelPosition = "top", labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(" "), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
37
+ let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
38
38
  descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
39
39
  let { styleProps: styleProps } = (0, $c6ZG4$useStyleProps)(otherProps);
40
40
  let errorMessageString = null;
41
- if (typeof errorMessage === "function") errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
41
+ if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
42
42
  isInvalid: isInvalid,
43
43
  validationErrors: validationErrors,
44
44
  validationDetails: validationDetails
45
45
  }) : null;
46
46
  else errorMessageString = errorMessage;
47
- let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === "invalid");
47
+ let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
48
48
  let contextualHelpId = (0, $c6ZG4$useId)();
49
49
  let fallbackLabelPropsId = (0, $c6ZG4$useId)();
50
50
  if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
51
- let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field", {
52
- "spectrum-Field--positionTop": labelPosition === "top",
53
- "spectrum-Field--positionSide": labelPosition === "side",
54
- "spectrum-Field--alignEnd": labelAlign === "end",
55
- "spectrum-Field--hasContextualHelp": !!props.contextualHelp
51
+ let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field', {
52
+ 'spectrum-Field--positionTop': labelPosition === 'top',
53
+ 'spectrum-Field--positionSide': labelPosition === 'side',
54
+ 'spectrum-Field--alignEnd': labelAlign === 'end',
55
+ 'spectrum-Field--hasContextualHelp': !!props.contextualHelp
56
56
  }, styleProps.className, wrapperClassName);
57
57
  children = /*#__PURE__*/ (0, $c6ZG4$react).cloneElement(children, (0, $c6ZG4$mergeProps)(children.props, {
58
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-field")
58
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-field')
59
59
  }));
60
60
  let renderHelpText = ()=>/*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $8e50676506611310$export$a67c0bc59081311a), {
61
61
  descriptionProps: descriptionProps,
@@ -69,9 +69,9 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
69
69
  gridArea: (0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))).helpText
70
70
  });
71
71
  let renderChildren = ()=>{
72
- if (labelPosition === "side") return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
72
+ if (labelPosition === 'side') return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
73
73
  direction: "column",
74
- UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-wrapper")
74
+ UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-wrapper')
75
75
  }, children, hasHelpText && renderHelpText());
76
76
  return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, children, hasHelpText && renderHelpText());
77
77
  };
@@ -86,18 +86,18 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
86
86
  }, label), label && contextualHelp && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$SlotProvider), {
87
87
  slots: {
88
88
  actionButton: {
89
- UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-contextualHelp"),
89
+ UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-contextualHelp'),
90
90
  id: contextualHelpId,
91
- "aria-labelledby": (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
91
+ 'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
92
92
  }
93
93
  }
94
94
  }, contextualHelp));
95
95
  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
96
96
  // so that the table layout works inside forms.
97
- if (isInForm && labelPosition === "side" && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
98
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-labelCell")
97
+ if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
98
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelCell')
99
99
  }, /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
100
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-labelWrapper")
100
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelWrapper')
101
101
  }, labelAndContextualHelp));
102
102
  return /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
103
103
  ...styleProps,
package/dist/Field.module.js CHANGED
@@ -34,28 +34,28 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
34
34
  let formProps = (0, $c6ZG4$useFormProps)(props);
35
35
  let isInForm = formProps !== props;
36
36
  props = formProps;
37
- let { label: label, labelPosition: labelPosition = "top", labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(" "), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
37
+ let { label: label, labelPosition: labelPosition = 'top', labelAlign: labelAlign, isRequired: isRequired, necessityIndicator: necessityIndicator, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName, validationState: validationState, isInvalid: isInvalid, description: description, errorMessage: errorMessage = (e)=>e.validationErrors.join(' '), validationErrors: validationErrors, validationDetails: validationDetails, isDisabled: isDisabled, showErrorIcon: showErrorIcon, contextualHelp: contextualHelp, children: children, labelProps: labelProps = {}, descriptionProps: // Not every component that uses <Field> supports help text.
38
38
  descriptionProps = {}, errorMessageProps: errorMessageProps = {}, elementType: elementType, wrapperClassName: wrapperClassName, wrapperProps: wrapperProps = {}, ...otherProps } = props;
39
39
  let { styleProps: styleProps } = (0, $c6ZG4$useStyleProps)(otherProps);
40
40
  let errorMessageString = null;
41
- if (typeof errorMessage === "function") errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
41
+ if (typeof errorMessage === 'function') errorMessageString = isInvalid != null && validationErrors != null && validationDetails != null ? errorMessage({
42
42
  isInvalid: isInvalid,
43
43
  validationErrors: validationErrors,
44
44
  validationDetails: validationDetails
45
45
  }) : null;
46
46
  else errorMessageString = errorMessage;
47
- let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === "invalid");
47
+ let hasHelpText = !!description || errorMessageString && (isInvalid || validationState === 'invalid');
48
48
  let contextualHelpId = (0, $c6ZG4$useId)();
49
49
  let fallbackLabelPropsId = (0, $c6ZG4$useId)();
50
50
  if (label && contextualHelp && !labelProps.id) labelProps.id = fallbackLabelPropsId;
51
- let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field", {
52
- "spectrum-Field--positionTop": labelPosition === "top",
53
- "spectrum-Field--positionSide": labelPosition === "side",
54
- "spectrum-Field--alignEnd": labelAlign === "end",
55
- "spectrum-Field--hasContextualHelp": !!props.contextualHelp
51
+ let labelWrapperClass = (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field', {
52
+ 'spectrum-Field--positionTop': labelPosition === 'top',
53
+ 'spectrum-Field--positionSide': labelPosition === 'side',
54
+ 'spectrum-Field--alignEnd': labelAlign === 'end',
55
+ 'spectrum-Field--hasContextualHelp': !!props.contextualHelp
56
56
  }, styleProps.className, wrapperClassName);
57
57
  children = /*#__PURE__*/ (0, $c6ZG4$react).cloneElement(children, (0, $c6ZG4$mergeProps)(children.props, {
58
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-field")
58
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-field')
59
59
  }));
60
60
  let renderHelpText = ()=>/*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $8e50676506611310$export$a67c0bc59081311a), {
61
61
  descriptionProps: descriptionProps,
@@ -69,9 +69,9 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
69
69
  gridArea: (0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))).helpText
70
70
  });
71
71
  let renderChildren = ()=>{
72
- if (labelPosition === "side") return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
72
+ if (labelPosition === 'side') return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$Flex), {
73
73
  direction: "column",
74
- UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-wrapper")
74
+ UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-wrapper')
75
75
  }, children, hasHelpText && renderHelpText());
76
76
  return /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$react).Fragment, null, children, hasHelpText && renderHelpText());
77
77
  };
@@ -86,18 +86,18 @@ function $b7ca5b4454a2009d$var$Field(props, ref) {
86
86
  }, label), label && contextualHelp && /*#__PURE__*/ (0, $c6ZG4$react).createElement((0, $c6ZG4$SlotProvider), {
87
87
  slots: {
88
88
  actionButton: {
89
- UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-contextualHelp"),
89
+ UNSAFE_className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-contextualHelp'),
90
90
  id: contextualHelpId,
91
- "aria-labelledby": (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
91
+ 'aria-labelledby': (labelProps === null || labelProps === void 0 ? void 0 : labelProps.id) ? `${labelProps.id} ${contextualHelpId}` : undefined
92
92
  }
93
93
  }
94
94
  }, contextualHelp));
95
95
  // Need to add an extra wrapper for the label and contextual help if labelPosition is side,
96
96
  // so that the table layout works inside forms.
97
- if (isInForm && labelPosition === "side" && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
98
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-labelCell")
97
+ if (isInForm && labelPosition === 'side' && label && contextualHelp) labelAndContextualHelp = /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
98
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelCell')
99
99
  }, /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
100
- className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), "spectrum-Field-labelWrapper")
100
+ className: (0, $c6ZG4$classNames)((0, ($parcel$interopDefault($c6ZG4$fieldlabel_vars_cssmodulejs))), 'spectrum-Field-labelWrapper')
101
101
  }, labelAndContextualHelp));
102
102
  return /*#__PURE__*/ (0, $c6ZG4$react).createElement("div", {
103
103
  ...styleProps,
package/dist/HelpText.main.js CHANGED
@@ -31,22 +31,22 @@ $parcel$export(module.exports, "HelpText", () => $2d1b5114e5b358b6$export$a67c0b
31
31
  function $2d1b5114e5b358b6$var$HelpText(props, ref) {
32
32
  let { description: description, errorMessage: errorMessage, validationState: validationState, isInvalid: isInvalid, isDisabled: isDisabled, showErrorIcon: showErrorIcon, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = props;
33
33
  let domRef = (0, $7UMJk$reactspectrumutils.useDOMRef)(ref);
34
- let isErrorMessage = errorMessage && (isInvalid || validationState === "invalid");
34
+ let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');
35
35
  let { styleProps: styleProps } = (0, $7UMJk$reactspectrumutils.useStyleProps)(props);
36
36
  return /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
37
37
  ...styleProps,
38
- className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), "spectrum-HelpText", `spectrum-HelpText--${isErrorMessage ? "negative" : "neutral"}`, {
39
- "is-disabled": isDisabled
38
+ className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText', `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`, {
39
+ 'is-disabled': isDisabled
40
40
  }, styleProps.className),
41
41
  ref: domRef
42
42
  }, isErrorMessage ? /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement((0, ($parcel$interopDefault($7UMJk$react))).Fragment, null, showErrorIcon && /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement((0, ($parcel$interopDefault($7UMJk$spectrumiconsuiAlertMedium))), {
43
- UNSAFE_className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), "spectrum-HelpText-validationIcon")
43
+ UNSAFE_className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-validationIcon')
44
44
  }), /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
45
45
  ...errorMessageProps,
46
- className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), "spectrum-HelpText-text")
46
+ className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-text')
47
47
  }, errorMessage)) : /*#__PURE__*/ (0, ($parcel$interopDefault($7UMJk$react))).createElement("div", {
48
48
  ...descriptionProps,
49
- className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), "spectrum-HelpText-text")
49
+ className: (0, $7UMJk$reactspectrumutils.classNames)((0, ($parcel$interopDefault($680ab92507bf49aa$exports))), 'spectrum-HelpText-text')
50
50
  }, description));
51
51
  }
52
52
  /**
package/dist/HelpText.mjs CHANGED
@@ -25,22 +25,22 @@ function $parcel$interopDefault(a) {
25
25
  function $8e50676506611310$var$HelpText(props, ref) {
26
26
  let { description: description, errorMessage: errorMessage, validationState: validationState, isInvalid: isInvalid, isDisabled: isDisabled, showErrorIcon: showErrorIcon, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = props;
27
27
  let domRef = (0, $huWmf$useDOMRef)(ref);
28
- let isErrorMessage = errorMessage && (isInvalid || validationState === "invalid");
28
+ let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');
29
29
  let { styleProps: styleProps } = (0, $huWmf$useStyleProps)(props);
30
30
  return /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
31
31
  ...styleProps,
32
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText", `spectrum-HelpText--${isErrorMessage ? "negative" : "neutral"}`, {
33
- "is-disabled": isDisabled
32
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText', `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`, {
33
+ 'is-disabled': isDisabled
34
34
  }, styleProps.className),
35
35
  ref: domRef
36
36
  }, isErrorMessage ? /*#__PURE__*/ (0, $huWmf$react).createElement((0, $huWmf$react).Fragment, null, showErrorIcon && /*#__PURE__*/ (0, $huWmf$react).createElement((0, $huWmf$spectrumiconsuiAlertMedium), {
37
- UNSAFE_className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-validationIcon")
37
+ UNSAFE_className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-validationIcon')
38
38
  }), /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
39
39
  ...errorMessageProps,
40
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-text")
40
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-text')
41
41
  }, errorMessage)) : /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
42
42
  ...descriptionProps,
43
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-text")
43
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-text')
44
44
  }, description));
45
45
  }
46
46
  /**
package/dist/HelpText.module.js CHANGED
@@ -25,22 +25,22 @@ function $parcel$interopDefault(a) {
25
25
  function $8e50676506611310$var$HelpText(props, ref) {
26
26
  let { description: description, errorMessage: errorMessage, validationState: validationState, isInvalid: isInvalid, isDisabled: isDisabled, showErrorIcon: showErrorIcon, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = props;
27
27
  let domRef = (0, $huWmf$useDOMRef)(ref);
28
- let isErrorMessage = errorMessage && (isInvalid || validationState === "invalid");
28
+ let isErrorMessage = errorMessage && (isInvalid || validationState === 'invalid');
29
29
  let { styleProps: styleProps } = (0, $huWmf$useStyleProps)(props);
30
30
  return /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
31
31
  ...styleProps,
32
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText", `spectrum-HelpText--${isErrorMessage ? "negative" : "neutral"}`, {
33
- "is-disabled": isDisabled
32
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText', `spectrum-HelpText--${isErrorMessage ? 'negative' : 'neutral'}`, {
33
+ 'is-disabled': isDisabled
34
34
  }, styleProps.className),
35
35
  ref: domRef
36
36
  }, isErrorMessage ? /*#__PURE__*/ (0, $huWmf$react).createElement((0, $huWmf$react).Fragment, null, showErrorIcon && /*#__PURE__*/ (0, $huWmf$react).createElement((0, $huWmf$spectrumiconsuiAlertMedium), {
37
- UNSAFE_className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-validationIcon")
37
+ UNSAFE_className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-validationIcon')
38
38
  }), /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
39
39
  ...errorMessageProps,
40
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-text")
40
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-text')
41
41
  }, errorMessage)) : /*#__PURE__*/ (0, $huWmf$react).createElement("div", {
42
42
  ...descriptionProps,
43
- className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), "spectrum-HelpText-text")
43
+ className: (0, $huWmf$classNames)((0, ($parcel$interopDefault($huWmf$helptext_vars_cssmodulejs))), 'spectrum-HelpText-text')
44
44
  }, description));
45
45
  }
46
46
  /**
package/dist/Label.main.js CHANGED
@@ -38,18 +38,18 @@ $parcel$export(module.exports, "Label", () => $38a9afbd39356629$export$b04be29aa
38
38
 
39
39
  function $38a9afbd39356629$var$Label(props, ref) {
40
40
  props = (0, $cF5V3$reactspectrumprovider.useProviderProps)(props);
41
- let { children: children, labelPosition: labelPosition = "top", labelAlign: labelAlign = labelPosition === "side" ? "start" : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? "icon" : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = "label", onClick: onClick, ...otherProps } = props;
41
+ let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = labelPosition === 'side' ? 'start' : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = 'label', onClick: onClick, ...otherProps } = props;
42
42
  let domRef = (0, $cF5V3$reactspectrumutils.useDOMRef)(ref);
43
43
  let { styleProps: styleProps } = (0, $cF5V3$reactspectrumutils.useStyleProps)(otherProps);
44
- let stringFormatter = (0, $cF5V3$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($503911526ad50850$exports))), "@react-spectrum/label");
45
- let necessityLabel = isRequired ? stringFormatter.format("(required)") : stringFormatter.format("(optional)");
44
+ let stringFormatter = (0, $cF5V3$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($503911526ad50850$exports))), '@react-spectrum/label');
45
+ let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');
46
46
  let icon = /*#__PURE__*/ (0, ($parcel$interopDefault($cF5V3$react))).createElement((0, ($parcel$interopDefault($cF5V3$spectrumiconsuiAsterisk))), {
47
- UNSAFE_className: (0, $cF5V3$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-FieldLabel-requiredIcon"),
48
- "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format("(required)") : undefined
47
+ UNSAFE_className: (0, $cF5V3$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-FieldLabel-requiredIcon'),
48
+ "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined
49
49
  });
50
- let labelClassNames = (0, $cF5V3$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), "spectrum-FieldLabel", {
51
- "spectrum-FieldLabel--positionSide": labelPosition === "side",
52
- "spectrum-FieldLabel--alignEnd": labelAlign === "end"
50
+ let labelClassNames = (0, $cF5V3$reactspectrumutils.classNames)((0, ($parcel$interopDefault($eb2fc0ee655eff6b$exports))), 'spectrum-FieldLabel', {
51
+ 'spectrum-FieldLabel--positionSide': labelPosition === 'side',
52
+ 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'
53
53
  }, styleProps.className);
54
54
  return /*#__PURE__*/ (0, ($parcel$interopDefault($cF5V3$react))).createElement(ElementType, {
55
55
  ...(0, $cF5V3$reactariautils.filterDOMProps)(otherProps),
@@ -57,10 +57,10 @@ function $38a9afbd39356629$var$Label(props, ref) {
57
57
  onClick: onClick,
58
58
  ref: domRef,
59
59
  className: labelClassNames,
60
- htmlFor: ElementType === "label" ? labelFor || htmlFor : undefined
61
- }, children, (necessityIndicator === "label" || necessityIndicator === "icon" && isRequired) && " \u200B", necessityIndicator === "label" && /*#__PURE__*/ (0, ($parcel$interopDefault($cF5V3$react))).createElement("span", {
60
+ htmlFor: ElementType === 'label' ? labelFor || htmlFor : undefined
61
+ }, children, (necessityIndicator === 'label' || necessityIndicator === 'icon' && isRequired) && ' \u200b', necessityIndicator === 'label' && /*#__PURE__*/ (0, ($parcel$interopDefault($cF5V3$react))).createElement("span", {
62
62
  "aria-hidden": !includeNecessityIndicatorInAccessibilityName ? isRequired : undefined
63
- }, necessityLabel), necessityIndicator === "icon" && isRequired && icon);
63
+ }, necessityLabel), necessityIndicator === 'icon' && isRequired && icon);
64
64
  }
65
65
  let $38a9afbd39356629$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, ($parcel$interopDefault($cF5V3$react))).forwardRef($38a9afbd39356629$var$Label);
66
66
 
package/dist/Label.mjs CHANGED
@@ -32,18 +32,18 @@ function $parcel$interopDefault(a) {
32
32
 
33
33
  function $00af9ba397a66f43$var$Label(props, ref) {
34
34
  props = (0, $fTVpI$useProviderProps)(props);
35
- let { children: children, labelPosition: labelPosition = "top", labelAlign: labelAlign = labelPosition === "side" ? "start" : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? "icon" : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = "label", onClick: onClick, ...otherProps } = props;
35
+ let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = labelPosition === 'side' ? 'start' : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = 'label', onClick: onClick, ...otherProps } = props;
36
36
  let domRef = (0, $fTVpI$useDOMRef)(ref);
37
37
  let { styleProps: styleProps } = (0, $fTVpI$useStyleProps)(otherProps);
38
- let stringFormatter = (0, $fTVpI$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fTVpI$intlStringsmodulejs))), "@react-spectrum/label");
39
- let necessityLabel = isRequired ? stringFormatter.format("(required)") : stringFormatter.format("(optional)");
38
+ let stringFormatter = (0, $fTVpI$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fTVpI$intlStringsmodulejs))), '@react-spectrum/label');
39
+ let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');
40
40
  let icon = /*#__PURE__*/ (0, $fTVpI$react).createElement((0, $fTVpI$spectrumiconsuiAsterisk), {
41
- UNSAFE_className: (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), "spectrum-FieldLabel-requiredIcon"),
42
- "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format("(required)") : undefined
41
+ UNSAFE_className: (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), 'spectrum-FieldLabel-requiredIcon'),
42
+ "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined
43
43
  });
44
- let labelClassNames = (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), "spectrum-FieldLabel", {
45
- "spectrum-FieldLabel--positionSide": labelPosition === "side",
46
- "spectrum-FieldLabel--alignEnd": labelAlign === "end"
44
+ let labelClassNames = (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), 'spectrum-FieldLabel', {
45
+ 'spectrum-FieldLabel--positionSide': labelPosition === 'side',
46
+ 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'
47
47
  }, styleProps.className);
48
48
  return /*#__PURE__*/ (0, $fTVpI$react).createElement(ElementType, {
49
49
  ...(0, $fTVpI$filterDOMProps)(otherProps),
@@ -51,10 +51,10 @@ function $00af9ba397a66f43$var$Label(props, ref) {
51
51
  onClick: onClick,
52
52
  ref: domRef,
53
53
  className: labelClassNames,
54
- htmlFor: ElementType === "label" ? labelFor || htmlFor : undefined
55
- }, children, (necessityIndicator === "label" || necessityIndicator === "icon" && isRequired) && " \u200B", necessityIndicator === "label" && /*#__PURE__*/ (0, $fTVpI$react).createElement("span", {
54
+ htmlFor: ElementType === 'label' ? labelFor || htmlFor : undefined
55
+ }, children, (necessityIndicator === 'label' || necessityIndicator === 'icon' && isRequired) && ' \u200b', necessityIndicator === 'label' && /*#__PURE__*/ (0, $fTVpI$react).createElement("span", {
56
56
  "aria-hidden": !includeNecessityIndicatorInAccessibilityName ? isRequired : undefined
57
- }, necessityLabel), necessityIndicator === "icon" && isRequired && icon);
57
+ }, necessityLabel), necessityIndicator === 'icon' && isRequired && icon);
58
58
  }
59
59
  let $00af9ba397a66f43$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $fTVpI$react).forwardRef($00af9ba397a66f43$var$Label);
60
60
 
package/dist/Label.module.js CHANGED
@@ -32,18 +32,18 @@ function $parcel$interopDefault(a) {
32
32
 
33
33
  function $00af9ba397a66f43$var$Label(props, ref) {
34
34
  props = (0, $fTVpI$useProviderProps)(props);
35
- let { children: children, labelPosition: labelPosition = "top", labelAlign: labelAlign = labelPosition === "side" ? "start" : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? "icon" : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = "label", onClick: onClick, ...otherProps } = props;
35
+ let { children: children, labelPosition: labelPosition = 'top', labelAlign: labelAlign = labelPosition === 'side' ? 'start' : null, isRequired: isRequired, necessityIndicator: necessityIndicator = isRequired != null ? 'icon' : null, includeNecessityIndicatorInAccessibilityName: includeNecessityIndicatorInAccessibilityName = false, htmlFor: htmlFor, for: labelFor, elementType: ElementType = 'label', onClick: onClick, ...otherProps } = props;
36
36
  let domRef = (0, $fTVpI$useDOMRef)(ref);
37
37
  let { styleProps: styleProps } = (0, $fTVpI$useStyleProps)(otherProps);
38
- let stringFormatter = (0, $fTVpI$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fTVpI$intlStringsmodulejs))), "@react-spectrum/label");
39
- let necessityLabel = isRequired ? stringFormatter.format("(required)") : stringFormatter.format("(optional)");
38
+ let stringFormatter = (0, $fTVpI$useLocalizedStringFormatter)((0, ($parcel$interopDefault($fTVpI$intlStringsmodulejs))), '@react-spectrum/label');
39
+ let necessityLabel = isRequired ? stringFormatter.format('(required)') : stringFormatter.format('(optional)');
40
40
  let icon = /*#__PURE__*/ (0, $fTVpI$react).createElement((0, $fTVpI$spectrumiconsuiAsterisk), {
41
- UNSAFE_className: (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), "spectrum-FieldLabel-requiredIcon"),
42
- "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format("(required)") : undefined
41
+ UNSAFE_className: (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), 'spectrum-FieldLabel-requiredIcon'),
42
+ "aria-label": includeNecessityIndicatorInAccessibilityName ? stringFormatter.format('(required)') : undefined
43
43
  });
44
- let labelClassNames = (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), "spectrum-FieldLabel", {
45
- "spectrum-FieldLabel--positionSide": labelPosition === "side",
46
- "spectrum-FieldLabel--alignEnd": labelAlign === "end"
44
+ let labelClassNames = (0, $fTVpI$classNames)((0, ($parcel$interopDefault($fTVpI$fieldlabel_vars_cssmodulejs))), 'spectrum-FieldLabel', {
45
+ 'spectrum-FieldLabel--positionSide': labelPosition === 'side',
46
+ 'spectrum-FieldLabel--alignEnd': labelAlign === 'end'
47
47
  }, styleProps.className);
48
48
  return /*#__PURE__*/ (0, $fTVpI$react).createElement(ElementType, {
49
49
  ...(0, $fTVpI$filterDOMProps)(otherProps),
@@ -51,10 +51,10 @@ function $00af9ba397a66f43$var$Label(props, ref) {
51
51
  onClick: onClick,
52
52
  ref: domRef,
53
53
  className: labelClassNames,
54
- htmlFor: ElementType === "label" ? labelFor || htmlFor : undefined
55
- }, children, (necessityIndicator === "label" || necessityIndicator === "icon" && isRequired) && " \u200B", necessityIndicator === "label" && /*#__PURE__*/ (0, $fTVpI$react).createElement("span", {
54
+ htmlFor: ElementType === 'label' ? labelFor || htmlFor : undefined
55
+ }, children, (necessityIndicator === 'label' || necessityIndicator === 'icon' && isRequired) && ' \u200b', necessityIndicator === 'label' && /*#__PURE__*/ (0, $fTVpI$react).createElement("span", {
56
56
  "aria-hidden": !includeNecessityIndicatorInAccessibilityName ? isRequired : undefined
57
- }, necessityLabel), necessityIndicator === "icon" && isRequired && icon);
57
+ }, necessityLabel), necessityIndicator === 'icon' && isRequired && icon);
58
58
  }
59
59
  let $00af9ba397a66f43$export$b04be29aa201d4f5 = /*#__PURE__*/ (0, $fTVpI$react).forwardRef($00af9ba397a66f43$var$Label);
60
60
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/label",
3
- "version": "3.16.6-nightly.4624+d80999e89",
3
+ "version": "3.16.7-nightly.4629+c34886769",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,18 +36,18 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
40
- "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
41
- "@react-spectrum/form": "3.0.0-nightly.2912+d80999e89",
42
- "@react-spectrum/layout": "3.6.5-nightly.4624+d80999e89",
43
- "@react-spectrum/utils": "3.0.0-nightly.2912+d80999e89",
44
- "@react-types/label": "3.0.0-nightly.2912+d80999e89",
45
- "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
46
- "@spectrum-icons/ui": "3.0.0-nightly.2912+d80999e89",
39
+ "@react-aria/i18n": "3.0.0-nightly.2917+c34886769",
40
+ "@react-aria/utils": "3.0.0-nightly.2917+c34886769",
41
+ "@react-spectrum/form": "3.0.0-nightly.2917+c34886769",
42
+ "@react-spectrum/layout": "3.6.6-nightly.4629+c34886769",
43
+ "@react-spectrum/utils": "3.0.0-nightly.2917+c34886769",
44
+ "@react-types/label": "3.0.0-nightly.2917+c34886769",
45
+ "@react-types/shared": "3.0.0-nightly.2917+c34886769",
46
+ "@spectrum-icons/ui": "3.0.0-nightly.2917+c34886769",
47
47
  "@swc/helpers": "^0.5.0"
48
48
  },
49
49
  "devDependencies": {
50
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2912+d80999e89"
50
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2917+c34886769"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "@react-spectrum/provider": "^3.0.0",
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
59
+ "gitHead": "c34886769d3e69bb56553a02eead6a0fd877e754"
60
60
  }