@procore/core-react 10.20.0-rc.93 → 10.20.0

package/dist/typedoc/layouts/Box/Box.types.json

@@ -0,0 +1,742 @@
+{
+  "$BoxProps": {
+    "name": "$BoxProps",
+    "properties": [
+      {
+        "name": "$alignContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlignContent</a>",
+        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L171"
+      },
+      {
+        "name": "$alignItems",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L172"
+      },
+      {
+        "name": "$alignSelf",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L173"
+      },
+      {
+        "name": "$as",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">&quot;li&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ol&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ul&quot;</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;li&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ol&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ul&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L170"
+      },
+      {
+        "name": "$bgColor",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">Color</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Color</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L174"
+      },
+      {
+        "name": "$display",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">Display</a>",
+        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">DeprecatedDisplay</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;block&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline-block&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline-flex&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L175"
+      },
+      {
+        "name": "$flex",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L176"
+      },
+      {
+        "name": "$flexBasis",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L177"
+      },
+      {
+        "name": "$flexDirection",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexDirection</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;column&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;column-reverse&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;row&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;row-reverse&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L178"
+      },
+      {
+        "name": "$flexGrow",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L179"
+      },
+      {
+        "name": "$flexShrink",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L180"
+      },
+      {
+        "name": "$flexWrap",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexWrap</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;nowrap&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;wrap-reverse&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;wrap&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L181"
+      },
+      {
+        "name": "$height",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L182"
+      },
+      {
+        "name": "$justifyContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-around&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-between&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-evenly&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L183"
+      },
+      {
+        "name": "$margin",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L184"
+      },
+      {
+        "name": "$marginBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L185"
+      },
+      {
+        "name": "$marginLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L186"
+      },
+      {
+        "name": "$marginRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L187"
+      },
+      {
+        "name": "$marginTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L188"
+      },
+      {
+        "name": "$minHeight",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L189"
+      },
+      {
+        "name": "$minWidth",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L190"
+      },
+      {
+        "name": "$order",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L191"
+      },
+      {
+        "name": "$padding",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L192"
+      },
+      {
+        "name": "$paddingBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L193"
+      },
+      {
+        "name": "$paddingLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L194"
+      },
+      {
+        "name": "$paddingRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L195"
+      },
+      {
+        "name": "$paddingTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L196"
+      },
+      {
+        "name": "$textAlign",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">TextAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;left&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;right&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L197"
+      },
+      {
+        "name": "$width",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L198"
+      }
+    ],
+    "description": ""
+  },
+  "BoxProps": {
+    "name": "BoxProps",
+    "properties": [
+      {
+        "name": "alignContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlignContent</a>",
+        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L83"
+      },
+      {
+        "name": "alignItems",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L84"
+      },
+      {
+        "name": "alignSelf",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L85"
+      },
+      {
+        "name": "as",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">&quot;li&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ol&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ul&quot;</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;li&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ol&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;ul&quot;</span>",
+        "description": "Render semantic HTML tags with browser reset and normalize CSS",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Render semantic HTML tags with browser reset and normalize CSS</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L128"
+      },
+      {
+        "name": "children",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">ReactNode</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ReactNode</span>",
+        "description": "Instead of using the default children, you can pass in your own.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/utils/types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/utils/types.ts#L40"
+      },
+      {
+        "name": "className",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "Additional classNames",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/utils/types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/utils/types.ts#L45"
+      },
+      {
+        "name": "display",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">Display</a>",
+        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">DeprecatedDisplay</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;block&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline-block&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;inline-flex&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L129"
+      },
+      {
+        "name": "flex",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "Alias to the `flex` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>flex</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L134"
+      },
+      {
+        "name": "flexBasis",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "Alias to the `basis` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>basis</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L139"
+      },
+      {
+        "name": "flexDirection",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexDirection</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;column&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;column-reverse&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;row&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;row-reverse&quot;</span>",
+        "description": "Alias to the `direction` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>direction</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L144"
+      },
+      {
+        "name": "flexGrow",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "Alias to the `grow` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>grow</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L149"
+      },
+      {
+        "name": "flexShrink",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">number</span>",
+        "description": "Alias to the `shrink` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>shrink</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L154"
+      },
+      {
+        "name": "flexWrap",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexWrap</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;nowrap&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;wrap-reverse&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;wrap&quot;</span>",
+        "description": "Alias to the `wrap` property on a flexbox child.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>wrap</code> property on a flexbox child.</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L159"
+      },
+      {
+        "name": "justifyContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-around&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-between&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-evenly&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L86"
+      },
+      {
+        "name": "margin",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L67"
+      },
+      {
+        "name": "marginBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L68"
+      },
+      {
+        "name": "marginLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L69"
+      },
+      {
+        "name": "marginRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L70"
+      },
+      {
+        "name": "marginTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L71"
+      },
+      {
+        "name": "order",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">number</span>",
+        "description": "Alias to the `order` property on a flexbox child",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Alias to the <code>order</code> property on a flexbox child</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L164"
+      },
+      {
+        "name": "padding",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L75"
+      },
+      {
+        "name": "paddingBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L76"
+      },
+      {
+        "name": "paddingLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L77"
+      },
+      {
+        "name": "paddingRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L78"
+      },
+      {
+        "name": "paddingTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L79"
+      },
+      {
+        "name": "style",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">CSSProperties</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">CSSProperties</span>",
+        "description": "Additional CSS styles",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
+        "sourceFile": "packages/core-react/src/utils/types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/utils/types.ts#L50"
+      },
+      {
+        "name": "tabIndex",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">number</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">number</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L165"
+      },
+      {
+        "name": "textAlign",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">TextAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;left&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;right&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L166"
+      }
+    ],
+    "description": ""
+  },
+  "FlexOptions": {
+    "name": "FlexOptions",
+    "properties": [
+      {
+        "name": "alignContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlignContent</a>",
+        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L83"
+      },
+      {
+        "name": "alignItems",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L84"
+      },
+      {
+        "name": "alignSelf",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexAlign</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;baseline&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;stretch&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L85"
+      },
+      {
+        "name": "justifyContent",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">FlexJustify</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">&quot;center&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-end&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;flex-start&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;normal&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-around&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-between&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;space-evenly&quot;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L86"
+      }
+    ],
+    "description": ""
+  },
+  "MarginOptions": {
+    "name": "MarginOptions",
+    "properties": [
+      {
+        "name": "margin",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L67"
+      },
+      {
+        "name": "marginBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L68"
+      },
+      {
+        "name": "marginLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L69"
+      },
+      {
+        "name": "marginRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L70"
+      },
+      {
+        "name": "marginTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">MarginSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;auto&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L71"
+      }
+    ],
+    "description": ""
+  },
+  "PaddingOptions": {
+    "name": "PaddingOptions",
+    "properties": [
+      {
+        "name": "padding",
+        "required": false,
+        "type": "<span class=\"tsd-signature-type\">string</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L75"
+      },
+      {
+        "name": "paddingBottom",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L76"
+      },
+      {
+        "name": "paddingLeft",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L77"
+      },
+      {
+        "name": "paddingRight",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L78"
+      },
+      {
+        "name": "paddingTop",
+        "required": false,
+        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">PaddingSize</a>",
+        "typeDetail": "<span class=\"tsd-signature-type\">Extract</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">Size</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">&quot;none&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xs&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xxl&quot;</span><span class=\"tsd-signature-symbol\">&gt;</span>",
+        "description": "",
+        "descriptionHtml": "",
+        "sourceFile": "packages/core-react/src/layouts/Box/Box.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/4be00958e/packages/core-react/src/layouts/Box/Box.types.ts#L79"
+      }
+    ],
+    "description": ""
+  }
+}