carbon-react 94.8.0 → 95.1.0
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.
- package/lib/__internal__/focus-trap/focus-trap.component.js +3 -2
- package/lib/__internal__/tooltip-provider/index.d.ts +2 -0
- package/lib/__internal__/tooltip-provider/index.js +6 -3
- package/lib/__internal__/validations/validation-icon.component.js +3 -1
- package/lib/components/button/button.component.js +17 -8
- package/lib/components/button-toggle/button-toggle-icon.component.js +3 -4
- package/lib/components/button-toggle/button-toggle.style.js +2 -0
- package/lib/components/button-toggle-group/button-toggle-group.component.js +11 -3
- package/lib/components/button-toggle-group/button-toggle-group.d.ts +2 -0
- package/lib/components/checkbox/checkbox.component.js +6 -1
- package/lib/components/checkbox/checkbox.d.ts +2 -0
- package/lib/components/date/date.component.js +2 -1
- package/lib/components/decimal/decimal.component.js +4 -1
- package/lib/components/grouped-character/grouped-character.component.js +4 -1
- package/lib/components/heading/heading.component.js +8 -2
- package/lib/components/heading/heading.style.js +1 -0
- package/lib/components/help/help.component.js +24 -7
- package/lib/components/help/help.d.ts +2 -0
- package/lib/components/icon/icon-config.js +3 -5
- package/lib/components/icon/icon.component.js +16 -24
- package/lib/components/icon/icon.d.ts +3 -18
- package/lib/components/icon/icon.style.js +26 -77
- package/lib/components/link/link.component.js +8 -2
- package/lib/components/link/link.style.js +1 -0
- package/lib/components/message/type-icon/type-icon.component.js +1 -2
- package/lib/components/numeral-date/numeral-date.component.js +11 -3
- package/lib/components/numeral-date/numeral-date.d.ts +2 -0
- package/lib/components/pill/pill.component.js +1 -3
- package/lib/components/pill/pill.style.js +2 -0
- package/lib/components/radio-button/radio-button.component.js +5 -0
- package/lib/components/radio-button/radio-button.d.ts +2 -0
- package/lib/components/split-button/split-button.component.js +11 -4
- package/lib/components/switch/switch.component.js +6 -1
- package/lib/components/switch/switch.d.ts +2 -0
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.js +10 -4
- package/lib/components/tabs/tabs.component.js +49 -31
- package/lib/components/textarea/textarea.component.js +6 -1
- package/lib/components/textarea/textarea.d.ts +2 -0
- package/lib/components/textbox/textbox.component.js +8 -3
- package/lib/components/textbox/textbox.d.ts +3 -1
- package/package.json +1 -1
|
@@ -86,10 +86,12 @@ const Textbox = ({
|
|
|
86
86
|
enforceCharacterLimit = true,
|
|
87
87
|
characterLimit,
|
|
88
88
|
warnOverLimit = false,
|
|
89
|
+
helpAriaLabel,
|
|
89
90
|
...props
|
|
90
91
|
}) => {
|
|
91
92
|
const [maxLength, characterCount] = (0, _useCharacterCount.default)(value, characterLimit, warnOverLimit, enforceCharacterLimit);
|
|
92
93
|
return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
|
|
94
|
+
helpAriaLabel: helpAriaLabel,
|
|
93
95
|
tooltipPosition: tooltipPosition
|
|
94
96
|
}, /*#__PURE__*/_react.default.createElement(_inputBehaviour.InputBehaviour, null, /*#__PURE__*/_react.default.createElement(_formField.default, _extends({
|
|
95
97
|
disabled: disabled,
|
|
@@ -218,10 +220,10 @@ Textbox.propTypes = {
|
|
|
218
220
|
/** Event handler for the mouse down event */
|
|
219
221
|
onMouseDown: _propTypes.default.func,
|
|
220
222
|
|
|
221
|
-
/**
|
|
223
|
+
/** Deferred callback called after the onChange event */
|
|
222
224
|
onChangeDeferred: _propTypes.default.func,
|
|
223
225
|
|
|
224
|
-
/** Integer to determine timeout for
|
|
226
|
+
/** Integer to determine timeout for deferred callback */
|
|
225
227
|
deferTimeout: _propTypes.default.number,
|
|
226
228
|
|
|
227
229
|
/** Unique identifier for the input. Will use a randomly generated GUID if none is provided */
|
|
@@ -347,7 +349,10 @@ Textbox.propTypes = {
|
|
|
347
349
|
characterLimit: _propTypes.default.string,
|
|
348
350
|
|
|
349
351
|
/** Whether to display the character count message in red */
|
|
350
|
-
warnOverLimit: _propTypes.default.bool
|
|
352
|
+
warnOverLimit: _propTypes.default.bool,
|
|
353
|
+
|
|
354
|
+
/** Aria label for rendered help component */
|
|
355
|
+
helpAriaLabel: _propTypes.default.string
|
|
351
356
|
};
|
|
352
357
|
Textbox.defaultProps = {
|
|
353
358
|
labelWidth: 30,
|
|
@@ -57,7 +57,7 @@ export interface CommonTextboxProps
|
|
|
57
57
|
labelWidth?: number;
|
|
58
58
|
/** Specify a callback triggered on change */
|
|
59
59
|
onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
|
|
60
|
-
/**
|
|
60
|
+
/** Deferred callback to be called after the onChange event */
|
|
61
61
|
onChangeDeferred?: () => void;
|
|
62
62
|
/** Specify a callback triggered on click */
|
|
63
63
|
onClick?: (ev: React.MouseEvent<HTMLElement>) => void;
|
|
@@ -95,6 +95,8 @@ export interface CommonTextboxProps
|
|
|
95
95
|
inputRef?: (input: React.RefObject<HTMLInputElement>) => void;
|
|
96
96
|
/** Overrides the default tooltip position */
|
|
97
97
|
tooltipPosition?: "top" | "bottom" | "left" | "right";
|
|
98
|
+
/** Aria label for rendered help component */
|
|
99
|
+
helpAriaLabel?: string;
|
|
98
100
|
}
|
|
99
101
|
|
|
100
102
|
export interface TextboxProps extends CommonTextboxProps {
|