carbon-react 125.13.0 → 126.0.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.
Files changed (23) hide show
  1. package/esm/__internal__/checkable-input/checkable-input.component.d.ts +0 -2
  2. package/esm/__internal__/checkable-input/checkable-input.component.js +0 -3
  3. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts +1 -3
  4. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js +0 -2
  5. package/esm/components/checkbox/checkbox.component.d.ts +0 -2
  6. package/esm/components/checkbox/checkbox.component.js +0 -1
  7. package/esm/components/radio-button/radio-button.component.d.ts +0 -2
  8. package/esm/components/radio-button/radio-button.component.js +0 -3
  9. package/esm/components/switch/switch.component.d.ts +0 -2
  10. package/esm/components/switch/switch.component.js +0 -1
  11. package/esm/components/time/__internal__/time-toggle/time-toggle.style.d.ts +1 -1
  12. package/lib/__internal__/checkable-input/checkable-input.component.d.ts +0 -2
  13. package/lib/__internal__/checkable-input/checkable-input.component.js +0 -3
  14. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts +1 -3
  15. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js +0 -2
  16. package/lib/components/checkbox/checkbox.component.d.ts +0 -2
  17. package/lib/components/checkbox/checkbox.component.js +0 -1
  18. package/lib/components/radio-button/radio-button.component.d.ts +0 -2
  19. package/lib/components/radio-button/radio-button.component.js +0 -3
  20. package/lib/components/switch/switch.component.d.ts +0 -2
  21. package/lib/components/switch/switch.component.js +0 -1
  22. package/lib/components/time/__internal__/time-toggle/time-toggle.style.d.ts +1 -1
  23. package/package.json +1 -1
package/esm/__internal__/checkable-input/checkable-input.component.d.ts CHANGED
@@ -43,8 +43,6 @@ export interface CheckableInputProps extends CommonCheckableInputProps {
43
43
  type: string;
44
44
  /** Value passed to the input */
45
45
  value?: string;
46
- /** Text alignment of the label */
47
- labelAlign?: "left" | "right";
48
46
  /** When true label is inline */
49
47
  labelInline?: boolean;
50
48
  }
package/esm/__internal__/checkable-input/checkable-input.component.js CHANGED
@@ -23,7 +23,6 @@ const CheckableInput = /*#__PURE__*/React.forwardRef(({
23
23
  value,
24
24
  inputWidth,
25
25
  label,
26
- labelAlign,
27
26
  labelHelp,
28
27
  labelInline = true,
29
28
  labelSpacing = 1,
@@ -65,7 +64,6 @@ const CheckableInput = /*#__PURE__*/React.forwardRef(({
65
64
  id,
66
65
  info,
67
66
  label,
68
- labelAlign,
69
67
  labelHelp,
70
68
  labelHelpIcon: "info",
71
69
  labelId,
@@ -210,7 +208,6 @@ CheckableInput.propTypes = {
210
208
  "itemScope": PropTypes.bool,
211
209
  "itemType": PropTypes.string,
212
210
  "label": PropTypes.node,
213
- "labelAlign": PropTypes.oneOf(["left", "right"]),
214
211
  "labelHelp": PropTypes.node,
215
212
  "labelInline": PropTypes.bool,
216
213
  "labelSpacing": PropTypes.oneOf([1, 2]),
package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts CHANGED
@@ -34,8 +34,6 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
34
34
  labelWidth?: number;
35
35
  /** If true all ButtonToggle children will flex to the full width of the ButtonToggleGroup parent */
36
36
  fullWidth?: boolean;
37
- /** The alignment for the text in the label. */
38
- labelAlign?: "left" | "right";
39
37
  /** Callback triggered by pressing one of the child buttons. Use with controlled components to set the value prop to the value argument */
40
38
  onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string, name?: string) => void;
41
39
  /** Determines which child button is selected when the component is used as a controlled component */
@@ -63,7 +61,7 @@ declare type ButtonToggleGroupContextType = {
63
61
  };
64
62
  export declare const ButtonToggleGroupContext: React.Context<ButtonToggleGroupContextType>;
65
63
  declare const ButtonToggleGroup: {
66
- ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, labelAlign, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: ButtonToggleGroupProps): React.JSX.Element;
64
+ ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: ButtonToggleGroupProps): React.JSX.Element;
67
65
  displayName: string;
68
66
  };
69
67
  export default ButtonToggleGroup;
package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js CHANGED
@@ -32,7 +32,6 @@ const ButtonToggleGroup = ({
32
32
  fullWidth,
33
33
  labelInline,
34
34
  labelWidth,
35
- labelAlign,
36
35
  name,
37
36
  onChange,
38
37
  value,
@@ -119,7 +118,6 @@ const ButtonToggleGroup = ({
119
118
  fieldHelpInline: fieldHelpInline,
120
119
  labelInline: labelInline,
121
120
  labelWidth: labelWidth,
122
- labelAlign: labelAlign,
123
121
  labelId: labelId.current,
124
122
  "data-component": dataComponent,
125
123
  "data-role": dataRole,
package/esm/components/checkbox/checkbox.component.d.ts CHANGED
@@ -14,8 +14,6 @@ export interface CheckboxProps extends CommonCheckableInputProps, MarginProps {
14
14
  "data-role"?: string;
15
15
  /** Aria label for rendered help component */
16
16
  helpAriaLabel?: string;
17
- /** Text alignment of the label */
18
- labelAlign?: "left" | "right";
19
17
  /** When true label is inline */
20
18
  labelInline?: boolean;
21
19
  /** Accepts a callback function which is triggered on click event */
package/esm/components/checkbox/checkbox.component.js CHANGED
@@ -230,7 +230,6 @@ Checkbox.propTypes = {
230
230
  "itemScope": PropTypes.bool,
231
231
  "itemType": PropTypes.string,
232
232
  "label": PropTypes.node,
233
- "labelAlign": PropTypes.oneOf(["left", "right"]),
234
233
  "labelHelp": PropTypes.node,
235
234
  "labelInline": PropTypes.bool,
236
235
  "labelSpacing": PropTypes.oneOf([1, 2]),
package/esm/components/radio-button/radio-button.component.d.ts CHANGED
@@ -12,8 +12,6 @@ export interface RadioButtonProps extends CommonCheckableInputProps, MarginProps
12
12
  "data-element"?: string;
13
13
  /** Identifier used for testing purposes, applied to the root element of the component. */
14
14
  "data-role"?: string;
15
- /** Text alignment of the label */
16
- labelAlign?: "left" | "right";
17
15
  /** Accepts a callback function which is triggered on click event */
18
16
  onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
19
17
  /** the value of the Radio Button, passed on form submit */
package/esm/components/radio-button/radio-button.component.js CHANGED
@@ -21,7 +21,6 @@ const RadioButton = /*#__PURE__*/React.forwardRef(({
21
21
  inputWidth,
22
22
  label,
23
23
  labelHelp,
24
- labelAlign,
25
24
  labelSpacing = 1,
26
25
  labelWidth,
27
26
  name,
@@ -85,7 +84,6 @@ const RadioButton = /*#__PURE__*/React.forwardRef(({
85
84
  onChange: handleChange,
86
85
  onBlur,
87
86
  onFocus,
88
- labelAlign,
89
87
  labelInline: true,
90
88
  labelWidth,
91
89
  label,
@@ -232,7 +230,6 @@ RadioButton.propTypes = {
232
230
  "itemScope": PropTypes.bool,
233
231
  "itemType": PropTypes.string,
234
232
  "label": PropTypes.node,
235
- "labelAlign": PropTypes.oneOf(["left", "right"]),
236
233
  "labelHelp": PropTypes.node,
237
234
  "labelSpacing": PropTypes.oneOf([1, 2]),
238
235
  "labelWidth": PropTypes.number,
package/esm/components/switch/switch.component.d.ts CHANGED
@@ -12,8 +12,6 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
12
12
  adaptiveLabelBreakpoint?: number;
13
13
  /** Set the default value of the Switch if component is meant to be used as uncontrolled */
14
14
  defaultChecked?: boolean;
15
- /** Text alignment of the label */
16
- labelAlign?: "left" | "right";
17
15
  /** When true label is inline */
18
16
  labelInline?: boolean;
19
17
  /** Triggers loading animation */
package/esm/components/switch/switch.component.js CHANGED
@@ -280,7 +280,6 @@ Switch.propTypes = {
280
280
  "itemScope": PropTypes.bool,
281
281
  "itemType": PropTypes.string,
282
282
  "label": PropTypes.node,
283
- "labelAlign": PropTypes.oneOf(["left", "right"]),
284
283
  "labelHelp": PropTypes.node,
285
284
  "labelInline": PropTypes.bool,
286
285
  "labelSpacing": PropTypes.oneOf([1, 2]),
package/esm/components/time/__internal__/time-toggle/time-toggle.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  declare const _default: import("styled-components").StyledComponent<{
3
- ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, labelAlign, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: import("../../../button-toggle").ButtonToggleGroupProps): import("react").JSX.Element;
3
+ ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: import("../../../button-toggle").ButtonToggleGroupProps): import("react").JSX.Element;
4
4
  displayName: string;
5
5
  }, any, {
6
6
  disabled?: boolean | undefined;
package/lib/__internal__/checkable-input/checkable-input.component.d.ts CHANGED
@@ -43,8 +43,6 @@ export interface CheckableInputProps extends CommonCheckableInputProps {
43
43
  type: string;
44
44
  /** Value passed to the input */
45
45
  value?: string;
46
- /** Text alignment of the label */
47
- labelAlign?: "left" | "right";
48
46
  /** When true label is inline */
49
47
  labelInline?: boolean;
50
48
  }
package/lib/__internal__/checkable-input/checkable-input.component.js CHANGED
@@ -32,7 +32,6 @@ const CheckableInput = /*#__PURE__*/_react.default.forwardRef(({
32
32
  value,
33
33
  inputWidth,
34
34
  label,
35
- labelAlign,
36
35
  labelHelp,
37
36
  labelInline = true,
38
37
  labelSpacing = 1,
@@ -74,7 +73,6 @@ const CheckableInput = /*#__PURE__*/_react.default.forwardRef(({
74
73
  id,
75
74
  info,
76
75
  label,
77
- labelAlign,
78
76
  labelHelp,
79
77
  labelHelpIcon: "info",
80
78
  labelId,
@@ -219,7 +217,6 @@ CheckableInput.propTypes = {
219
217
  "itemScope": _propTypes.default.bool,
220
218
  "itemType": _propTypes.default.string,
221
219
  "label": _propTypes.default.node,
222
- "labelAlign": _propTypes.default.oneOf(["left", "right"]),
223
220
  "labelHelp": _propTypes.default.node,
224
221
  "labelInline": _propTypes.default.bool,
225
222
  "labelSpacing": _propTypes.default.oneOf([1, 2]),
package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.d.ts CHANGED
@@ -34,8 +34,6 @@ export interface ButtonToggleGroupProps extends MarginProps, TagProps {
34
34
  labelWidth?: number;
35
35
  /** If true all ButtonToggle children will flex to the full width of the ButtonToggleGroup parent */
36
36
  fullWidth?: boolean;
37
- /** The alignment for the text in the label. */
38
- labelAlign?: "left" | "right";
39
37
  /** Callback triggered by pressing one of the child buttons. Use with controlled components to set the value prop to the value argument */
40
38
  onChange?: (ev: React.MouseEvent<HTMLButtonElement>, value?: string, name?: string) => void;
41
39
  /** Determines which child button is selected when the component is used as a controlled component */
@@ -63,7 +61,7 @@ declare type ButtonToggleGroupContextType = {
63
61
  };
64
62
  export declare const ButtonToggleGroupContext: React.Context<ButtonToggleGroupContextType>;
65
63
  declare const ButtonToggleGroup: {
66
- ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, labelAlign, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: ButtonToggleGroupProps): React.JSX.Element;
64
+ ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: ButtonToggleGroupProps): React.JSX.Element;
67
65
  displayName: string;
68
66
  };
69
67
  export default ButtonToggleGroup;
package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js CHANGED
@@ -41,7 +41,6 @@ const ButtonToggleGroup = ({
41
41
  fullWidth,
42
42
  labelInline,
43
43
  labelWidth,
44
- labelAlign,
45
44
  name,
46
45
  onChange,
47
46
  value,
@@ -128,7 +127,6 @@ const ButtonToggleGroup = ({
128
127
  fieldHelpInline: fieldHelpInline,
129
128
  labelInline: labelInline,
130
129
  labelWidth: labelWidth,
131
- labelAlign: labelAlign,
132
130
  labelId: labelId.current,
133
131
  "data-component": dataComponent,
134
132
  "data-role": dataRole,
package/lib/components/checkbox/checkbox.component.d.ts CHANGED
@@ -14,8 +14,6 @@ export interface CheckboxProps extends CommonCheckableInputProps, MarginProps {
14
14
  "data-role"?: string;
15
15
  /** Aria label for rendered help component */
16
16
  helpAriaLabel?: string;
17
- /** Text alignment of the label */
18
- labelAlign?: "left" | "right";
19
17
  /** When true label is inline */
20
18
  labelInline?: boolean;
21
19
  /** Accepts a callback function which is triggered on click event */
package/lib/components/checkbox/checkbox.component.js CHANGED
@@ -239,7 +239,6 @@ Checkbox.propTypes = {
239
239
  "itemScope": _propTypes.default.bool,
240
240
  "itemType": _propTypes.default.string,
241
241
  "label": _propTypes.default.node,
242
- "labelAlign": _propTypes.default.oneOf(["left", "right"]),
243
242
  "labelHelp": _propTypes.default.node,
244
243
  "labelInline": _propTypes.default.bool,
245
244
  "labelSpacing": _propTypes.default.oneOf([1, 2]),
package/lib/components/radio-button/radio-button.component.d.ts CHANGED
@@ -12,8 +12,6 @@ export interface RadioButtonProps extends CommonCheckableInputProps, MarginProps
12
12
  "data-element"?: string;
13
13
  /** Identifier used for testing purposes, applied to the root element of the component. */
14
14
  "data-role"?: string;
15
- /** Text alignment of the label */
16
- labelAlign?: "left" | "right";
17
15
  /** Accepts a callback function which is triggered on click event */
18
16
  onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
19
17
  /** the value of the Radio Button, passed on form submit */
package/lib/components/radio-button/radio-button.component.js CHANGED
@@ -30,7 +30,6 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
30
30
  inputWidth,
31
31
  label,
32
32
  labelHelp,
33
- labelAlign,
34
33
  labelSpacing = 1,
35
34
  labelWidth,
36
35
  name,
@@ -94,7 +93,6 @@ const RadioButton = exports.RadioButton = /*#__PURE__*/_react.default.forwardRef
94
93
  onChange: handleChange,
95
94
  onBlur,
96
95
  onFocus,
97
- labelAlign,
98
96
  labelInline: true,
99
97
  labelWidth,
100
98
  label,
@@ -241,7 +239,6 @@ RadioButton.propTypes = {
241
239
  "itemScope": _propTypes.default.bool,
242
240
  "itemType": _propTypes.default.string,
243
241
  "label": _propTypes.default.node,
244
- "labelAlign": _propTypes.default.oneOf(["left", "right"]),
245
242
  "labelHelp": _propTypes.default.node,
246
243
  "labelSpacing": _propTypes.default.oneOf([1, 2]),
247
244
  "labelWidth": _propTypes.default.number,
package/lib/components/switch/switch.component.d.ts CHANGED
@@ -12,8 +12,6 @@ export interface SwitchProps extends CommonCheckableInputProps, MarginProps {
12
12
  adaptiveLabelBreakpoint?: number;
13
13
  /** Set the default value of the Switch if component is meant to be used as uncontrolled */
14
14
  defaultChecked?: boolean;
15
- /** Text alignment of the label */
16
- labelAlign?: "left" | "right";
17
15
  /** When true label is inline */
18
16
  labelInline?: boolean;
19
17
  /** Triggers loading animation */
package/lib/components/switch/switch.component.js CHANGED
@@ -289,7 +289,6 @@ Switch.propTypes = {
289
289
  "itemScope": _propTypes.default.bool,
290
290
  "itemType": _propTypes.default.string,
291
291
  "label": _propTypes.default.node,
292
- "labelAlign": _propTypes.default.oneOf(["left", "right"]),
293
292
  "labelHelp": _propTypes.default.node,
294
293
  "labelInline": _propTypes.default.bool,
295
294
  "labelSpacing": _propTypes.default.oneOf([1, 2]),
package/lib/components/time/__internal__/time-toggle/time-toggle.style.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  declare const _default: import("styled-components").StyledComponent<{
3
- ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, labelAlign, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: import("../../../button-toggle").ButtonToggleGroupProps): import("react").JSX.Element;
3
+ ({ children, fieldHelp, fieldHelpInline, "aria-label": ariaLabel, label, labelHelp, labelSpacing, inputWidth, fullWidth, labelInline, labelWidth, name, onChange, value, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, helpAriaLabel, id, allowDeselect, className, ...props }: import("../../../button-toggle").ButtonToggleGroupProps): import("react").JSX.Element;
4
4
  displayName: string;
5
5
  }, any, {
6
6
  disabled?: boolean | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "125.13.0",
3
+ "version": "126.0.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",