@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib-esm/Textarea/Textarea.d.ts

@@ -30,6 +30,18 @@ export type TextareaProps = {
      * The className to apply to the wrapper element
      */
     className?: string;
+    /**
+     * The minimum height of the Textarea
+     */
+    minHeight?: number;
+    /**
+     * The maximum height of the Textarea
+     */
+    maxHeight?: number;
+    /**
+     * CSS styles to apply to the Textarea
+     */
+    style?: React.CSSProperties;
 } & TextareaHTMLAttributes<HTMLTextAreaElement> & SxProp;
 /**
  * An accessible, native textarea component that supports validation states.
@@ -60,6 +72,18 @@ declare const Textarea: React.ForwardRefExoticComponent<{
      * The className to apply to the wrapper element
      */
     className?: string;
+    /**
+     * The minimum height of the Textarea
+     */
+    minHeight?: number;
+    /**
+     * The maximum height of the Textarea
+     */
+    maxHeight?: number;
+    /**
+     * CSS styles to apply to the Textarea
+     */
+    style?: React.CSSProperties;
 } & TextareaHTMLAttributes<HTMLTextAreaElement> & SxProp & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;
 //# sourceMappingURL=Textarea.d.ts.map

package/lib-esm/Textarea/Textarea.js

@@ -12,13 +12,16 @@ const DEFAULT_TEXTAREA_RESIZE = 'both';
  * This component accepts all native HTML <textarea> attributes as props.
  */
 const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
-  const $ = c(31);
+  const $ = c(39);
   let block;
   let className;
   let contrast;
   let disabled;
+  let maxHeight;
+  let minHeight;
   let required;
   let rest;
+  let style;
   let sxProp;
   let t1;
   let t2;
@@ -38,6 +41,9 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
       block,
       contrast,
       className,
+      minHeight,
+      maxHeight,
+      style,
       ...rest
     } = t0);
     $[0] = t0;
@@ -45,35 +51,55 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
     $[2] = className;
     $[3] = contrast;
     $[4] = disabled;
-    $[5] = required;
-    $[6] = rest;
-    $[7] = sxProp;
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = validationStatus;
-    $[12] = value;
+    $[5] = maxHeight;
+    $[6] = minHeight;
+    $[7] = required;
+    $[8] = rest;
+    $[9] = style;
+    $[10] = sxProp;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = validationStatus;
+    $[15] = value;
   } else {
     block = $[1];
     className = $[2];
     contrast = $[3];
     disabled = $[4];
-    required = $[5];
-    rest = $[6];
-    sxProp = $[7];
-    t1 = $[8];
-    t2 = $[9];
-    t3 = $[10];
-    validationStatus = $[11];
-    value = $[12];
+    maxHeight = $[5];
+    minHeight = $[6];
+    required = $[7];
+    rest = $[8];
+    style = $[9];
+    sxProp = $[10];
+    t1 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    validationStatus = $[14];
+    value = $[15];
   }
   const rows = t1 === undefined ? DEFAULT_TEXTAREA_ROWS : t1;
   const cols = t2 === undefined ? DEFAULT_TEXTAREA_COLS : t2;
   const resize = t3 === undefined ? DEFAULT_TEXTAREA_RESIZE : t3;
   const t4 = validationStatus === "error" ? "true" : "false";
   let t5;
-  if ($[13] !== cols || $[14] !== disabled || $[15] !== ref || $[16] !== required || $[17] !== resize || $[18] !== rest || $[19] !== rows || $[20] !== t4 || $[21] !== value) {
-    t5 = /*#__PURE__*/jsx("textarea", {
+  if ($[16] !== maxHeight || $[17] !== minHeight || $[18] !== style) {
+    t5 = {
+      minHeight,
+      maxHeight,
+      ...style
+    };
+    $[16] = maxHeight;
+    $[17] = minHeight;
+    $[18] = style;
+    $[19] = t5;
+  } else {
+    t5 = $[19];
+  }
+  let t6;
+  if ($[20] !== cols || $[21] !== disabled || $[22] !== ref || $[23] !== required || $[24] !== resize || $[25] !== rest || $[26] !== rows || $[27] !== t4 || $[28] !== t5 || $[29] !== value) {
+    t6 = /*#__PURE__*/jsx("textarea", {
       value: value,
       "data-resize": resize,
       "aria-required": required,
@@ -83,44 +109,46 @@ const Textarea = /*#__PURE__*/React.forwardRef((t0, ref) => {
       rows: rows,
       cols: cols,
       className: classes.TextArea,
+      style: t5,
       ...rest
     });
-    $[13] = cols;
-    $[14] = disabled;
-    $[15] = ref;
-    $[16] = required;
-    $[17] = resize;
-    $[18] = rest;
-    $[19] = rows;
-    $[20] = t4;
-    $[21] = value;
-    $[22] = t5;
+    $[20] = cols;
+    $[21] = disabled;
+    $[22] = ref;
+    $[23] = required;
+    $[24] = resize;
+    $[25] = rest;
+    $[26] = rows;
+    $[27] = t4;
+    $[28] = t5;
+    $[29] = value;
+    $[30] = t6;
   } else {
-    t5 = $[22];
+    t6 = $[30];
   }
-  let t6;
-  if ($[23] !== block || $[24] !== className || $[25] !== contrast || $[26] !== disabled || $[27] !== sxProp || $[28] !== t5 || $[29] !== validationStatus) {
-    t6 = /*#__PURE__*/jsx(TextInputBaseWrapper, {
+  let t7;
+  if ($[31] !== block || $[32] !== className || $[33] !== contrast || $[34] !== disabled || $[35] !== sxProp || $[36] !== t6 || $[37] !== validationStatus) {
+    t7 = /*#__PURE__*/jsx(TextInputBaseWrapper, {
       sx: sxProp,
       validationStatus: validationStatus,
       disabled: disabled,
       block: block,
       contrast: contrast,
       className: className,
-      children: t5
+      children: t6
     });
-    $[23] = block;
-    $[24] = className;
-    $[25] = contrast;
-    $[26] = disabled;
-    $[27] = sxProp;
-    $[28] = t5;
-    $[29] = validationStatus;
-    $[30] = t6;
+    $[31] = block;
+    $[32] = className;
+    $[33] = contrast;
+    $[34] = disabled;
+    $[35] = sxProp;
+    $[36] = t6;
+    $[37] = validationStatus;
+    $[38] = t7;
   } else {
-    t6 = $[30];
+    t7 = $[38];
   }
-  return t6;
+  return t7;
 });
 Textarea.displayName = 'Textarea';
 

package/lib-esm/Timeline/Timeline.d.ts

@@ -35,7 +35,7 @@ declare const _default: React.ForwardRefExoticComponent<{
         className?: string;
     } & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Badge: {
-        ({ sx: sxProp, className, ...props }: TimelineBadgeProps): React.JSX.Element;
+        ({ className, ...props }: TimelineBadgeProps): React.JSX.Element;
         displayName: string;
     };
     Body: React.ForwardRefExoticComponent<{