carbon-react 135.1.2 → 136.0.0

package/esm/components/accordion/accordion.style.js

@@ -13,7 +13,7 @@ const StyledAccordionContainer = styled.div`
   align-items: ${({
   buttonHeading,
   variant
-}) => buttonHeading || variant === "subtle" ? "flex-start" : "stretch"};
+}) => (!buttonHeading || variant !== "subtle") && "stretch"};
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
@@ -138,6 +138,7 @@ const StyledAccordionTitleContainer = styled.div`
       color: var(--colorsActionMajor500);
       padding: var(--spacing025);
       margin-bottom: ${isExpanded && "var(--spacing200)"};
+      width: fit-content;
 
       ${StyledAccordionIcon} {
         color: var(--colorsActionMajor500);
@@ -216,12 +217,6 @@ const StyledAccordionContent = styled.div`
   padding-top: var(--spacing100);
   overflow: hidden;
 
-  ${({
-  disableContentPadding
-}) => disableContentPadding && css`
-      padding: 0;
-    `}
-
   ${({
   variant
 }) => variant === "subtle" && css`
@@ -229,6 +224,12 @@ const StyledAccordionContent = styled.div`
       padding: var(--spacing100) var(--spacing200) var(--spacing300);
       border-left: 2px solid var(--colorsUtilityMajor100);
     `}
+
+  ${({
+  disableContentPadding
+}) => disableContentPadding && css`
+      padding: 0;
+    `}
 `;
 StyledAccordionGroup.defaultProps = {
   theme: baseTheme

package/esm/components/textarea/textarea.component.d.ts

@@ -23,8 +23,6 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     characterLimit?: number;
     /** Type of the icon that will be rendered next to the input */
     children?: React.ReactNode;
-    /** The visible width of the text control, in average character widths */
-    cols?: number;
     /** If true, the component will be disabled */
     disabled?: boolean;
     /** Indicate that error has occurred
@@ -83,10 +81,6 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     isOptional?: boolean;
     /** The number of visible text lines for the control */
     rows?: number;
-    /** One of type of size to apply to the textarea */
-    size?: "small" | "medium" | "large";
-    /** Message to be displayed in a Tooltip when the user hovers over the help icon */
-    tooltipMessage?: string;
     /** Overrides the default tooltip position */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** When true, validation icon will be placed on label instead of being placed on the input */

package/esm/components/textarea/textarea.component.js

@@ -25,7 +25,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
   inputHint,
   fieldHelp,
   label,
-  size,
   children,
   characterLimit,
   onChange,
@@ -44,7 +43,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
   placeholder,
   expandable = false,
   rows,
-  cols,
   validationOnLabel = false,
   adaptiveLabelBreakpoint,
   inputWidth,
@@ -153,7 +151,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
   const inputHintId = inputHint ? hintId.current : undefined;
   const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId].filter(Boolean).join(" ");
   const input = /*#__PURE__*/React.createElement(InputPresentation, {
-    size: size,
     disabled: disabled,
     readOnly: readOnly,
     inputWidth: typeof inputWidth === "number" ? inputWidth : 100 - labelWidth,
@@ -176,7 +173,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
     readOnly: readOnly,
     placeholder: disabled ? "" : placeholder,
     rows: rows,
-    cols: cols,
     id: id,
     as: "textarea",
     validationIconId: validationRedesignOptIn ? undefined : validationId,
@@ -186,7 +182,6 @@ const Textarea = /*#__PURE__*/React.forwardRef(({
     disabled: disabled,
     readOnly: readOnly,
     inputIcon: inputIcon,
-    size: size,
     error: error,
     warning: warning,
     info: info,
@@ -306,7 +301,6 @@ if (process.env.NODE_ENV !== "production") {
     "children": PropTypes.node,
     "className": PropTypes.string,
     "color": PropTypes.string,
-    "cols": PropTypes.number,
     "content": PropTypes.string,
     "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
     "contextMenu": PropTypes.string,
@@ -745,7 +739,6 @@ if (process.env.NODE_ENV !== "production") {
     })]),
     "rows": PropTypes.number,
     "security": PropTypes.string,
-    "size": PropTypes.oneOf(["large", "medium", "small"]),
     "slot": PropTypes.string,
     "spellCheck": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
     "src": PropTypes.string,
@@ -755,7 +748,6 @@ if (process.env.NODE_ENV !== "production") {
     "suppressHydrationWarning": PropTypes.bool,
     "tabIndex": PropTypes.number,
     "title": PropTypes.string,
-    "tooltipMessage": PropTypes.string,
     "tooltipPosition": PropTypes.oneOf(["bottom", "left", "right", "top"]),
     "translate": PropTypes.oneOf(["no", "yes"]),
     "typeof": PropTypes.string,

package/lib/components/accordion/accordion.style.js

@@ -22,7 +22,7 @@ const StyledAccordionContainer = exports.StyledAccordionContainer = _styledCompo
   align-items: ${({
   buttonHeading,
   variant
-}) => buttonHeading || variant === "subtle" ? "flex-start" : "stretch"};
+}) => (!buttonHeading || variant !== "subtle") && "stretch"};
   justify-content: center;
   flex-direction: column;
   box-sizing: border-box;
@@ -147,6 +147,7 @@ const StyledAccordionTitleContainer = exports.StyledAccordionTitleContainer = _s
       color: var(--colorsActionMajor500);
       padding: var(--spacing025);
       margin-bottom: ${isExpanded && "var(--spacing200)"};
+      width: fit-content;
 
       ${StyledAccordionIcon} {
         color: var(--colorsActionMajor500);
@@ -225,12 +226,6 @@ const StyledAccordionContent = exports.StyledAccordionContent = _styledComponent
   padding-top: var(--spacing100);
   overflow: hidden;
 
-  ${({
-  disableContentPadding
-}) => disableContentPadding && (0, _styledComponents.css)`
-      padding: 0;
-    `}
-
   ${({
   variant
 }) => variant === "subtle" && (0, _styledComponents.css)`
@@ -238,6 +233,12 @@ const StyledAccordionContent = exports.StyledAccordionContent = _styledComponent
       padding: var(--spacing100) var(--spacing200) var(--spacing300);
       border-left: 2px solid var(--colorsUtilityMajor100);
     `}
+
+  ${({
+  disableContentPadding
+}) => disableContentPadding && (0, _styledComponents.css)`
+      padding: 0;
+    `}
 `;
 StyledAccordionGroup.defaultProps = {
   theme: _themes.baseTheme

package/lib/components/textarea/textarea.component.d.ts

@@ -23,8 +23,6 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     characterLimit?: number;
     /** Type of the icon that will be rendered next to the input */
     children?: React.ReactNode;
-    /** The visible width of the text control, in average character widths */
-    cols?: number;
     /** If true, the component will be disabled */
     disabled?: boolean;
     /** Indicate that error has occurred
@@ -83,10 +81,6 @@ export interface TextareaProps extends ValidationProps, MarginProps, Omit<Common
     isOptional?: boolean;
     /** The number of visible text lines for the control */
     rows?: number;
-    /** One of type of size to apply to the textarea */
-    size?: "small" | "medium" | "large";
-    /** Message to be displayed in a Tooltip when the user hovers over the help icon */
-    tooltipMessage?: string;
     /** Overrides the default tooltip position */
     tooltipPosition?: "top" | "bottom" | "left" | "right";
     /** When true, validation icon will be placed on label instead of being placed on the input */

package/lib/components/textarea/textarea.component.js

@@ -34,7 +34,6 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
   inputHint,
   fieldHelp,
   label,
-  size,
   children,
   characterLimit,
   onChange,
@@ -53,7 +52,6 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
   placeholder,
   expandable = false,
   rows,
-  cols,
   validationOnLabel = false,
   adaptiveLabelBreakpoint,
   inputWidth,
@@ -162,7 +160,6 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
   const inputHintId = inputHint ? hintId.current : undefined;
   const combinedAriaDescribedBy = [ariaDescribedBy, inputHintId, visuallyHiddenHintId].filter(Boolean).join(" ");
   const input = /*#__PURE__*/_react.default.createElement(_input.InputPresentation, {
-    size: size,
     disabled: disabled,
     readOnly: readOnly,
     inputWidth: typeof inputWidth === "number" ? inputWidth : 100 - labelWidth,
@@ -185,7 +182,6 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
     readOnly: readOnly,
     placeholder: disabled ? "" : placeholder,
     rows: rows,
-    cols: cols,
     id: id,
     as: "textarea",
     validationIconId: validationRedesignOptIn ? undefined : validationId,
@@ -195,7 +191,6 @@ const Textarea = exports.OriginalTextarea = exports.Textarea = /*#__PURE__*/_rea
     disabled: disabled,
     readOnly: readOnly,
     inputIcon: inputIcon,
-    size: size,
     error: error,
     warning: warning,
     info: info,
@@ -315,7 +310,6 @@ if (process.env.NODE_ENV !== "production") {
     "children": _propTypes.default.node,
     "className": _propTypes.default.string,
     "color": _propTypes.default.string,
-    "cols": _propTypes.default.number,
     "content": _propTypes.default.string,
     "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
     "contextMenu": _propTypes.default.string,
@@ -754,7 +748,6 @@ if (process.env.NODE_ENV !== "production") {
     })]),
     "rows": _propTypes.default.number,
     "security": _propTypes.default.string,
-    "size": _propTypes.default.oneOf(["large", "medium", "small"]),
     "slot": _propTypes.default.string,
     "spellCheck": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
     "src": _propTypes.default.string,
@@ -764,7 +757,6 @@ if (process.env.NODE_ENV !== "production") {
     "suppressHydrationWarning": _propTypes.default.bool,
     "tabIndex": _propTypes.default.number,
     "title": _propTypes.default.string,
-    "tooltipMessage": _propTypes.default.string,
     "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
     "translate": _propTypes.default.oneOf(["no", "yes"]),
     "typeof": _propTypes.default.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "135.1.2",
+  "version": "136.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",