baseui 10.10.0 → 10.12.0

package/es/typography/index.js

@@ -8,7 +8,10 @@ LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
 import Block from '../block/block.js';
-export const DisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const DisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-displaylarge"
 }, props, {
   font: props.font || 'DisplayLarge',
@@ -16,7 +19,10 @@ export const DisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 DisplayLarge.displayName = 'DisplayLarge';
-export const DisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const DisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-displaymedium"
 }, props, {
   font: props.font || 'DisplayMedium',
@@ -24,7 +30,10 @@ export const DisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__
   ref: ref
 })));
 DisplayMedium.displayName = 'DisplayMedium';
-export const DisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const DisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-displaysmall"
 }, props, {
   font: props.font || 'DisplaySmall',
@@ -32,7 +41,10 @@ export const DisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 DisplaySmall.displayName = 'DisplaySmall';
-export const DisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const DisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-displayxsmall"
 }, props, {
   font: props.font || 'DisplayXSmall',
@@ -40,7 +52,10 @@ export const DisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__
   ref: ref
 })));
 DisplayXSmall.displayName = 'DisplayXSmall';
-export const HeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headingxxlarge",
   as: props.as || 'h1'
 }, props, {
@@ -49,7 +64,10 @@ export const HeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 HeadingXXLarge.displayName = 'HeadingXXLarge';
-export const HeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headingxlarge",
   as: props.as || 'h2'
 }, props, {
@@ -58,7 +76,10 @@ export const HeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__
   ref: ref
 })));
 HeadingXLarge.displayName = 'HeadingXLarge';
-export const HeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headinglarge",
   as: props.as || 'h3'
 }, props, {
@@ -67,7 +88,10 @@ export const HeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 HeadingLarge.displayName = 'HeadingLarge';
-export const HeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headingmedium",
   as: props.as || 'h4'
 }, props, {
@@ -76,7 +100,10 @@ export const HeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__
   ref: ref
 })));
 HeadingMedium.displayName = 'HeadingMedium';
-export const HeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headingsmall",
   as: props.as || 'h5'
 }, props, {
@@ -85,7 +112,10 @@ export const HeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__P
   ref: ref
 })));
 HeadingSmall.displayName = 'HeadingSmall';
-export const HeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const HeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-headingxsmall",
   as: props.as || 'h6'
 }, props, {
@@ -94,7 +124,10 @@ export const HeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__
   ref: ref
 })));
 HeadingXSmall.displayName = 'HeadingXSmall';
-export const LabelLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const LabelLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-labellarge"
 }, props, {
   font: props.font || 'LabelLarge',
@@ -102,7 +135,10 @@ export const LabelLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PUR
   ref: ref
 })));
 LabelLarge.displayName = 'LabelLarge';
-export const LabelMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const LabelMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-labelmedium"
 }, props, {
   font: props.font || 'LabelMedium',
@@ -110,7 +146,10 @@ export const LabelMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PU
   ref: ref
 })));
 LabelMedium.displayName = 'LabelMedium';
-export const LabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const LabelSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-labelsmall"
 }, props, {
   font: props.font || 'LabelSmall',
@@ -118,7 +157,10 @@ export const LabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PUR
   ref: ref
 })));
 LabelSmall.displayName = 'LabelSmall';
-export const LabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const LabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-labelxsmall"
 }, props, {
   font: props.font || 'LabelXSmall',
@@ -126,7 +168,10 @@ export const LabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PU
   ref: ref
 })));
 LabelXSmall.displayName = 'LabelXSmall';
-export const ParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const ParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-paragraphlarge",
   as: props.as || 'p'
 }, props, {
@@ -135,7 +180,10 @@ export const ParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 ParagraphLarge.displayName = 'ParagraphLarge';
-export const ParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const ParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-paragraphmedium",
   as: props.as || 'p'
 }, props, {
@@ -144,7 +192,10 @@ export const ParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#
   ref: ref
 })));
 ParagraphMedium.displayName = 'ParagraphMedium';
-export const ParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const ParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-paragraphsmall",
   as: props.as || 'p'
 }, props, {
@@ -153,7 +204,10 @@ export const ParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 ParagraphSmall.displayName = 'ParagraphSmall';
-export const ParagraphXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const ParagraphXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-paragraphxsmall",
   as: props.as || 'p'
 }, props, {
@@ -162,7 +216,10 @@ export const ParagraphXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#
   ref: ref
 })));
 ParagraphXSmall.displayName = 'ParagraphXSmall';
-export const MonoDisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoDisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monodisplaylarge"
 }, props, {
   font: props.font || 'MonoDisplayLarge',
@@ -170,7 +227,10 @@ export const MonoDisplayLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*
   ref: ref
 })));
 MonoDisplayLarge.displayName = 'MonoDisplayLarge';
-export const MonoDisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoDisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monodisplaymedium"
 }, props, {
   font: props.font || 'MonoDisplayMedium',
@@ -178,7 +238,10 @@ export const MonoDisplayMedium = /*#__PURE__*/React.forwardRef((props, ref) => /
   ref: ref
 })));
 MonoDisplayMedium.displayName = 'MonoDisplayMedium';
-export const MonoDisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoDisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monodisplaysmall"
 }, props, {
   font: props.font || 'MonoDisplaySmall',
@@ -186,7 +249,10 @@ export const MonoDisplaySmall = /*#__PURE__*/React.forwardRef((props, ref) => /*
   ref: ref
 })));
 MonoDisplaySmall.displayName = 'MonoDisplaySmall';
-export const MonoDisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoDisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monodisplayxsmall"
 }, props, {
   font: props.font || 'MonoDisplayXSmall',
@@ -194,7 +260,10 @@ export const MonoDisplayXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /
   ref: ref
 })));
 MonoDisplayXSmall.displayName = 'MonoDisplayXSmall';
-export const MonoHeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadingxxlarge",
   as: props.as || 'h1'
 }, props, {
@@ -203,7 +272,10 @@ export const MonoHeadingXXLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
   ref: ref
 })));
 MonoHeadingXXLarge.displayName = 'MonoHeadingXXLarge';
-export const MonoHeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadingxlarge",
   as: props.as || 'h2'
 }, props, {
@@ -212,7 +284,10 @@ export const MonoHeadingXLarge = /*#__PURE__*/React.forwardRef((props, ref) => /
   ref: ref
 })));
 MonoHeadingXLarge.displayName = 'MonoHeadingXLarge';
-export const MonoHeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadinglarge",
   as: props.as || 'h3'
 }, props, {
@@ -221,7 +296,10 @@ export const MonoHeadingLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*
   ref: ref
 })));
 MonoHeadingLarge.displayName = 'MonoHeadingLarge';
-export const MonoHeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadingmedium",
   as: props.as || 'h4'
 }, props, {
@@ -230,7 +308,10 @@ export const MonoHeadingMedium = /*#__PURE__*/React.forwardRef((props, ref) => /
   ref: ref
 })));
 MonoHeadingMedium.displayName = 'MonoHeadingMedium';
-export const MonoHeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadingsmall",
   as: props.as || 'h5'
 }, props, {
@@ -239,7 +320,10 @@ export const MonoHeadingSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*
   ref: ref
 })));
 MonoHeadingSmall.displayName = 'MonoHeadingSmall';
-export const MonoHeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoHeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoheadingxsmall",
   as: props.as || 'h6'
 }, props, {
@@ -248,7 +332,10 @@ export const MonoHeadingXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /
   ref: ref
 })));
 MonoHeadingXSmall.displayName = 'MonoHeadingXSmall';
-export const MonoLabelLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoLabelLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monolabellarge"
 }, props, {
   font: props.font || 'MonoLabelLarge',
@@ -256,7 +343,10 @@ export const MonoLabelLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 MonoLabelLarge.displayName = 'MonoLabelLarge';
-export const MonoLabelMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoLabelMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monolabelmedium"
 }, props, {
   font: props.font || 'MonoLabelMedium',
@@ -264,7 +354,10 @@ export const MonoLabelMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#
   ref: ref
 })));
 MonoLabelMedium.displayName = 'MonoLabelMedium';
-export const MonoLabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoLabelSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monolabelsmall"
 }, props, {
   font: props.font || 'MonoLabelSmall',
@@ -272,7 +365,10 @@ export const MonoLabelSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#_
   ref: ref
 })));
 MonoLabelSmall.displayName = 'MonoLabelSmall';
-export const MonoLabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoLabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monolabelxsmall"
 }, props, {
   font: props.font || 'MonoLabelXSmall',
@@ -280,7 +376,10 @@ export const MonoLabelXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#
   ref: ref
 })));
 MonoLabelXSmall.displayName = 'MonoLabelXSmall';
-export const MonoParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoparagraphlarge",
   as: props.as || 'p'
 }, props, {
@@ -289,7 +388,10 @@ export const MonoParagraphLarge = /*#__PURE__*/React.forwardRef((props, ref) =>
   ref: ref
 })));
 MonoParagraphLarge.displayName = 'MonoParagraphLarge';
-export const MonoParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoparagraphmedium",
   as: props.as || 'p'
 }, props, {
@@ -298,7 +400,10 @@ export const MonoParagraphMedium = /*#__PURE__*/React.forwardRef((props, ref) =>
   ref: ref
 })));
 MonoParagraphMedium.displayName = 'MonoParagraphMedium';
-export const MonoParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoparagraphsmall",
   as: props.as || 'p'
 }, props, {
@@ -307,7 +412,10 @@ export const MonoParagraphSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
   ref: ref
 })));
 MonoParagraphSmall.displayName = 'MonoParagraphSmall';
-export const MonoParagraphXSmall = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Block, _extends({
+export const MonoParagraphXSmall = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+// $FlowExpectedError[cannot-spread-inexact]
+React.createElement(Block, _extends({
   "data-baseweb": "typo-monoparagraphxsmall",
   as: props.as || 'p'
 }, props, {

package/es/utils/deep-merge.js

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 
-/* eslint-disable flowtype/no-weak-types */
+/* flowlint unclear-type:off */
 export default function deepMerge(target, ...sources) {
   target = target || {};
   const len = sources.length;
@@ -32,7 +32,7 @@ export default function deepMerge(target, ...sources) {
 
   return target;
 }
-/* eslint-enable flowtype/no-weak-types */
+/* flowlint unclear-type:error */
 
 /* eslint-disable-next-line flowtype/no-weak-types */
 

package/es/utils/deprecated-component.js

@@ -6,11 +6,11 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
-import * as React from 'react'; // eslint-disable-next-line flowtype/no-weak-types
+import * as React from 'react'; // flowlint-next-line unclear-type:off
 
 export default function (Component, displayName) {
-  // eslint-disable-next-line flowtype/no-weak-types
-  return /*#__PURE__*/React.forwardRef((props, ref) => {
+  // flowlint-next-line unclear-type:off
+  const DeprecatedComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
     if (process.env.NODE_ENV !== "production") {
       console.warn(`We have stabilized the ${displayName} component, so you can drop the "Unstable_" prefix from your imports. We will remove the "Unstable_" exports soon, so please make these changes as soon as possible!`);
     }
@@ -19,4 +19,6 @@ export default function (Component, displayName) {
       ref: ref
     }));
   });
+  DeprecatedComponent.displayName = 'DeprecatedComponent';
+  return DeprecatedComponent;
 }

package/esm/a11y/a11y.js

@@ -170,7 +170,7 @@ export default function A11y(props) {
 
     return (
       /*#__PURE__*/
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       React.createElement(Violation, {
         target: node,
         violations: violations,

package/esm/accordion/accordion.js

@@ -86,7 +86,8 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 
   _createClass(Accordion, [{
     key: "onPanelChange",
-    value: function onPanelChange(key, onChange) {
+    value: //flowlint-next-line unclear-type:off
+    function onPanelChange(key, onChange) {
       var activeKeys = this.state.expanded;
       var accordion = this.props.accordion;
 
@@ -138,7 +139,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           children = _this$props2.children,
           renderPanelContent = _this$props2.renderPanelContent,
           renderAll = _this$props2.renderAll,
-          overrides = _this$props2.overrides; // eslint-disable-next-line flowtype/no-weak-types
+          overrides = _this$props2.overrides; // flowlint-next-line unclear-type:off
 
       return React.Children.map(children, function (child, index) {
         if (!child) return; // If there is no key provided use the panel order as a default key

package/esm/accordion/panel.js

@@ -105,7 +105,7 @@ var Panel = function Panel(_ref) {
     }
 
     typeof onKeyDown === 'function' && onKeyDown(e);
-  }, [expanded, disabled, onChange, onKeyDown]); // eslint-disable-next-line flowtype/no-weak-types
+  }, [expanded, disabled, onChange, onKeyDown]); // flowlint-next-line unclear-type:off
 
   var _animateRef = React.useRef(null);
 

package/esm/app-nav-bar/mobile-menu.js

@@ -49,7 +49,8 @@ import UserProfileTile from './user-profile-tile.js';
 import { defaultMapItemToNode } from './utils.js';
 var USER_TITLE_ITEM = 'USER_TITLE_ITEM';
 var USER_MENU_ITEM = 'USER_MENU_ITEM';
-var PARENT_MENU_ITEM = 'PARENT_MENU_ITEM';
+var PARENT_MENU_ITEM = 'PARENT_MENU_ITEM'; // eslint-disable-next-line react/display-name
+
 var MobileNavMenuItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var item = props.item,
       _props$mapItemToNode = props.mapItemToNode,
@@ -129,21 +130,18 @@ export default function MobileMenu(props) {
   var _getOverrides3 = getOverrides(overrides.SideMenuButton, Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       SideMenuButton = _getOverrides4[0],
-      sideMenuButtonProps = _getOverrides4[1]; // $FlowFixMe
-
+      sideMenuButtonProps = _getOverrides4[1];
 
   sideMenuButtonProps.overrides = mergeOverrides({
     BaseButton: {
       component: StyledSideMenuButton
     }
-  }, // $FlowFixMe
-  sideMenuButtonProps.overrides);
+  }, sideMenuButtonProps.overrides);
 
   var _getOverrides5 = getOverrides(overrides.MobileDrawer, Drawer),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       MobileDrawer = _getOverrides6[0],
-      drawerProps = _getOverrides6[1]; // $FlowFixMe
-
+      drawerProps = _getOverrides6[1];
 
   drawerProps.overrides = mergeOverrides({
     DrawerBody: {
@@ -161,14 +159,12 @@ export default function MobileMenu(props) {
     Close: function Close() {
       return null;
     }
-  }, // $FlowFixMe
-  drawerProps.overrides);
+  }, drawerProps.overrides);
 
   var _getOverrides7 = getOverrides(overrides.MobileMenu, StatefulMenu),
       _getOverrides8 = _slicedToArray(_getOverrides7, 2),
       MobileMenu = _getOverrides8[0],
-      menuProps = _getOverrides8[1]; // $FlowFixMe
-
+      menuProps = _getOverrides8[1];
 
   menuProps.overrides = mergeOverrides({
     List: {
@@ -179,6 +175,7 @@ export default function MobileMenu(props) {
         boxShadow: 'none'
       }
     },
+    // eslint-disable-next-line react/display-name
     ListItem: /*#__PURE__*/React.forwardRef(function (listItemProps, ref) {
       return /*#__PURE__*/React.createElement(MobileNavMenuItem, _extends({
         ref: ref
@@ -187,8 +184,7 @@ export default function MobileMenu(props) {
         overrides: overrides
       }));
     })
-  }, // $FlowFixMe
-  menuProps.overrides);
+  }, menuProps.overrides);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SideMenuButton, _extends({
     onClick: toggleMenu
   }, sideMenuButtonProps), /*#__PURE__*/React.createElement(MenuIcon, {

package/esm/app-nav-bar/user-menu.js

@@ -34,7 +34,8 @@ import { StatefulPopover, PLACEMENT, TRIGGER_TYPE } from '../popover/index.js';
 import { StyledUserMenuButton, StyledUserMenuProfileListItem } from './styled-components.js';
 import UserProfileTile from './user-profile-tile.js';
 import { defaultMapItemToNode } from './utils.js';
-var MENU_ITEM_WIDTH = '275px';
+var MENU_ITEM_WIDTH = '275px'; // eslint-disable-next-line react/display-name
+
 var UserMenuListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var item = props.item,
       _props$mapItemToNode = props.mapItemToNode,
@@ -76,24 +77,22 @@ export default function UserMenuComponent(props) {
   var _getOverrides3 = getOverrides(overrides.UserMenuButton, Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       UserMenuButton = _getOverrides4[0],
-      userMenuButtonProps = _getOverrides4[1]; // $FlowFixMe
-
+      userMenuButtonProps = _getOverrides4[1];
 
   userMenuButtonProps.overrides = mergeOverrides({
     BaseButton: {
       component: StyledUserMenuButton
     }
-  }, // $FlowFixMe
-  userMenuButtonProps.overrides);
+  }, userMenuButtonProps.overrides);
 
   var _getOverrides5 = getOverrides(overrides.UserMenu, StatefulMenu),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       UserMenu = _getOverrides6[0],
-      userMenuProps = _getOverrides6[1]; // $FlowFixMe
-
+      userMenuProps = _getOverrides6[1];
 
   userMenuProps.overrides = mergeOverrides({
     List: {
+      // eslint-disable-next-line react/display-name
       component: /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
         var children = _ref2.children,
             restProps = _objectWithoutProperties(_ref2, ["children"]);
@@ -111,6 +110,7 @@ export default function UserMenuComponent(props) {
         width: MENU_ITEM_WIDTH
       }
     },
+    // eslint-disable-next-line react/display-name
     ListItem: /*#__PURE__*/React.forwardRef(function (listItemProps, ref) {
       return /*#__PURE__*/React.createElement(UserMenuListItem, _extends({
         ref: ref
@@ -118,8 +118,7 @@ export default function UserMenuComponent(props) {
         mapItemToNode: props.mapItemToNode
       }));
     })
-  }, // $FlowFixMe
-  userMenuProps.overrides);
+  }, userMenuProps.overrides);
   return /*#__PURE__*/React.createElement(StatefulPopover, {
     content: function content(_ref3) {
       var close = _ref3.close;

package/esm/aspect-ratio-box/aspect-ratio-box.js

@@ -49,9 +49,9 @@ var AspectRatioBox = function AspectRatioBox(_ref2) {
     }
   };
   var blockOverrides = mergeOverrides(aspectRatioBoxOverrides, overrides);
-  return /*#__PURE__*/React.createElement(Block // coerced to any because because of how react components are typed.
+  return /*#__PURE__*/React.createElement(Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     overrides: blockOverrides,

package/esm/block/block.js

@@ -107,7 +107,7 @@ function Block(_ref) {
 
   return /*#__PURE__*/React.createElement(BaseBlock // coerced to any because because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     $as: as,