diff --git a/pull/338/109-74b35db7a24888e9d788.js b/pull/338/109-74b35db7a24888e9d788.js
new file mode 100644
index 000000000..ad27eea4f
--- /dev/null
+++ b/pull/338/109-74b35db7a24888e9d788.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[109],{70109:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var r=t(87462),a=t(44925),s=(t(67294),t(81254)),o=["components"],p={},c="wrapper";function l(e){var n=e.components,t=(0,a.Z)(e,o);return(0,s.mdx)(c,(0,r.Z)({},p,t,{components:n,mdxType:"MDXLayout"}),(0,s.mdx)("h1",{id:"jsx"},"jsx"),(0,s.mdx)("pre",null,(0,s.mdx)("code",{parentName:"pre",className:"language-jsx"},"var ExampleApplication = React.createClass({\n render: function() {\n var elapsed = Math.round(this.props.elapsed / 100);\n var seconds = elapsed / 10 + (elapsed % 10 ? '' : '.0' );\n var message =\n 'React has been successfully running for ' + seconds + ' seconds.';\n\n return
{message}
;\n }\n });\n var start = new Date().getTime();\n setInterval(function() {\n React.render(\n ,\n document.getElementById('container')\n );\n }, 50);\n")))}l.isMDXComponent=!0},87462:(e,n,t)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;nr})},44925:(e,n,t)=>{function r(e,n){if(null==e)return{};var t,r,a=function(e,n){if(null==e)return{};var t,r,a={},s=Object.keys(e);for(r=0;r=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t.d(n,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/338/1104-b6b560dffd3842f92625.js b/pull/338/1104-b6b560dffd3842f92625.js
new file mode 100644
index 000000000..89b048fc0
--- /dev/null
+++ b/pull/338/1104-b6b560dffd3842f92625.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1104],{68970:(n,e,t)=>{t.r(e),t.d(e,{default:()=>i});var r=t(87462),o=t(44925),l=(t(67294),t(81254)),a=["components"],u={},s="wrapper";function i(n){var e=n.components,t=(0,o.Z)(n,a);return(0,l.mdx)(s,(0,r.Z)({},u,t,{components:e,mdxType:"MDXLayout"}),(0,l.mdx)("p",null,"You can also use raw HTML in your Markdown, and it'll mostly work pretty well."),(0,l.mdx)("dl",null,(0,l.mdx)("dt",null,"Definition list"),(0,l.mdx)("dd",null,"Is something people use sometimes."),(0,l.mdx)("dt",null,"Markdown in HTML"),(0,l.mdx)("dd",null,"Does *not* work **very** well. Use HTML ",(0,l.mdx)("em",null,"tags"),".")))}i.isMDXComponent=!0},87462:(n,e,t)=>{function r(){return r=Object.assign?Object.assign.bind():function(n){for(var e=1;er})},44925:(n,e,t)=>{function r(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},l=Object.keys(n);for(r=0;r=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(n);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}t.d(e,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/338/1183-5e450868c41ef817d0a4.js b/pull/338/1183-5e450868c41ef817d0a4.js
new file mode 100644
index 000000000..b392b31ff
--- /dev/null
+++ b/pull/338/1183-5e450868c41ef817d0a4.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1183],{71183:(n,e,r)=>{r.r(e),r.d(e,{default:()=>s});var t=r(87462),o=r(44925),a=(r(67294),r(81254)),i=["components"],p={},l="wrapper";function s(n){var e=n.components,r=(0,o.Z)(n,i);return(0,a.mdx)(l,(0,t.Z)({},p,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"scss"},"scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},'@import "compass/reset";\n\n// variables\n$colorGreen: #008000;\n$colorGreenDark: darken($colorGreen, 10);\n\ndiv,\n.navbar,\n#header,\ninput[type="input"] {\n font-family: "Helvetica Neue", Arial, sans-serif;\n width: auto;\n margin: 0 auto;\n display: block;\n &:hover { color: $colorGreenDark; }\n .home {\n background: url(\'http://placehold.it/20\') scroll no-repeat 0 0;\n }\n padding: {\n left: 5px; right: 5px;\n }\n}\n\n@for $i from 1 through 5 {\n .span#{$i} {\n width: 20px*$i;\n }\n}\n\n@mixin mobile {\n @media screen and (max-width : 600px) {\n @content;\n }\n}\n')))}s.isMDXComponent=!0},87462:(n,e,r)=>{function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;et})},44925:(n,e,r)=>{function t(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}r.d(e,{Z:()=>t})}}]);
\ No newline at end of file
diff --git a/pull/338/1215-1267115599a811c44012.js b/pull/338/1215-1267115599a811c44012.js
new file mode 100644
index 000000000..462e755ed
--- /dev/null
+++ b/pull/338/1215-1267115599a811c44012.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1215],{15534:(n,e,r)=>{r.d(e,{Z:()=>l});var t=r(87462),o=r(44925),p=(r(67294),r(81254)),a=["components"],i={},c="wrapper";function l(n){var e=n.components,r=(0,o.Z)(n,a);return(0,p.mdx)(c,(0,t.Z)({},i,r,{components:e,mdxType:"MDXLayout"}),(0,p.mdx)("h1",{id:"filler"},"Filler"))}l.isMDXComponent=!0},11215:(n,e,r)=>{r.r(e),r.d(e,{default:()=>u});var t=r(87462),o=r(44925),p=(r(67294),r(81254)),a=r(15534),i=["components"],c={},l="wrapper";function u(n){var e=n.components,r=(0,o.Z)(n,i);return(0,p.mdx)(l,(0,t.Z)({},c,r,{components:e,mdxType:"MDXLayout"}),(0,p.mdx)(a.Z,{mdxType:"Filler"}))}u.isMDXComponent=!0},87462:(n,e,r)=>{function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;et})},44925:(n,e,r)=>{function t(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},p=Object.keys(n);for(t=0;t=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var p=Object.getOwnPropertySymbols(n);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}r.d(e,{Z:()=>t})}}]);
\ No newline at end of file
diff --git a/pull/338/13e30f227d2d7c11cdb2385b7913b0c1.gif b/pull/338/13e30f227d2d7c11cdb2385b7913b0c1.gif
new file mode 100644
index 000000000..97d2089a6
Binary files /dev/null and b/pull/338/13e30f227d2d7c11cdb2385b7913b0c1.gif differ
diff --git a/pull/338/1410-c83ede2bfe88a2b04489.js b/pull/338/1410-c83ede2bfe88a2b04489.js
new file mode 100644
index 000000000..5e05c7d9d
--- /dev/null
+++ b/pull/338/1410-c83ede2bfe88a2b04489.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1410],{15534:(n,e,r)=>{r.d(e,{Z:()=>l});var t=r(87462),o=r(44925),p=(r(67294),r(81254)),a=["components"],i={},c="wrapper";function l(n){var e=n.components,r=(0,o.Z)(n,a);return(0,p.mdx)(c,(0,t.Z)({},i,r,{components:e,mdxType:"MDXLayout"}),(0,p.mdx)("h1",{id:"filler"},"Filler"))}l.isMDXComponent=!0},11410:(n,e,r)=>{r.r(e),r.d(e,{default:()=>u});var t=r(87462),o=r(44925),p=(r(67294),r(81254)),a=r(15534),i=["components"],c={},l="wrapper";function u(n){var e=n.components,r=(0,o.Z)(n,i);return(0,p.mdx)(l,(0,t.Z)({},c,r,{components:e,mdxType:"MDXLayout"}),(0,p.mdx)(a.Z,{mdxType:"Filler"}))}u.isMDXComponent=!0},87462:(n,e,r)=>{function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;et})},44925:(n,e,r)=>{function t(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},p=Object.keys(n);for(t=0;t=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var p=Object.getOwnPropertySymbols(n);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}r.d(e,{Z:()=>t})}}]);
\ No newline at end of file
diff --git a/pull/338/147-f6fd3c87d506e3493b38.js b/pull/338/147-f6fd3c87d506e3493b38.js
new file mode 100644
index 000000000..b9bd148b4
--- /dev/null
+++ b/pull/338/147-f6fd3c87d506e3493b38.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[147],{40457:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=n(a(96572))},50147:(e,t,a)=>{var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(27424)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}n.default=e,a&&a.set(e,n);return n}(a(67294)),o=n(a(45697)),u=a(48720),f=a(97132),c=n(a(40457)),p=n(a(10557)),d=n(a(77797));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}var g=function(e){var t=e.title,a=(0,i.useState)(!1),n=(0,r.default)(a,2),l=n[0],o=n[1];return i.default.createElement("div",null,i.default.createElement("p",null,t),i.default.createElement("p",null,"Toggle pending action:"," ",i.default.createElement("button",{id:"pending-action-toggle",type:"button",onClick:function(){o(!l)}},l?"Disable":"Enable")),l?i.default.createElement(d.default,{description:"Testing ApplicationNavigation's navigation prompt handling"}):void 0)};g.propTypes={title:o.default.string};var v=function(){var e=(0,f.useIntl)(),t=i.default.useContext(u.ThemeContext),a=(0,i.useState)("page_1"),n=(0,r.default)(a,2),l=n[0],o=n[1],d=(0,i.useState)(!1),s=(0,r.default)(d,2),v=s[0],m=s[1];return i.default.createElement("div",{style:{height:"500px"}},i.default.createElement(c.default,{locale:e.locale,themeName:t.className},v?i.default.createElement("p",null,"Logged Out"):i.default.createElement(p.default,{titleConfig:{title:"ApplicationNavigation Disabled Prompts Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){o(e)},onSelectLogout:function(){m(!0)},disablePromptsForLogout:!0,disablePromptsForNavigationItems:!0},i.default.createElement(g,{key:l,title:l}))))};t.default=v}}]);
\ No newline at end of file
diff --git a/pull/338/1503-29fc31ee1eb1a7634d5b.js b/pull/338/1503-29fc31ee1eb1a7634d5b.js
new file mode 100644
index 000000000..779c9cd70
--- /dev/null
+++ b/pull/338/1503-29fc31ee1eb1a7634d5b.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1503],{31503:(e,n,r)=>{r.r(n),r.d(n,{default:()=>u});var t=r(87462),o=r(44925),a=(r(67294),r(81254)),d=["components"],p={},i="wrapper";function u(e){var n=e.components,r=(0,o.Z)(e,d);return(0,a.mdx)(i,(0,t.Z)({},p,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"v200-upgrade-guide"},"v2.0.0 Upgrade Guide"),(0,a.mdx)("p",null,"This document will provide information on upgrading from Terra Dev Site ",(0,a.mdx)("inlineCode",{parentName:"p"},"^1.0.0")," to ",(0,a.mdx)("inlineCode",{parentName:"p"},"2.0.0"),"."),(0,a.mdx)("h2",{id:"dependency-updates"},"Dependency updates"),(0,a.mdx)("p",null,"Terra Dev Site was updated to use terra-toolkit ",(0,a.mdx)("inlineCode",{parentName:"p"},"v4"),". Also, terra-toolkit was changed from a dependency to a peer dependency."),(0,a.mdx)("p",null,"Reference ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/blob/main/docs/guides/UpgradeGuide-v4.0.0.md"},"terra-toolkit's v4 upgrade guide")," for changes needed to consume this Terra Dev Site upgrade."))}u.isMDXComponent=!0},87462:(e,n,r)=>{function t(){return t=Object.assign?Object.assign.bind():function(e){for(var n=1;nt})},44925:(e,n,r)=>{function t(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}r.d(n,{Z:()=>t})}}]);
\ No newline at end of file
diff --git a/pull/338/1541-feb4e92971472719e097.css b/pull/338/1541-feb4e92971472719e097.css
new file mode 100644
index 000000000..7833f7a5e
--- /dev/null
+++ b/pull/338/1541-feb4e92971472719e097.css
@@ -0,0 +1,2 @@
+.ExampleComponent-module__clinical-lowlight-theme___FnE-\+{--terra-application-example-component-background-color: rgb(34, 42, 46);--terra-application-example-component-color: rgb(178, 181, 182);--terra-application-example-component-font-size: 1rem}.ExampleComponent-module__orion-fusion-theme___o6Evx{--terra-application-example-component-background-color: #f6f8fa;--terra-application-example-component-color: rgb(36, 41, 46);--terra-application-example-component-font-size: 2rem}.ExampleComponent-module__example-component___u95Ev{color:inherit;color:var(--terra-application-example-component-color, inherit);font-size:1rem;font-size:var(--terra-application-example-component-font-size, 1rem)}[dir] .ExampleComponent-module__example-component___u95Ev{background-color:#fff;background-color:var(--terra-application-example-component-background-color, #fff)}
+.ExampleTemplate-module__clinical-lowlight-theme___FATtk{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___s6uZH{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___ffP6g{overflow:hidden}[dir] .ExampleTemplate-module__template___ffP6g{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___vIWDI{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___rbhnH{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___\+FEIq{padding-bottom:.625rem}.ExampleTemplate-module__footer___D7QJv{overflow:hidden}[dir] .ExampleTemplate-module__footer___D7QJv{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___3zfGj{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___i6lpu,.ExampleTemplate-module__code___-yR3s{height:100%}[dir] .ExampleTemplate-module__css___i6lpu, [dir] .ExampleTemplate-module__code___-yR3s{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___DsZuN,.ExampleTemplate-module__code-toggle___3pWSV{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___DsZuN, [dir] .ExampleTemplate-module__code-toggle___3pWSV{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___DsZuN.ExampleTemplate-module__is-selected___UZtM1,.ExampleTemplate-module__code-toggle___3pWSV.ExampleTemplate-module__is-selected___UZtM1{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___DsZuN.ExampleTemplate-module__is-selected___UZtM1, [dir] .ExampleTemplate-module__code-toggle___3pWSV.ExampleTemplate-module__is-selected___UZtM1{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___DsZuN:hover, [dir] .ExampleTemplate-module__code-toggle___3pWSV:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___DsZuN:hover.ExampleTemplate-module__is-selected___UZtM1, [dir] .ExampleTemplate-module__code-toggle___3pWSV:hover.ExampleTemplate-module__is-selected___UZtM1{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___56MkH[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___ljb6a{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___GjcWJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___GjcWJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___SslvG{background-color:rgba(0,0,0,0)}
diff --git a/pull/338/1541-feb4e92971472719e097.js b/pull/338/1541-feb4e92971472719e097.js
new file mode 100644
index 000000000..81b3c5b10
--- /dev/null
+++ b/pull/338/1541-feb4e92971472719e097.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1541],{61541:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var a=n(87462),o=n(44925),l=n(67294),m=n(81254),r=n(44514),i=["components"],s={};function p(e){var t=e.components,n=(0,o.Z)(e,i);return(0,m.mdx)("wrapper",(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ExampleComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n\nexport default ExampleComponent;\n\n")))}p.isMDXComponent=!0;var c=n(82778),d=["components"],u={},h="wrapper";function f(e){var t=e.components,n=(0,o.Z)(e,d);return(0,m.mdx)(h,(0,a.Z)({},u,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// Import each theme.\n@import './clinical-lowlight-theme/ExampleComponent.module';\n@import './orion-fusion-theme/ExampleComponent.module';\n\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n\n")))}f.isMDXComponent=!0;const x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.Z,{title:t||"Example Component",description:n,example:l.createElement(r.Z,null),exampleCssSrc:l.createElement(f,null),exampleSrc:l.createElement(p,null),isExpanded:a})};var g=["components"],b={},v="wrapper";function _(e){var t=e.components,n=(0,o.Z)(e,g);return(0,m.mdx)(v,(0,a.Z)({},b,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .clinical-lowlight-theme {\n --terra-application-example-component-background-color: rgb(34, 42, 46);\n --terra-application-example-component-color: rgb(178, 181, 182);\n --terra-application-example-component-font-size: 1rem;\n }\n}\n\n")))}_.isMDXComponent=!0;var y=["components"],T={},C="wrapper";function E(e){var t=e.components,n=(0,o.Z)(e,y);return(0,m.mdx)(C,(0,a.Z)({},T,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-application-example-component-background-color: #f6f8fa;\n --terra-application-example-component-color: rgb(36, 41, 46);\n --terra-application-example-component-font-size: 2rem;\n }\n}\n\n")))}E.isMDXComponent=!0;var N=["components"],w={},S="wrapper";function k(e){var t=e.components,n=(0,o.Z)(e,N);return(0,m.mdx)(S,(0,a.Z)({},w,n,{components:t,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"theming-guide"},"Theming Guide"),(0,m.mdx)("p",null,"Welcome to the Terra theming strategy guide. This guide will walk through the recommended approach for theming custom components."),(0,m.mdx)("h2",{id:"summary"},"Summary"),(0,m.mdx)("p",null,"Terra provides a default, clinical-lowlight-theme, and orion-fusion-theme. This guide is for theming custom components. Custom components are any non Terra-UI component created by teams that need to be integrated into an application using a supported Terra theme. Teams should not create new themes or theme Terra components."),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("p",null,"This guide will walk through theming an example component. The example component is using the base component from terra-application to provide an API for interacting with the theme."),(0,m.mdx)("h2",{id:"theme-context"},"Theme Context"),(0,m.mdx)("p",null,"An application's theme is provided through ",(0,m.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/context.html"},"React context")," by a theme provider. ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/application/terra-application/components/application-base"},"Application Base")," initializes a theme provider automatically. The theme value is accessed using the ",(0,m.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/application/terra-application/contexts/theme-context"},"theme context")," from terra-application."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n")),(0,m.mdx)("p",null,"Use the theme context to read the active theme value."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ThemeContext } from 'terra-application/lib/theme';\n\nconst ExampleComponent = () => {\n // Access the active theme context value.\n const theme = React.useContext(ThemeContext);\n};\n")),(0,m.mdx)("p",null,"The active theme's class name is stored in a ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key in the context value. To apply the theme, bind the className to the component using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/JedWatson/classnames#alternate-bind-version-for-css-modules"},"classnames/bind"),". Some additional documentation for CSS Modules and classNames can be found on the ",(0,m.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/contributing/conventions"},"conventions page"),". Please note that generally an empty or undefined className indicates the default theme is active. The ",(0,m.mdx)("inlineCode",{parentName:"p"},"className")," key maps directly to the anticipated theme css class name. Using the correct theme className is required."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { ThemeContext } from 'terra-application/lib/theme';\nimport styles from './ThemedComponent.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ExampleComponent = () => {\n const theme = React.useContext(ThemeContext);\n\n return (\n
\n This is an example component.\n
\n );\n};\n")),(0,m.mdx)("h2",{id:"scss"},"SCSS"),(0,m.mdx)("p",null,"Once the theme className has been bound, the component can be appropriately themed. Start by defining the variables for the CSS properties that are expected to change between themes. SCSS variables are defined using ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/--*"},"custom properties"),". These values should utilize the SCSS ",(0,m.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/var"},"var()")," functionality. The var() function works by applying a variable if the value has been set. If no value has been set the default value is used."),(0,m.mdx)("h3",{id:"examplecomponentmodulescss"},"ExampleComponent.module.scss"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-scss"},"// The values in this file represent the default theme. The default theme is applied using the default values in the var() function.\n:local {\n .example-component {\n background-color: var(--terra-application-example-component-background-color, #fff);\n color: var(--terra-application-example-component-color, inherit);\n font-size: var(--terra-application-example-component-font-size, 1rem);\n }\n}\n")),(0,m.mdx)("p",null,"To add themes, create new files for each theme and include them in the original SCSS file. Theme are regular SCSS files that define variables to be applied when the theme becomes active. Themes must be locally scoped and must use a supported theme class name. It is recommended to define all available theme variables for each theme. If the component, example component in this case, defines three themable variables, all three variables should be assigned a value in each of the created theme files. This ensures a more robust theme."),(0,m.mdx)("h3",{id:"orion-fusion-themeexamplecomponentmodulescss"},"orion-fusion-theme/ExampleComponent.module.scss"),(0,m.mdx)(E,{mdxType:"OrionFusionThemeSCSS"}),(0,m.mdx)("h3",{id:"clinical-lowlight-themeexamplecomponentmodulescss"},"clinical-lowlight-theme/ExampleComponent.module.scss"),(0,m.mdx)(_,{mdxType:"ClinicalLowLightSCSS"}),(0,m.mdx)("p",null,"Include the new theme files in the original SCSS file."),(0,m.mdx)(f,{mdxType:"ExampleComponentSCSS"}),(0,m.mdx)("p",null,"The recommended file structure looks like this:"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre"},".\n├── example-component\n│ ├── ExampleComponent.jsx\n│ ├── ExampleComponent.module.scss\n│ ├── clinical-lowlight-theme\n│ │ └── ExampleComponent.module.scss\n│ └── orion-fusion-theme\n│ └── ExampleComponent.module.scss\n")),(0,m.mdx)("h2",{id:"webpack"},"Webpack"),(0,m.mdx)("p",null,"To enable themes a ",(0,m.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," configuration file must be defined. This file is read by the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/config/webpack/postcss"},"terra-toolkit postcss loader")," to apply default themes. The loader runs automatically for webpack configurations using ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/blob/main/config/webpack/webpack.config.js"},"terra-toolkit's webpack config"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme to be enabled on page load.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes. Note: Scoped themes do not work in IE 10.\n};\n\nmodule.exports = themeConfig;\n")),(0,m.mdx)("h2",{id:"example"},"Example"),(0,m.mdx)("p",null,"Toggle the theme from the dropdown at the top of the page to see changes."),(0,m.mdx)(x,{isExpanded:!0,mdxType:"ExampleComponent"}),(0,m.mdx)("h2",{id:"testing"},"Testing"),(0,m.mdx)("p",null,"Applications can opt into running WDIO tests against multiple themes."),(0,m.mdx)("p",null,"Themes testing can be enabled via the CLI using ",(0,m.mdx)("inlineCode",{parentName:"p"},"--themes"),"."),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-json"},"{\n \"test:wdio\": \"npm run pack; tt-wdio --config ./wdio.conf.js --locales ['en','es'] --themes ['orion-fusion-theme']; rm -rf ./build\"\n}\n")),(0,m.mdx)("p",null,"See the ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/tree/main/scripts/wdio#terra-toolkit-wdio-helpers"},"WDIO documentation")," for additional configuration options."),(0,m.mdx)("h2",{id:"faq"},"FAQ"),(0,m.mdx)("h3",{id:"are-terra-theme-variables-reusable"},"Are Terra Theme Variables Reusable?"),(0,m.mdx)("p",null,"No, theme variables are considered private and should never be used by consuming applications. Do not use Terra theme variables in custom CSS."),(0,m.mdx)("h3",{id:"is-it-okay-to-override-terra-component-styles"},"Is It Okay To Override Terra Component Styles?"),(0,m.mdx)("p",null,"It is not recommended to override Terra component styles. The exceptions are layout and positioning concerns such as width or margins."),(0,m.mdx)("h3",{id:"do-i-have-to-use-terra-toolkits-webpack-configuration"},"Do I Have To Use Terra Toolkit's Webpack Configuration?"),(0,m.mdx)("p",null,"It is highly recommended that teams use the terra-toolkit webpack configuration to ensure the appropriate loaders are used."),(0,m.mdx)("h3",{id:"can-i-use-multiple-themes-providers-at-once"},"Can I Use Multiple Themes Providers At Once?"),(0,m.mdx)("p",null,"Technically yes, officially no. Multiple themes will apply all CSS styles for all themes to the root element. This will result in style collisions, specifically the base font-size themes depend on. An incorrect font-size will impact all rem based CSS (padding, margins, line-heights, etc...). The theme context supports a single theme in context at a time."),(0,m.mdx)("h3",{id:"can-i-create-an-entirely-new-theme"},"Can I Create An Entirely New Theme?"),(0,m.mdx)("p",null,"No, the internal implementation of Terra components is considered private and changes frequently. All Terra component theme variables must be maintained by the Terra team."))}k.isMDXComponent=!0},44514:(e,t,n)=>{var a=n(64836);t.Z=void 0;var o=a(n(67294)),l=a(n(47166)),m=n(48720),r=a(n(90872)),i=l.default.bind(r.default),s=function(){var e=o.default.useContext(m.ThemeContext);return o.default.createElement("div",{className:i("example-component",e.className)},"This is an example component.")};t.Z=s},82778:(e,t,n)=>{var a=n(64836),o=n(18698);t.Z=void 0;var l=a(n(27424)),m=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==o(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var m in e)if("default"!==m&&Object.prototype.hasOwnProperty.call(e,m)){var r=l?Object.getOwnPropertyDescriptor(e,m):null;r&&(r.get||r.set)?Object.defineProperty(a,m,r):a[m]=e[m]}a.default=e,n&&n.set(e,a);return a}(n(67294)),r=a(n(45697)),i=a(n(47166)),s=n(48720),p=a(n(33864)),c=a(n(23399)),d=n(51051),u=a(n(95507));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var f=i.default.bind(u.default),x={example:r.default.element,exampleSrc:r.default.element,exampleCssSrc:r.default.element,title:r.default.string,description:r.default.node,isExpanded:r.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,r=e.description,i=e.isExpanded,u=(0,m.useState)(i),h=(0,l.default)(u,2),x=h[0],v=h[1],_=(0,m.useState)(!1),y=(0,l.default)(_,2),T=y[0],C=y[1],E=m.default.useContext(s.ThemeContext),N=void 0!==a,w=function(){C(!T),x&&v(!x)},S=function(){v(!x),T&&C(!T)},k=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return m.default.createElement("div",{className:f("template",E.className)},m.default.createElement("div",{className:f("header")},o&&m.default.createElement("h2",{className:f("title")},o)),m.default.createElement("div",{className:f("content")},r&&m.default.createElement("div",{className:f("description")},r),t),m.default.createElement("div",{className:f("footer")},n?m.default.createElement("div",{className:f("button-container")},N&&m.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":T}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"CSS"),m.default.createElement(c.default,{className:f("chevron")})),m.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":x}),onClick:S,onKeyDown:function(e){return k(e,S)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},m.default.createElement(p.default,{className:f("chevron")}),m.default.createElement("span",null,"Code"),m.default.createElement(c.default,{className:f("chevron")}))):null,m.default.createElement("div",null,T&&m.default.createElement("div",{className:f("css")},a),x&&m.default.createElement("div",{className:f("code")},n))))};v.propTypes=x,v.defaultProps={isExpanded:!1};var _=v;t.Z=_},90872:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleComponent-module__clinical-lowlight-theme___FnE-+","orion-fusion-theme":"ExampleComponent-module__orion-fusion-theme___o6Evx","example-component":"ExampleComponent-module__example-component___u95Ev"}},95507:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___FATtk","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___s6uZH",template:"ExampleTemplate-module__template___ffP6g",header:"ExampleTemplate-module__header___vIWDI",content:"ExampleTemplate-module__content___rbhnH",description:"ExampleTemplate-module__description___+FEIq",footer:"ExampleTemplate-module__footer___D7QJv","button-container":"ExampleTemplate-module__button-container___3zfGj",css:"ExampleTemplate-module__css___i6lpu",code:"ExampleTemplate-module__code___-yR3s","css-toggle":"ExampleTemplate-module__css-toggle___DsZuN","code-toggle":"ExampleTemplate-module__code-toggle___3pWSV","is-selected":"ExampleTemplate-module__is-selected___UZtM1",item:"ExampleTemplate-module__item___56MkH",chevron:"ExampleTemplate-module__chevron___ljb6a",title:"ExampleTemplate-module__title___GjcWJ","dynamic-content":"ExampleTemplate-module__dynamic-content___SslvG"}},33864:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(67294)),o=l(n(99139));function l(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,o=function(e,t){if(null==e)return{};var n,a,o={},l=Object.keys(e);for(a=0;a=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/338/1582-9343de85550915ecb1fe.js b/pull/338/1582-9343de85550915ecb1fe.js
new file mode 100644
index 000000000..ced82a393
--- /dev/null
+++ b/pull/338/1582-9343de85550915ecb1fe.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1582],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(67294)),l=c(n(45697)),r=c(n(47166)),o=c(n(50026)),u=c(n(66983)),i=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _=r.default.bind(u.default),f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},p={children:l.default.string},h=function(e){var t=e.children,n=s(e,i),l=a.default.useContext(o.default),u=(0,r.default)(_(["button",l.className]),n.className);return a.default.createElement("button",d({},n,{type:"button",className:u,onBlur:f,onMouseDown:m,"data-focus-styles-enabled":!0}),t)};h.propTypes=p;var b=h;t.default=b},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67294)),l=i(n(45697)),r=i(n(47166)),o=i(n(50026)),u=i(n(30866));function i(e){return e&&e.__esModule?e:{default:e}}var c=r.default.bind(u.default),d={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,r=a.default.useContext(o.default);return a.default.createElement("div",{className:c("notice",n,r.className)},a.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:c("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:c("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:c("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(l,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};s.propTypes=d,s.defaultProps={ariaLevel:"2",variant:"important"};var _=s;t.default=_},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),l=d(n(45697)),r=d(n(94184)),o=d(n(47166)),u=d(n(50026)),i=d(n(42620)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=o.default.bind(i.default),m={title:l.default.string},p=function(e){var t=e.title,n=_(e,c),l=a.default.useContext(u.default),o=(0,r.default)(f(["placeholder",l.className]),n.className),i=f(["inner"]);return a.default.createElement("div",s({},n,{className:o}),a.default.createElement("div",{className:i},a.default.createElement("p",{className:f("title")},t)))};p.propTypes=m,p.defaultProps={title:""};var h=p;t.default=h},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var a=o(n(59278)),l=o(n(47306)),r=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},31582:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(67294)),r=a(n(29564)),o=n(34261),u=l.default.createElement(o.Placeholder,{title:"Test Hero"}),i={name:"Test Name",initials:"TN",detail:"Test Detail"},c=function(){return l.default.createElement(r.default,{hero:u,userConfig:i})};t.default=c},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}}}]);
\ No newline at end of file
diff --git a/pull/338/1595-1ad412a31eeaace72094.css b/pull/338/1595-1ad412a31eeaace72094.css
new file mode 100644
index 000000000..1ffb0d26a
--- /dev/null
+++ b/pull/338/1595-1ad412a31eeaace72094.css
@@ -0,0 +1 @@
+.Badges-module__badge___mqZdQ{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___mqZdQ{margin-right:.5em}[dir=rtl] .Badges-module__badge___mqZdQ{margin-left:.5em}[dir] .Badges-module__badge-container___Fuva8{margin-bottom:.4em}[dir] .Badges-module__badge-name___o7WE3, [dir] .Badges-module__badge-version___4AQGw{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___o7WE3, [dir=ltr] .Badges-module__badge-version___4AQGw{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___o7WE3, [dir=rtl] .Badges-module__badge-version___4AQGw{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___o7WE3{background-color:#555}[dir=ltr] .Badges-module__badge-name___o7WE3{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___o7WE3{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___4AQGw{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___4AQGw{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___4AQGw{border-radius:3px 0 0 3px}
diff --git a/pull/338/1595-1ad412a31eeaace72094.js b/pull/338/1595-1ad412a31eeaace72094.js
new file mode 100644
index 000000000..3d1d24492
--- /dev/null
+++ b/pull/338/1595-1ad412a31eeaace72094.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1595],{40996:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(67294)),r=s(n(45697)),i=s(n(47166)),o=s(n(50026)),l=s(n(66983)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(l.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(p(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:l,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};g.propTypes=h;var v=g;t.default=v},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(67294)),r=d(n(45697)),i=d(n(47166)),o=d(n(50026)),l=d(n(30866));function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(l.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:s("notice",n,i.className)},a.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:s("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};var p=c;t.default=p},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(67294)),r=u(n(45697)),i=u(n(94184)),o=u(n(47166)),l=u(n(50026)),d=u(n(42620)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(d.default),f={title:r.default.string},h=function(e){var t=e.title,n=p(e,s),r=a.default.useContext(l.default),o=(0,i.default)(m(["placeholder",r.className]),n.className),d=m(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:m("title")},t)))};h.propTypes=f,h.defaultProps={title:""};var g=h;t.default=g},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(59278)),r=o(n(47306)),i=o(n(40996));function o(e){return e&&e.__esModule?e:{default:e}}},1595:(e,t,n)=>{n.r(t),n.d(t,{default:()=>c});var a=n(87462),r=n(44925),i=(n(67294),n(81254)),o=n(66722),l=n(34261),d=["components"],s={},u="wrapper";function c(e){var t=e.components,n=(0,r.Z)(e,d);return(0,i.mdx)(u,(0,a.Z)({},s,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"terradevsite"},"TerraDevSite"),(0,i.mdx)("p",null,"TerraDevSite is a webpack plugin for generating a documentation and testing site for content built with the terra application framework."),(0,i.mdx)("h2",{id:"installation"},"Installation"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install --save-dev @cerner/terra-dev-site\n")),(0,i.mdx)("h2",{id:"prerequisites"},"Prerequisites"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"node 10"),(0,i.mdx)("li",{parentName:"ul"},"babel 7.5"),(0,i.mdx)("li",{parentName:"ul"},"webpack 4/5"),(0,i.mdx)("li",{parentName:"ul"},"webpack config from either terra-toolkit or @cerner/webpack-config-terra")),(0,i.mdx)("h2",{id:"setting-up-webpack-config"},"Setting up webpack config"),(0,i.mdx)("p",null,"Below is an example webpack config that applies the TerraDevSite Plugin."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("h2",{id:"adding-content"},"Adding content"),(0,i.mdx)("p",null,"The TerraDevSite Plugin will search the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," folder for files with a defined content extension, typically ",(0,i.mdx)("inlineCode",{parentName:"p"},"test")," or ",(0,i.mdx)("inlineCode",{parentName:"p"},"doc"),". The default export from those files will be imported into the generated dev site and organized based on file structure."),(0,i.mdx)("h3",{id:"file-naming"},"File Naming"),(0,i.mdx)("p",null,"Files need to be named using the correct 'contentExtension' and file extension to be added to the site. This will allow you to add any additional files to support your examples and only have the specified files added as entries to the site. The file name pattern is:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"...\n")),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"filename - This is the name that will be added to the secondary navigation layout for the site. These are sorted alphabetically."),(0,i.mdx)("li",{parentName:"ul"},"group - (optional) This allows you to sort menu items. The group is sorted alphabetically before items without a group."),(0,i.mdx)("li",{parentName:"ul"},"contentExtension - This indicates which primary navigation item the content will be rendered under. The default pageTypes are ",(0,i.mdx)("inlineCode",{parentName:"li"},"home"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"doc"),", and ",(0,i.mdx)("inlineCode",{parentName:"li"},"test"),"."),(0,i.mdx)("li",{parentName:"ul"},"extension - .md and .mdx extensions are supported by default. Other extensions can be added by updating the projects webpack config by adding additional extensions to the resolve field.")),(0,i.mdx)("h3",{id:"directories"},"Directories"),(0,i.mdx)("p",null,"The directories within the entry point folder, TerraDevSite, will be translated into the menu structure. The one exception is if you have a 'contentExtension' directory inside the entry point folder, it will be ignored. This lets you group page types together without impacting your site."),(0,i.mdx)("h3",{id:"example"},"Example"),(0,i.mdx)("p",null,"Given a directory structure like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"src/\n terra-dev-site/\n doc/\n upgradeGuide.a.doc.md\n examples.c/\n supportingFile.js\n myGreatExample.doc.jsx\n example.b.doc.js\n test/\n testfile.test.js\n docInTestFolder.doc.js\n")),(0,i.mdx)("p",null,"The menu navigation result will be:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"-Components-\n Upgrade Guide\n Example\n Examples >\n My Great Example\n Test >\n Doc In Test Folder\n-Test-\n Testfile\n")),(0,i.mdx)("h2",{id:"url-generation"},"URL generation"),(0,i.mdx)("p",null,"Urls are generated with the following pattern:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"/////\n")),(0,i.mdx)("h2",{id:"path-based-routing-deployments"},"Path based routing deployments"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To support path based routing for gh-pages style deployments, you must supply an env variable, ",(0,i.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from.")),(0,i.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,i.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site"},"http://cerner.github.com/terra-dev-site"),". The environment variable should be set as follows."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,i.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,i.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,i.mdx)("h2",{id:"further-configuration"},"Further configuration:"),(0,i.mdx)("p",null,"TerraDevSite is built to work out of the box but it also provides many configuration options to allow you to customize your site."),(0,i.mdx)("p",null,"Check out our ",(0,i.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"configuration docs"),"."),(0,i.mdx)("h2",{id:"hot-reloading"},"Hot reloading"),(0,i.mdx)("p",null,"When building for development TerraDevSite will search for content in the defined ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder"),", src by default. Any imports that point to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"distributionFolder"),", 'lib' by default, will automatically be redirected to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"sourceFolder")," instead. Hot reloading watches for any changes in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," directory and will re generate the site."),(0,i.mdx)("p",null,"When building for production, hot reloading will be disabled."),(0,i.mdx)("p",null,"It is recommend that if a directory must be defined, imports should pull from the lib directory. With the exception of the props table loader which must pull from the source directory."),(0,i.mdx)("h2",{id:"auto-package-aliasing"},"Auto Package Aliasing"),(0,i.mdx)("p",null,"TerraDevSite will automatically alias the current directory as the package name, allowing examples to import files as if they were a consumer of the package. This results in examples that are representative of actual consumer implementations."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},"- import Component from '../../Component';\n+ import Component from 'PackageName/Component';\n")),(0,i.mdx)("h2",{id:"pulling-content-from-node-modules"},"Pulling content from node modules"),(0,i.mdx)("p",null,"TerraDevSite allows for distributed documentation to be pulled together in a single site. We use this extensively for our terra-ui doc site."),(0,i.mdx)("p",null,"To add additional search directories, simply provide the full path to the additional directories you'd like to search in the terra config using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"additionalSearchDirectories")," config option."),(0,i.mdx)("p",null,"For Example:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const path = require('path');\nconst terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n additionalSearchDirectories: [\n path.resolve(process.cwd(), 'node_modules', 'package name', 'lib', 'terra-dev-site'),\n ],\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)("p",null,"Additional Search Directories will not be hot reloaded."),(0,i.mdx)("h2",{id:"testing"},"Testing"),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"To Flex the locale with the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package, ",(0,i.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," must be passed to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of the WDIO test service and must be passed into the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,i.mdx)("h2",{id:"stacking-devsites"},"Stacking DevSites"),(0,i.mdx)("p",null,"TerraDevSites plugins can be stacked and will automatically add an application switcher to allow switching between dev sites.\nThis can be used to provide different default setups for TerraDevSites, for example an unauthenticated site that provides a link to an authenticated site."),(0,i.mdx)("p",null,"The webpack config would look like this:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\n/**\n* Generates the file representing app name configuration.\n*/\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n defaultLocale: env.defaultLocale,\n }),\n new TerraDevSite({\n pathPrefix: 'anotherSite',\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)(l.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"pathPrefix")," must be unique for all instances of the TerraDevSite Plugin as it is used in the url.")))}c.isMDXComponent=!0},66722:(e,t,n)=>{n.d(t,{C:()=>i});var a=n(67294),r=n(96862),i=function(e){var t=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-application/tree/main/packages/terra-dev-site",name:"@cerner/terra-dev-site",version:"8.1.0",url:t})}},96862:(e,t,n)=>{var a=n(64836);t.Z=void 0;var r=a(n(67294)),i=a(n(45697)),o=a(n(47166)),l=a(n(55138)),d=o.default.bind(l.default),s={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:d("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},r.default.createElement("span",{className:d("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:d("badge-version")},"v".concat(i))),l=t?r.default.createElement("a",{className:d("badge"),href:t},r.default.createElement("span",{className:d("badge-name")},"github"),r.default.createElement("span",{className:d("badge-version")},"source")):void 0;return r.default.createElement("div",{className:d("badge-container")},o,l)};u.propTypes=s;var c=u;t.Z=c},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},55138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={badge:"Badges-module__badge___mqZdQ","badge-container":"Badges-module__badge-container___Fuva8","badge-name":"Badges-module__badge-name___o7WE3","badge-version":"Badges-module__badge-version___4AQGw"}},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/338/1654-c75257c97742b1c83b55.js b/pull/338/1654-c75257c97742b1c83b55.js
new file mode 100644
index 000000000..e15c768a0
--- /dev/null
+++ b/pull/338/1654-c75257c97742b1c83b55.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1654],{71654:(e,n,t)=>{t.r(n),t.d(n,{default:()=>s});var a=t(87462),i=t(44925),r=(t(67294),t(81254)),d=["components"],l={},o="wrapper";function s(e){var n=e.components,t=(0,i.Z)(e,d);return(0,r.mdx)(o,(0,a.Z)({},l,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"v500-upgrade-guide"},"v5.0.0 Upgrade Guide"),(0,r.mdx)("p",null,"This document will provide information on upgrading from Terra Dev Site ",(0,r.mdx)("inlineCode",{parentName:"p"},"^4.x")," to ",(0,r.mdx)("inlineCode",{parentName:"p"},"5.0.0"),"."),(0,r.mdx)("h2",{id:"webpack-config"},"Webpack Config"),(0,r.mdx)("h3",{id:"aggregate-translations"},"Aggregate Translations"),(0,r.mdx)("p",null,"The default locales have been updated to use ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra-aggregate-translations"),"'s default locale list. This list no longer includes Arabic (ar) by default. If your application needs to use Arabic, add it to the list of locales supplied to the ",(0,r.mdx)("inlineCode",{parentName:"p"},"locales")," key in your ",(0,r.mdx)("inlineCode",{parentName:"p"},"terra.i18n.config"),":"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"module.exports = {\n- locales: ['en', 'en-US'],\n+ locales: ['ar', 'en', 'en-US'],\n};\n")),(0,r.mdx)("h2",{id:"wdio-config"},"Wdio Config"),(0,r.mdx)("p",null,"In the Terra Dev site ",(0,r.mdx)("inlineCode",{parentName:"p"},"v5")," the global refresh thats called in the ",(0,r.mdx)("inlineCode",{parentName:"p"},"before")," hook was removed. This refreshed slowed down test times and increased the flakiness of test run against a selenium grid because the current session is killed and a new session is requested. Refresh in tests should be used only when necessary. Some wdio test might need some clean up, but we discouraging fixing any test issues with adding the refresh in yourself."),(0,r.mdx)("p",null,"The most common example would be the following:"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre"},"- A test clicks a button. Something happens.\n- Next test, the screenshot breaks for changed button hover style.\n- Solution, move the mouse position after click, i.e. that test should clean itself up.\n")),(0,r.mdx)("h2",{id:"dependency-changes"},"Dependency Changes"),(0,r.mdx)("h3",{id:"added"},"Added"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-aggregate-translations ",(0,r.mdx)("inlineCode",{parentName:"li"},"v1"))),(0,r.mdx)("h3",{id:"changed"},"Changed"),(0,r.mdx)("p",null,"Reference ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-toolkit-boneyard/blob/main/docs/guides/UpgradeGuide-v4.0.0.md"},"terra-toolkit's v4 upgrade guide")," for changes needed to consume this Terra Dev Site upgrade."),(0,r.mdx)("p",null,"Terra dev site now requires peer dependencies on the following modules:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"terra-toolkit@5.0.0")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"webpack@4.28.1"))),(0,r.mdx)("h3",{id:"removed"},"Removed"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"babel-core"),(0,r.mdx)("li",{parentName:"ul"},"babel-cli"),(0,r.mdx)("li",{parentName:"ul"},"babel-loader"),(0,r.mdx)("li",{parentName:"ul"},"postcss"),(0,r.mdx)("li",{parentName:"ul"},"terra-navigation-layout"),(0,r.mdx)("li",{parentName:"ul"},"xfc")),(0,r.mdx)("h3",{id:"updated"},"Updated"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-toolkit ",(0,r.mdx)("inlineCode",{parentName:"li"},"v4")," -> ",(0,r.mdx)("inlineCode",{parentName:"li"},"v5")),(0,r.mdx)("li",{parentName:"ul"},"terra-application-layout ",(0,r.mdx)("inlineCode",{parentName:"li"},"v4")," -> ",(0,r.mdx)("inlineCode",{parentName:"li"},"v5"))),(0,r.mdx)("h2",{id:"theme-plugin"},"Theme plugin"),(0,r.mdx)("p",null,"This plugin no longer leveraged in our wepback config. Themes can now be aggregated by using terra-toolkit aggregate-themes pre-build script."),(0,r.mdx)("h2",{id:"removed-xfc-provider-initialization"},"Removed XFC Provider Initialization"),(0,r.mdx)("p",null,"The xfc dependency and xfc provider initialization has been removed from terra-dev-site. If you need to initialized a single xfc provider for you site, this can be done through the ",(0,r.mdx)("inlineCode",{parentName:"p"},"sideEffectImports")," in the site.config.js."))}s.isMDXComponent=!0},87462:(e,n,t)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;na})},44925:(e,n,t)=>{function a(e,n){if(null==e)return{};var t,a,i=function(e,n){if(null==e)return{};var t,a,i={},r=Object.keys(e);for(a=0;a=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}t.d(n,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/338/1687-1c576be6d39b2ecfc807.js b/pull/338/1687-1c576be6d39b2ecfc807.js
new file mode 100644
index 000000000..9d6b4c37d
--- /dev/null
+++ b/pull/338/1687-1c576be6d39b2ecfc807.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1687],{21687:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var i=t(87462),a=t(44925),o=(t(67294),t(81254)),r=["components"],s={},p="wrapper";function d(e){var n=e.components,t=(0,a.Z)(e,r);return(0,o.mdx)(p,(0,i.Z)({},s,t,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"faq"},"FAQ"),(0,o.mdx)("h2",{id:"consumption"},"Consumption"),(0,o.mdx)("h3",{id:"i-own-an-application-that-consumes-multiple-libraries-the-libraries-i-consume-depend-on-a-different-version-of-terra-application-than-i-provide-how-can-i-resolve-the-dependency-mismatch"},"I own an application that consumes multiple libraries. The libraries I consume depend on a different version of ",(0,o.mdx)("inlineCode",{parentName:"h3"},"terra-application")," than I provide. How can I resolve the dependency mismatch?"),(0,o.mdx)("p",null,"As an application owner, you are responsible for defining the version of ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," that is\nbeing used by the components that make up your application."),(0,o.mdx)("p",null,"It may be tempting to use webpack ",(0,o.mdx)("inlineCode",{parentName:"p"},"alias"),"'s to force a specific version of ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," to be used.\nHowever, this is likely to result in API conflicts between the expected and provided versions (and many runtime exceptions)."),(0,o.mdx)("p",null,"It may also be tempting to forgo using ",(0,o.mdx)("inlineCode",{parentName:"p"},"peerDependencies")," and have each package install its own ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," version.\nBut at this point, we all know that doing so will lead to Context mismatches and a non-functioning application."),(0,o.mdx)("p",null,"At the end of the day, if your dependencies require a different version of ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," than your application provides,\nyour dependencies need to be updated to use the version you provide."),(0,o.mdx)("h3",{id:"why-does-bundling-multiple-versions-of-terra-application-cause-problems-i-can-bundle-multiple-versions-of-other-packages-with-no-issues"},"Why does bundling multiple versions of ",(0,o.mdx)("inlineCode",{parentName:"h3"},"terra-application")," cause problems? I can bundle multiple versions of other packages with no issues."),(0,o.mdx)("p",null,"Some packages may be duplicated if their implementations are sandboxed. In those cases, you're weighing the technical costs\nof duplicating the logic (and inflating your asset size) against the cost of managing synchronizing versions across multiple packages.\nIt's definitely worth thinking about, but generally there's not functional impact to the overall application."),(0,o.mdx)("p",null,"However, a number of APIs that are provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application"),"'s components are ",(0,o.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/context.html"},"Context"),"-based.\nContexts are object instances that include components, a Provider and a Consumer, that are able to communicate with each other.\nHowever, a unique Provider/Consumer pair is generated each time a Context is instantiated, and Providers can only communicate with the Consumer\nprovided by the same Context instance."),(0,o.mdx)("p",null,"If multiple versions of ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application")," are installed, multiple instances of each provided Context are created. This can lead to scenarios\nwhere one Provider instance is used by the application while an altogether different Consumer instance is used by the application's contents,\nleading to a Provider/Consumer mismatch and a complete communication breakdown. This largely negates the value provided by ",(0,o.mdx)("inlineCode",{parentName:"p"},"terra-application"),"\nand will likely result in a functionally broken application."),(0,o.mdx)("h3",{id:"i-see-unmet-peer-dependency-warnings-when-i-install-my-dependencies-do-i-need-to-provide-these-dependencies-myself"},'I see "Unmet Peer Dependency" warnings when I install my dependencies. Do I need to provide these dependencies myself?'),(0,o.mdx)("p",null,"Yes. These warnings indicate that you or your dependencies do not have access to the packages they expect.\nYou should provide these dependencies yourself (even if only as a ",(0,o.mdx)("inlineCode",{parentName:"p"},"devDependency"),")."),(0,o.mdx)("p",null,"If resolving one warning results in a unmet peer dependency for another package or version, then you or your dependencies\nhave conflicting peer dependencies specified. You will need to get the dependency versions aligned between the affected packages\nin order to consume both correctly."))}d.isMDXComponent=!0},87462:(e,n,t)=>{function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;ni})},44925:(e,n,t)=>{function i(e,n){if(null==e)return{};var t,i,a=function(e,n){if(null==e)return{};var t,i,a={},o=Object.keys(e);for(i=0;i=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t.d(n,{Z:()=>i})}}]);
\ No newline at end of file
diff --git a/pull/338/1693-3e1f07db3135a8b3c774.js b/pull/338/1693-3e1f07db3135a8b3c774.js
new file mode 100644
index 000000000..f019d8c73
--- /dev/null
+++ b/pull/338/1693-3e1f07db3135a8b3c774.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1693],{91693:(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var o=a(87462),i=a(44925),n=(a(67294),a(81254)),r=["components"],s={},d="wrapper";function l(e){var t=e.components,a=(0,i.Z)(e,r);return(0,n.mdx)(d,(0,o.Z)({},s,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"v600-upgrade-guide"},"v6.0.0 Upgrade Guide"),(0,n.mdx)("p",null,"This document will provide information on upgrading from Terra Dev Site ",(0,n.mdx)("inlineCode",{parentName:"p"},"5.x.x")," to ",(0,n.mdx)("inlineCode",{parentName:"p"},"6.0.0"),"."),(0,n.mdx)("h2",{id:"browser-router"},"Browser Router"),(0,n.mdx)("p",null,"Previously terra-dev-site used a hash router ",(0,n.mdx)("inlineCode",{parentName:"p"},"/#/")," to display its pages. This interferes with anchor tags which also use the hash to denote where to go on the page. To resolve this terra-dev-site has switched to a browser router. Current links using the hash router will still resolve, slash routes with the hash will be redirected to the equivalent non hash route."),(0,n.mdx)("p",null,"To support hash routing with path based routing for gh-pages style deployments, you must supply an env variable, ",(0,n.mdx)("inlineCode",{parentName:"p"},"TERRA_DEV_SITE_PUBLIC_PATH"),", describing the path for assets to be served from."),(0,n.mdx)("p",null,"For example, for a page hosted on github pages with a url of: ",(0,n.mdx)("a",{parentName:"p",href:"http://cerner.github.com/terra-dev-site."},"http://cerner.github.com/terra-dev-site.")," The environment variable should be set as follows."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-bash"},"TERRA_DEV_SITE_PUBLIC_PATH='/terra-dev-site/'\n")),(0,n.mdx)("p",null,"Without the environment variable set assets will assume they are served from ",(0,n.mdx)("inlineCode",{parentName:"p"},"/")," when they should be served from ",(0,n.mdx)("inlineCode",{parentName:"p"},"/terra-dev-site/")),(0,n.mdx)("h2",{id:"siteconfig"},"site.config"),(0,n.mdx)("p",null,"A few sections have been removed from site.config."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Theme import - The need for this option has been removed with the aggregate-themes project.")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Extension config - The new navigation has a tighter definition of extensions and the github link no longer makes sense as an extension. Extensions are still customizable but the api has changed.")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Logo config removed. It's now best practice to not have an app logo."))),(0,n.mdx)("h2",{id:"navigationconfig"},"navigation.config"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Hide - The option to hide a navigation tab has been removed. This option was always a little weird. We wanted to hide the test tab for terra-ui and have access to it for sites with tests. It has caused discoverability issues and it's best if we just show the tab if available.")),(0,n.mdx)("h2",{id:"dynamic-imports"},"Dynamic Imports"),(0,n.mdx)("p",null,"The code generated by terra dev site has always required transpilation, but with the addition of code splitting dynamic imports are required. No changes are needed if you are using babel 7.5 and babel-preset-env"),(0,n.mdx)("h2",{id:"wdio-config-removed"},"WDIO config removed"),(0,n.mdx)("p",null,"The wdio config was paired down to almost nothing so we decided to fully remove it. All it contained was setting the ",(0,n.mdx)("inlineCode",{parentName:"p"},"webpackConfig")," field to the terra-dev-site webpack config. To correct this either:"),(0,n.mdx)("h3",{id:"create-a-root-level-webpack-config-extending-terra-dev-sites-config-and-use-the-terra-toolkit-wdio-config"},"Create a root level webpack config extending terra-dev-site's config and use the terra-toolkit wdio config"),(0,n.mdx)("h4",{id:"packagejson"},"package.json"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "scripts": {\n "wdio": "wdio node_modules/terra-toolkit/config/wdio/wdio.conf.js"\n }\n}\n')),(0,n.mdx)("h4",{id:"webpackconfig"},"webpack.config"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraDevSiteWebpackConfig = require('terra-dev-site/config/webpack/webpack.config');\n\nmodule.exports = terraDevSiteWebpackConfig;\n")),(0,n.mdx)("h3",{id:"create-a-root-level-wdio-config-pulling-setting-the-webpackconfig-variable-to-terra-dev-sites-webpack-config"},"Create a root level wdio config pulling setting the ",(0,n.mdx)("inlineCode",{parentName:"h3"},"webpackConfig")," variable to terra-dev-site's webpack config."),(0,n.mdx)("h4",{id:"wdioconfig"},"wdio.config"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"const wdioConf = require('terra-toolkit/config/wdio/wdio.conf');\nconst webpackConfig = require('terra-dev-site/config/webpack/webpack.config');\n\nconst config = {\n ...wdioConf.config,\n\n webpackConfig,\n};\n\nexports.config = config;\n")),(0,n.mdx)("h2",{id:"test-updates"},"Test Updates"),(0,n.mdx)("p",null,"With dynamic imports there can now be a slight delay before your test pages load. Changes have been made terra toolkit 5.2.0 to mitigate these issues but if you have a slow page and are seeing timeouts you may have to add a wait for exist check on the 'data-terra-dev-site-content' selector."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"browser.waitForExist('[data-terra-dev-site-content]');\n")),(0,n.mdx)("p",null,"Previously with the hash router, a duplicate call to browser.url would result in a no-op. Now with the hash router the duplicate call will behave as a refresh."),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"browser.url('/#/raw/thing/route'); // Loads the page at the url\nbrowser.url('/#/raw/thing/route'); // Previously was a no-op, now reloads the page at the url.\n")),(0,n.mdx)("p",null,"To mitigate this issue re-factor the test to remove the duplicate call to browser.url."),(0,n.mdx)("p",null,"You may also see some issues with cursor positioning. If items with a hover state no longer appear hovered, try moving the cursor to the item."))}l.isMDXComponent=!0},87462:(e,t,a)=>{function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;to})},44925:(e,t,a)=>{function o(e,t){if(null==e)return{};var a,o,i=function(e,t){if(null==e)return{};var a,o,i={},n=Object.keys(e);for(o=0;o=0||(i[a]=e[a]);return i}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}a.d(t,{Z:()=>o})}}]);
\ No newline at end of file
diff --git a/pull/338/170-9fc62f2c3a8d95905fc1.js b/pull/338/170-9fc62f2c3a8d95905fc1.js
new file mode 100644
index 000000000..ee8c91323
--- /dev/null
+++ b/pull/338/170-9fc62f2c3a8d95905fc1.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[170],{70170:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(27424)),o=a(n(67294)),c=a(n(45697)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=l?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(a,o,c):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(10557)),i=n(86072),f=a(n(72562));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var s=function(e){var t=e.title,n=o.default.useContext(u.ApplicationNavigationActionsContext);return o.default.createElement("div",{"data-nav-test-content":!0},o.default.createElement("p",null,t),o.default.createElement("p",null,"Layout Actions:"," ",n.actions&&n.actions.map((function(e,t){return o.default.createElement("button",{id:"test-action-id-".concat(t),key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};s.propTypes={title:c.default.string};var d=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-0"},"Example Workspace Content 1"))},m=function(){return o.default.createElement(i.WorkspaceContent,null,o.default.createElement("p",{id:"test-workspace-1"},"Example Workspace Content 2"))},k=o.default.createElement(u.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return o.default.createElement(d,null)}}),o.default.createElement(u.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return o.default.createElement(m,null)}})),b=function(){var e=o.default.useRef(),t=o.default.useState(!1),n=(0,l.default)(t,2),a=n[0],r=n[1];return o.default.createElement(f.default,{id:"workspace-layout-test",workspace:k,skipToCallback:function(t){e.current=t,r(!!e.current)}},o.default.createElement(s,{title:"Main Content Region",action:a?function(){return e.current()}:null}))};t.default=b}}]);
\ No newline at end of file
diff --git a/pull/338/1703-b3bd4dbceae213d5c836.js b/pull/338/1703-b3bd4dbceae213d5c836.js
new file mode 100644
index 000000000..57a1bcbcb
--- /dev/null
+++ b/pull/338/1703-b3bd4dbceae213d5c836.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1703],{51703:(e,t,n)=>{n.r(t),n.d(t,{default:()=>l});var r=n(87462),o=n(44925),a=(n(67294),n(81254)),i=["components"],p={},c="wrapper";function l(e){var t=e.components,n=(0,o.Z)(e,i);return(0,a.mdx)(c,(0,r.Z)({},p,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"activebreakpointcontext"},"ActiveBreakpointContext"),(0,a.mdx)("p",null,"The ActiveBreakpointContext defines an interface for access to the framework's determined active breakpoint based on the current window size."),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"Note: An ActiveBreakpointContext.Provider is rendered by ",(0,a.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/application/terra-application/components/application-base"},"ApplicationBase"),".\nAny components rendered within ApplicationBase can access an ActiveBreakpointContext value without rendering additional providers.")),(0,a.mdx)("h2",{id:"context-value"},"Context Value"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"const contextShape = PropTypes.oneOf(['tiny', 'small', 'medium', 'large', 'huge', 'enormous']);\n")))}l.isMDXComponent=!0},87462:(e,t,n)=>{function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;tr})},44925:(e,t,n)=>{function r(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}n.d(t,{Z:()=>r})}}]);
\ No newline at end of file
diff --git a/pull/338/1721-4cae6a1efed4ee31586f.js b/pull/338/1721-4cae6a1efed4ee31586f.js
new file mode 100644
index 000000000..a6fac3d19
--- /dev/null
+++ b/pull/338/1721-4cae6a1efed4ee31586f.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[1721],{41721:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(67294)),r=n(a(50826)),u=n(a(76895)),o=n(a(75852)),i=n(a(59552)),c=n(a(29564)),d=[{icon:l.default.createElement(r.default,null),key:"item-a",text:"Item A",metaData:{test:"a"}},{icon:l.default.createElement(u.default,null),key:"item-b",text:"Item B",metaData:{test:"b"}},{icon:l.default.createElement(o.default,null),key:"item-c",text:"Item C",metaData:{test:"c"}},{icon:l.default.createElement(i.default,null),key:"item-d",text:"Item D",metaData:{test:"d"}}],f=function(e,t){alert("itemKey: ".concat(e,", metaData: ").concat(t.test))},s=function(){return l.default.createElement(c.default,{onSelectSettings:function(){return alert("Settings Selected")},onSelectHelp:function(){return alert("Help Selected")},onSelectLogout:function(){return alert("Logout Selected")},utilityItems:d,onSelectUtilityItem:f})};t.default=s},59552:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(67294)),l=r(a(99139));function r(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(67294)),r=m(n(45697)),i=m(n(47166)),d=m(n(50026)),l=m(n(66983)),o=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=i.default.bind(l.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:r.default.string},f=function(e){var t=e.children,n=u(e,o),r=a.default.useContext(d.default),l=(0,i.default)(s(["button",r.className]),n.className);return a.default.createElement("button",p({},n,{type:"button",className:l,onBlur:c,onMouseDown:g,"data-focus-styles-enabled":!0}),t)};f.propTypes=x;var h=f;t.default=h},59278:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(67294)),r=o(n(45697)),i=o(n(47166)),d=o(n(50026)),l=o(n(30866));function o(e){return e&&e.__esModule?e:{default:e}}var m=i.default.bind(l.default),p={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},u=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(d.default);return a.default.createElement("div",{className:m("notice",n,i.className)},a.default.createElement("div",{className:m("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:m("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:m("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:m("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:m("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:m("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};u.propTypes=p,u.defaultProps={ariaLevel:"2",variant:"important"};var s=u;t.default=s},47306:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(67294)),r=p(n(45697)),i=p(n(94184)),d=p(n(47166)),l=p(n(50026)),o=p(n(42620)),m=["title"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=d.default.bind(o.default),g={title:r.default.string},x=function(e){var t=e.title,n=s(e,m),r=a.default.useContext(l.default),d=(0,i.default)(c(["placeholder",r.className]),n.className),o=c(["inner"]);return a.default.createElement("div",u({},n,{className:d}),a.default.createElement("div",{className:o},a.default.createElement("p",{className:c("title")},t)))};x.propTypes=g,x.defaultProps={title:""};var f=x;t.default=f},34261:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=d(n(59278)),r=d(n(47306)),i=d(n(40996));function d(e){return e&&e.__esModule?e:{default:e}}},1925:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var a=n(87462),r=n(44925),i=(n(67294),n(81254)),d=n(34261),l=["components"],o={},m="wrapper";function p(e){var t=e.components,n=(0,r.Z)(e,l);return(0,i.mdx)(m,(0,a.Z)({},o,n,{components:t,mdxType:"MDXLayout"}),(0,i.mdx)("h1",{id:"v700-upgrade-guide"},"v7.0.0 Upgrade Guide"),(0,i.mdx)("p",null,"This document will provide information on upgrading from ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," ",(0,i.mdx)("inlineCode",{parentName:"p"},"6.x.x")," to ",(0,i.mdx)("inlineCode",{parentName:"p"},"7.0.0"),"."),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," v7 is about 70% new. The primary goals of this upgrade is to enable webpack 5, prepare for ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-application")," v2, and remove the intermediate ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," build step by converting to a pure webpack plugin."),(0,i.mdx)("h2",{id:"scoped-package"},"Scoped package"),(0,i.mdx)("p",null,"Terra dev site has changed to be scoped under the cerner organization. The package has gone from ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," to ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/terra-dev-site"),";"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "dependencies": {\n- "terra-dev-site": "^6.0.0",\n+ "@cerner/terra-dev-site": "^7.0.0",\n }\n}\n')),(0,i.mdx)("h2",{id:"webpack-plugin"},"Webpack Plugin"),(0,i.mdx)("p",null,"In ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," v6 we introduced the webpack plugin as an alternative to the shared webpack config. In ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," v7 we have removed the shared webpack config and are only offering the webpack plugin. We've done this to facilitate the transition from ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-toolkit")," webpack config to the new ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/webpack-config-terra")," webpack config. ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," will work with either webpack config and this will allow you to update to WDIO 6 independently."),(0,i.mdx)("p",null,"To simplify the webpack plugin api, we have also now included the Directory Switcher and Local Package alias resolve plugins in the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," plugin by default. As a reminder, these plugins allow you to enable hot reloading by switching lib requires with their src equivalent and reference local files as if they were packaged, ie ",(0,i.mdx)("inlineCode",{parentName:"p"},"import('@cerner/terra-dev-site/file)"),"."),(0,i.mdx)("p",null,"Additionally, the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSiteEntrypoints")," have been removed as well. Webpack 4 requires an entry point, but that requirement is generally satisfied by our reusable webpack configs. Webpack 5 will allow plugins to define entrypoints without being specified in the config."),(0,i.mdx)("p",null,"Below is an example webpack config setting up the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," plugin."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const terraWebpackConfig = require('@cerner/webpack-config-terra');\nconst merge = require('webpack-merge');\nconst { TerraDevSite } = require('@cerner/terra-dev-site');\n\nconst devSiteConfig = (env = {}, argv = {}) => ({\n plugins: [\n new TerraDevSite({\n // env.defaultLocale is set by the WDIO test service to enable locale testing.\n defaultLocale: env.defaultLocale,\n }),\n ],\n});\n\nconst webpackConfig = (env, argv) => (\n merge(terraWebpackConfig(env, argv), devSiteConfig(env, argv))\n);\n\nmodule.exports = webpackConfig;\n")),(0,i.mdx)(d.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"Note in the example where ",(0,i.mdx)("inlineCode",{parentName:"p"},"env.defaultLocale")," is passed to the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"defaultLocale")," env is set as a part of our WDIO test service and must be passed into the ",(0,i.mdx)("inlineCode",{parentName:"p"},"TerraDevSite")," plugin to ensure locale tests are run appropriately.")),(0,i.mdx)("h2",{id:"config-changes"},"Config changes"),(0,i.mdx)("p",null,"With the full transition to a webpack plugin, Terra dev site config has changed significantly. The plugin is now configured directly through webpack. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"site.config.js")," file and ",(0,i.mdx)("inlineCode",{parentName:"p"},"dev-site-config")," folders are no longer needed and can be removed from the project. We don't even use them to write out the generated site anymore. It's all done through webpack loaders."),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," plugin can be configured by passing an object to the plugin in the webpack config:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-javascript"},"const config = {\n plugins: [\n new TerraDevSite({\n \n }),\n ],\n}\n")),(0,i.mdx)("p",null,"Full config options can be found on the ",(0,i.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/dev_tools/cerner-terra-application-docs/terra-dev-site/configuration"},"config page"),"."),(0,i.mdx)("p",null,"To see how the old configuration maps to the new configuration, see the table below:"),(0,i.mdx)("table",null,(0,i.mdx)("thead",{parentName:"table"},(0,i.mdx)("tr",{parentName:"thead"},(0,i.mdx)("th",{parentName:"tr",align:null},"Old Config Value"),(0,i.mdx)("th",{parentName:"tr",align:null},"New Config Value"),(0,i.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,i.mdx)("tbody",{parentName:"table"},(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.index")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"The site index page is now assumed to be the first ",(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItem")," in the list.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.primaryNavigationItems")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItems")),(0,i.mdx)("td",{parentName:"tr",align:null},"PrimaryNavigationItems are no longer nested under the navigation object.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.primaryNavigationItems.path")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItems.path")),(0,i.mdx)("td",{parentName:"tr",align:null},"unchanged.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.primaryNavigationItems.text")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItems.label")),(0,i.mdx)("td",{parentName:"tr",align:null},"Changed to label to align with ",(0,i.mdx)("a",{parentName:"td",href:"/terra-application/pull/338/application/terra-application/components/application-navigation"},"terra-application api")," naming.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.primaryNavigationItems.pageType")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItems.contentExtension")),(0,i.mdx)("td",{parentName:"tr",align:null},"Pages no longer support being generated from multiple page types. No sites ever used the functionality. PageType has been changed to contentExtension to eliminate confusion with terra-application pages.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"navConfig.navigation.primaryNavigationItems.capabilities")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"This configuration has been removed. All pages except for home will have access to devTools")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"pagesConfig")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"pagesConfig")," allowed consumers to provide their own page config. It was poorly documented, complex and no one ever did.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"generatePages")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"additionalSearchDirectories")),(0,i.mdx)("td",{parentName:"tr",align:null},"Instead of filling out this complex object. Terra dev site searches the 'terra-dev-site' folder by default for content with the specified content Extensions. Consumers that wish to search other directories now can provided fully qualified paths which will also be searched")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"hotReloading")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"True in dev, false in prod")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"npmPackage")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"Only the root npm package is used.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"sideEffectImports")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"sideEffectImportFilePaths")),(0,i.mdx)("td",{parentName:"tr",align:null},"The name now includes 'filePaths' to better describe the expected input.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"placeholderSrc")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer used.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"readMeContent")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"primaryNavigationItems.additionalContent")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer a one off, consumers can now add additional content to each primary navigation item that would not normally be found by searching.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.title")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"titleConfig.title")),(0,i.mdx)("td",{parentName:"tr",align:null},"Moved to a titleConfig object to align with terra-application-navigation config.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.favicon")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"faviconFilePath")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer nested under appConfig. The name now includes 'filePaths' to better describe the expected input.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.themes")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"The available themes are now pulled from the terra-theme.config file via the webpack global variable ",(0,i.mdx)("inlineCode",{parentName:"td"},"TERRA_THEME_CONFIG"),".")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.defaultTheme")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"defaultTheme")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer nested under appConfig.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.locales")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"Deprecated as of terra-dev-site 6.23, now removed.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.defaultLocale")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"defaultLocale")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer nested under appConfig.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.defaultDirection")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"defaultDirection")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer nested under appConfig.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"extensionItems")),(0,i.mdx)("td",{parentName:"tr",align:null},"Renamed to align with terra-application-navigation config.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions.iconPath")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"extensionItems.iconPath")),(0,i.mdx)("td",{parentName:"tr",align:null},"Renamed to align with terra-application-navigation config.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions.key")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"extensionItems.key")),(0,i.mdx)("td",{parentName:"tr",align:null},"Renamed to align with terra-application-navigation config.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions.text")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"extensionItems.text")),(0,i.mdx)("td",{parentName:"tr",align:null},"Renamed to align with terra-application-navigation config.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions.componentPath")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"extensionItems.modalFilePath")),(0,i.mdx)("td",{parentName:"tr",align:null},"Renamed to prepare for application v2 modals.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.extensions.size")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"One size fits all.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"appConfig.headHtml")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"headHtml")),(0,i.mdx)("td",{parentName:"tr",align:null},"No longer nested under appConfig.")),(0,i.mdx)("tr",{parentName:"tbody"},(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("inlineCode",{parentName:"td"},"includeTestEvidence")),(0,i.mdx)("td",{parentName:"tr",align:null},(0,i.mdx)("strong",{parentName:"td"},"removed")),(0,i.mdx)("td",{parentName:"tr",align:null},"Removed the ability to include test evidence, this should be covered now by a separate site report.")))),(0,i.mdx)("h2",{id:"dependency-changes"},"Dependency changes"),(0,i.mdx)("p",null,"Previously ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," was providing a version of ",(0,i.mdx)("inlineCode",{parentName:"p"},"rect-intl")," as a dependency. Because this satisfied the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-application")," peer dependency requirement, many applications did not define it. With this release we have removed that dependency and applications will have to provide that peer dependency themselves."),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"terra-application")," is now a peer dependency and must be defined by the package consuming ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site"),"."),(0,i.mdx)("p",null,(0,i.mdx)("inlineCode",{parentName:"p"},"terra-toolkit")," is no longer a peer dependency to allow consumers to use ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," v7 with either terra-toolkit or the replacement ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-functional-testing")," package."),(0,i.mdx)("h3",{id:"resulting-test-changes"},"Resulting Test changes"),(0,i.mdx)("p",null,"If you happen to be testing md or mdx components, the wrapping div has been removed and screenshots will have to be regenerated. I assume this is rare beyond ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," itself."),(0,i.mdx)("h2",{id:"node-10"},"Node 10"),(0,i.mdx)("p",null,"Node 10 is now the minium supported node version. This was bumped to support version 5 of react-docgen, which is used to generate props tables."),(0,i.mdx)("h2",{id:"mdx"},"MDX"),(0,i.mdx)("p",null,"The MDX loader is now used to load both ",(0,i.mdx)("inlineCode",{parentName:"p"},".md")," and .",(0,i.mdx)("inlineCode",{parentName:"p"},"mdx")," files. This may cause build errors in existing .md documents. This change allows us to remove the marked loader from the plugin."),(0,i.mdx)("p",null,"A couple of common syntax errors when using the MDX loader can be found on our ",(0,i.mdx)("a",{parentName:"p",href:"/terra-application/pull/338/dev_tools/cerner-terra-application-docs/terra-dev-site/writing-documentation"},"Writing Documentation")," Page."),(0,i.mdx)("h2",{id:"i-get-the-webpack-error-invalid-configuration-object-webpack-has-been-initialised-using-a-configuration-object-that-does-not-match-the-api-schema"},"I get the webpack error: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema."),(0,i.mdx)("p",null,"You can get this error when using webpack 4. Part of the ",(0,i.mdx)("inlineCode",{parentName:"p"},"terra-dev-site")," webpack plugin we inject an entry to build the site. Webpack requires an entry to function but the check that is performed changed between webpack 4 and 5. In webpack 4, an entry is checked prior to running the plugin, where as in webpack 5 the check is performed after."),(0,i.mdx)("p",null,"To solve this issue you have two options. Upgrade to webpack 5 or add a dummy entrypoint that terra-dev-site will remove before bundling. Upgrading to webpack 5 is recommended."),(0,i.mdx)(d.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,i.mdx)("p",null,"If you chose to add the dummy entry point it will have to resolve to a real file. It doesn't matter what file since terra-dev-site will remove it, but webpack 4 does check that the entrypoint file is real.")),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"}," entry: {\n terraDevSiteDummy: './dummy.js',\n },\n")))}p.isMDXComponent=!0},66983:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},30866:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},42620:(e,t,n)=>{n.r(t),n.d(t,{default:()=>a});const a={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},87462:(e,t,n)=>{function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;ta})},44925:(e,t,n)=>{function a(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}n.d(t,{Z:()=>a})}}]);
\ No newline at end of file
diff --git a/pull/338/2058-4ccd8fd88bfeb186e824.js b/pull/338/2058-4ccd8fd88bfeb186e824.js
new file mode 100644
index 000000000..711aa0d26
--- /dev/null
+++ b/pull/338/2058-4ccd8fd88bfeb186e824.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2058],{40457:(e,t,a)=>{var n=a(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=n(a(96572))},72058:(e,t,a)=>{var n=a(64836),l=a(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=n(a(27424)),i=g(a(67294)),r=n(a(45697)),u=a(48720),c=g(a(10557)),f=a(97132),d=a(86072),p=n(a(40457)),s=n(a(77797));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(m=function(e){return e?a:t})(e)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==l(e)&&"function"!=typeof e)return{default:e};var a=m(t);if(a&&a.has(e))return a.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var r=o?Object.getOwnPropertyDescriptor(e,i):null;r&&(r.get||r.set)?Object.defineProperty(n,i,r):n[i]=e[i]}return n.default=e,a&&a.set(e,n),n}var v=function(e){var t=e.index,a=e.onClick,n=e.navDisabled;return i.default.createElement("p",null,"Toggle pending action","".concat(t,": "),i.default.createElement("button",{id:"pending-action-toggle-".concat(t),type:"button",onClick:a},n?"Disable":"Enable"))};v.propTypes={index:r.default.string,onClick:r.default.func,navDisabled:r.default.bool};var b=function(e){var t=e.title,a=(0,i.useState)(!1),n=(0,o.default)(a,2),l=n[0],r=n[1],u=(0,i.useState)(!1),f=(0,o.default)(u,2),d=f[0],p=f[1],m=i.default.useContext(c.ApplicationNavigationActionsContext);return i.default.createElement("div",{"data-nav-test-content":!0},i.default.createElement("p",null,t),i.default.createElement(v,{index:"1",navDisabled:l,onClick:function(){r(!l)}}),i.default.createElement(v,{index:"2",navDisabled:d,onClick:function(){p(!d)}}),l?i.default.createElement(s.default,{description:"Pending Action 1"}):void 0,d?i.default.createElement(s.default,{description:"Pending Action 2"}):void 0,i.default.createElement("p",null,"Layout Actions:"," ",m.actions&&m.actions.map((function(e){return i.default.createElement("button",{key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))))};b.propTypes={title:r.default.string};var k=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 1"))},y=function(){return i.default.createElement(d.WorkspaceContent,null,i.default.createElement("p",null,"Example Workspace Content 2"))},E=i.default.createElement(c.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"tab-1",initialSize:{scale:.5},initialIsOpen:!0,onActiveItemChange:function(e){console.log("Workspace active item: ".concat(e))},onSizeChange:function(e){console.log("Workspace size changed: ".concat(e))},onPresentationStateChange:function(e){console.log("Workspace presentation changed. isOpen - ".concat(e))}},i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-1",label:"Tab 1",metaData:{key:"tab-1"},render:function(){return i.default.createElement(k,null)}}),i.default.createElement(c.default.Workspace.Item,{itemKey:"tab-2",label:"Tab 2",metaData:{key:"tab-2"},render:function(){return i.default.createElement(y,null)}})),C=function(){var e=(0,f.useIntl)(),t=i.default.useContext(u.ThemeContext),a=(0,i.useState)("page_1"),n=(0,o.default)(a,2),l=n[0],r=n[1],d=(0,i.useState)(!1),s=(0,o.default)(d,2),m=s[0],g=s[1];return i.default.createElement("div",{style:{height:"500px"}},i.default.createElement(p.default,{unloadPromptIsDisabled:!0,locale:e.locale,themeName:t.className},m?i.default.createElement("p",null,"Logged Out"):i.default.createElement(c.default,{titleConfig:{title:"ApplicationNavigation Test"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:l,onSelectNavigationItem:function(e){r(e)},onSelectLogout:function(){g(!0)},workspace:E},i.default.createElement(b,{key:l,title:l}))))};t.default=C}}]);
\ No newline at end of file
diff --git a/pull/338/2100-8ca0ab285b409b232863.css b/pull/338/2100-8ca0ab285b409b232863.css
new file mode 100644
index 000000000..d5bb5073e
--- /dev/null
+++ b/pull/338/2100-8ca0ab285b409b232863.css
@@ -0,0 +1,3 @@
+.Notice-module__clinical-lowlight-theme___aa5xV{--terra-docs-notice-children-color: #b2b5b6;--terra-docs-notice-code-color: #b2b5b6;--terra-docs-notice-code-text-shadow: 1px 1px #1c2326;--terra-docs-notice-accessory-vertical-align: -0.15rem;--terra-docs-notice-accessory-ms-vertical-align: -0.15rem;--terra-docs-notice-ux-recommendation-background-color: #1c2e39;--terra-docs-notice-ux-recommendation-border-color: #084263;--terra-docs-notice-ux-recommendation-title-color: #b2b5b6;--terra-docs-notice-ux-recommendation-title-border-color: #004c76;--terra-docs-notice-ux-recommendation-blockquote-background-color: rgba(0, 76, 118, 0.25);--terra-docs-notice-ux-recommendation-blockquote-border-color: #004c76;--terra-docs-notice-ux-recommendation-code-background-color: rgba(208, 234, 249, 0.15);--terra-docs-notice-ux-recommendation-hr-background-color: #004c76;--terra-docs-notice-ux-recommendation-pre-border-color: #004c76;--terra-docs-notice-ux-recommendation-pre-box-shadow: none;--terra-docs-notice-ux-recommendation-table-zebra-background-color: rgba(208, 234, 249, 0.05);--terra-docs-notice-ux-recommendation-table-cell-border-color: #004c76;--terra-docs-notice-caution-background-color: #3d3c31;--terra-docs-notice-caution-border-color: #70593f;--terra-docs-notice-caution-title-color: #b2b5b6;--terra-docs-notice-caution-title-border-color: #ffb166;--terra-docs-notice-caution-blockquote-background-color: rgba(255, 196, 19, 0.1);--terra-docs-notice-caution-blockquote-border-color: #ffb166;--terra-docs-notice-caution-code-background-color: #282a36;--terra-docs-notice-caution-hr-background-color: #ffb166;--terra-docs-notice-caution-pre-border-color: #ffb166;--terra-docs-notice-caution-pre-box-shadow: none;--terra-docs-notice-caution-table-zebra-background-color: rgba(255, 196, 19, 0.08);--terra-docs-notice-caution-table-cell-border-color: #856838;--terra-docs-notice-deprecation-background-color: #3d3c31;--terra-docs-notice-deprecation-border-color: #70593f;--terra-docs-notice-deprecation-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2IyYjViNiIgZD0iTTI1LjMgMjUuOWwtNS4yLTUuMnYtOC41Yy4xLS43LS40LTEuMy0xLTEuNC0uNy0uMS0xLjMuNC0xLjQgMVYyMWMwIC41LjIuOS41IDEuMmw1LjMgNS4zYy41LjUgMS4yLjYgMS44LjIuNS0uNC42LTEuMS4zLTEuNi0uMSAwLS4yLS4xLS4zLS4yem03LjItMTVsMS43LTEuN2MuNi0uNi42LTEuNyAwLTIuM2wtMS4xLTEuMWMtLjYtLjYtMS43LS42LTIuMyAwTDI5IDcuNmMtMS41LTEuMS0zLjMtMi01LjEtMi42LS45LS4zLTEuOC0uNS0yLjctLjZWMS42YzAtLjktLjctMS42LTEuNi0xLjZoLTEuNWMtLjkgMC0xLjYuNy0xLjYgMS42djIuN0M3LjIgNS43LjkgMTQuNCAyLjMgMjMuNyAzLjYgMzIgMTAuNyAzOC4xIDE5IDM4LjFjMSAwIDEuOS0uMSAyLjktLjNsLTEuNC0xLjRjLS4yLS4yLS40LS41LS41LS44LS4zIDAtLjcuMS0xIC4xLTguMSAwLTE0LjYtNi41LTE0LjYtMTQuNlMxMC45IDYuNSAxOSA2LjVjMS41IDAgMi45LjIgNC4zLjcgNS45IDEuOCA5LjkgNy4xIDEwLjIgMTMuMi43LS41IDEuNi0uNiAyLjQtLjItLjItMy40LTEuNC02LjYtMy40LTkuM3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjZmZiMTY2IiBkPSJNMzQuOSAyMS44Yy0uMyAwLS42LjEtLjguM2wtMTIgMTJjLS41LjQtLjUgMS4yLS4xIDEuNiAwIDAgMCAuMS4xLjFMMzQgNDcuNmMuNS40IDEuMS40IDEuNiAwbDExLjktMTEuOWMuNS0uNC41LTEuMi4xLTEuNiAwIDAgMC0uMS0uMS0uMUwzNS43IDIyLjJjLS4yLS4yLS41LS40LS44LS40eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxQzFGMjEiIGQ9Ik0zNC45IDIyLjlsMTIgMTEuOXYuMkwzNSA0Ni45aC0uMkwyMi45IDM1di0uMmwxMS45LTExLjloLjFtMC0xLjFjLS4zIDAtLjYuMS0uOC4zbC0xMiAxMmMtLjUuNC0uNSAxLjItLjEgMS42IDAgMCAwIC4xLjEuMUwzNCA0Ny42Yy41LjQgMS4xLjQgMS42IDBsMTEuOS0xMS45Yy41LS40LjUtMS4yLjEtMS42IDAgMCAwLS4xLS4xLS4xTDM1LjcgMjIuMmMtLjItLjItLjUtLjQtLjgtLjR6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzFDMUYyMSIgZD0iTTM0IDM5aDJ2MmgtMnYtMnptMC0xMWgydjloLTJ2LTl6Ij48L3BhdGg+PC9zdmc+");--terra-docs-notice-deprecation-accessory-height: 2.14285rem;--terra-docs-notice-deprecation-accessory-width: 2.14285rem;--terra-docs-notice-deprecation-title-color: #b2b5b6;--terra-docs-notice-deprecation-title-margin-left: 2.42857rem;--terra-docs-notice-deprecation-title-border-color: #ffb166;--terra-docs-notice-deprecation-blockquote-background-color: rgba(255, 196, 19, 0.1);--terra-docs-notice-deprecation-blockquote-border-color: #ffb166;--terra-docs-notice-deprecation-code-background-color: #282a36;--terra-docs-notice-deprecation-hr-background-color: #ffb166;--terra-docs-notice-deprecation-pre-border-color: #ffb166;--terra-docs-notice-deprecation-pre-box-shadow: none;--terra-docs-notice-deprecation-table-zebra-background-color: rgba(255, 196, 19, 0.08);--terra-docs-notice-deprecation-table-cell-border-color: #856838;--terra-docs-notice-maintenance-background-color: #30373b;--terra-docs-notice-maintenance-border-color: #565c60;--terra-docs-notice-maintenance-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2IyYjViNiIgZD0iTTMxLjEgMzEuNGExLjUxIDEuNTEgMCAxMS0yLjEgMi4xbC02LjEtNi4xYTMgMyAwIDAxLS41LS43LjMxLjMxIDAgMDAtLjEtLjJjMC0uMS0uMS0uMy0uMS0uNFYxNS4zYTEuNjkgMS42OSAwIDAxMS41LTEuOCAxLjY5IDEuNjkgMCAwMTEuNSAxLjh2MTAuM3ptMTQuMy00LjhhMjEuMjYgMjEuMjYgMCAwMS00LjYgMTMuM0EyMS40MiAyMS40MiAwIDExMjAuOSA1LjRWMmEyIDIgMCAwMTItMmgyYTIgMiAwIDAxMiAydjMuNGExOC42MyAxOC42MyAwIDAxMy40LjcgMjQuMjUgMjQuMjUgMCAwMTYuNCAzLjNsMi4yLTIuMmEyLjA1IDIuMDUgMCAwMTIuOSAwbDEuNCAxLjRhMi4wNSAyLjA1IDAgMDEwIDIuOWwtMi4xIDIuMWEyMiAyMiAwIDAxNC4zIDEzem0tMyAwQTE4LjM0IDE4LjM0IDAgMDAyOS41IDlhMjAuMzIgMjAuMzIgMCAwMC01LjUtLjhBMTguNCAxOC40IDAgMTAzOC40IDM4YTE4LjE2IDE4LjE2IDAgMDA0LTExLjR6Ij48L3BhdGg+PC9zdmc+");--terra-docs-notice-maintenance-accessory-height: 1.71428rem;--terra-docs-notice-maintenance-accessory-width: 1.71428rem;--terra-docs-notice-maintenance-title-color: #b2b5b6;--terra-docs-notice-maintenance-title-margin-left: 2.14285rem;--terra-docs-notice-maintenance-title-border-color: #8b8f90;--terra-docs-notice-maintenance-blockquote-background-color: rgba(232, 232, 233, 0.08);--terra-docs-notice-maintenance-blockquote-border-color: #8b8f90;--terra-docs-notice-maintenance-code-background-color: rgba(232, 232, 233, 0.2);--terra-docs-notice-maintenance-hr-background-color: #8b8f90;--terra-docs-notice-maintenance-pre-border-color: #8b8f90;--terra-docs-notice-maintenance-pre-box-shadow: none;--terra-docs-notice-maintenance-table-zebra-background-color: rgba(232, 232, 233, 0.08);--terra-docs-notice-maintenance-table-cell-border-color: #565c60;--terra-docs-notice-important-background-color: #232d2c;--terra-docs-notice-important-border-color: #2f4d23;--terra-docs-notice-important-title-color: #b2b5b6;--terra-docs-notice-important-title-border-color: #37651d;--terra-docs-notice-important-blockquote-background-color: rgba(215, 237, 200, 0.1);--terra-docs-notice-important-blockquote-border-color: #37651d;--terra-docs-notice-important-code-background-color: rgba(215, 237, 200, 0.15);--terra-docs-notice-important-hr-background-color: #37651d;--terra-docs-notice-important-pre-border-color: #37651d;--terra-docs-notice-important-pre-box-shadow: none;--terra-docs-notice-important-table-zebra-background-color: rgba(215, 237, 200, 0.08);--terra-docs-notice-important-table-cell-border-color: #37651d;--terra-docs-notice-not-supported-background-color: transparent;--terra-docs-notice-not-supported-border-color: #494f53;--terra-docs-notice-not-supported-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI2ZiNGM0YyIgZD0iTTQ3LjcgMjMuMkwyNC44LjNjLS40LS40LTEuMS0uNC0xLjYgMEwuMyAyMy4yYy0uNC40LS40IDEuMSAwIDEuNmwyMi45IDIyLjljLjQuNCAxLjEuNCAxLjYgMGwyMi45LTIyLjljLjQtLjQuNC0xLjIgMC0xLjZ6Ii8+PHBhdGggZmlsbD0iIzIyMmEyZSIgZD0iTTI3IDM5aC02di02aDZ2NnptMC0xMWgtNlY4aDZ2MjB6Ii8+PC9zdmc+");--terra-docs-notice-not-supported-accessory-height: 1.85714rem;--terra-docs-notice-not-supported-accessory-width: 1.85714rem;--terra-docs-notice-not-supported-title-color: #b2b5b6;--terra-docs-notice-not-supported-title-margin-left: 2.28571rem;--terra-docs-notice-not-supported-title-border-color: #fb4c4c;--terra-docs-notice-not-supported-blockquote-background-color: rgba(63, 70, 74, 0.3);--terra-docs-notice-not-supported-blockquote-border-color: #494f53;--terra-docs-notice-not-supported-code-background-color: #353c40;--terra-docs-notice-not-supported-hr-background-color: #3f464a;--terra-docs-notice-not-supported-children-margin-left: 2.28571rem;--terra-docs-notice-not-supported-pre-border-color: #fb4c4c;--terra-docs-notice-not-supported-pre-box-shadow: inset -1px 1px 0 0 #3f464a, inset -1px -1px 0 0 #3f464a;--terra-docs-notice-not-supported-table-zebra-background-color: rgba(63, 70, 74, 0.3);--terra-docs-notice-not-supported-table-cell-border-color: #494f53}.Notice-module__orion-fusion-theme___QAE-T{--terra-docs-notice-children-color: #343b3f;--terra-docs-notice-code-color: #000;--terra-docs-notice-code-text-shadow: 1px 1px #fff;--terra-docs-notice-accessory-vertical-align: -0.15rem;--terra-docs-notice-accessory-ms-vertical-align: -0.15rem;--terra-docs-notice-ux-recommendation-background-color: #ebf6fd;--terra-docs-notice-ux-recommendation-border-color: #d0eaf9;--terra-docs-notice-ux-recommendation-title-color: #00538e;--terra-docs-notice-ux-recommendation-title-border-color: #7fc8ef;--terra-docs-notice-ux-recommendation-blockquote-background-color: rgba(208, 234, 249, 0.5);--terra-docs-notice-ux-recommendation-blockquote-border-color: #7fc8ef;--terra-docs-notice-ux-recommendation-code-background-color: #c6e7f9;--terra-docs-notice-ux-recommendation-hr-background-color: #5ac5ff;--terra-docs-notice-ux-recommendation-pre-border-color: #7fc8ef;--terra-docs-notice-ux-recommendation-pre-box-shadow: 0 5px 2px -3px rgba(0, 94, 123, 0.16), 2px 4px 5px 2px rgba(0, 94, 123, 0.08);--terra-docs-notice-ux-recommendation-table-zebra-background-color: rgba(208, 234, 249, 0.15);--terra-docs-notice-ux-recommendation-table-cell-border-color: #acdefa;--terra-docs-notice-caution-background-color: #fff9e6;--terra-docs-notice-caution-border-color: #ffeaaf;--terra-docs-notice-caution-title-color: #3d4243;--terra-docs-notice-caution-title-border-color: #ffc413;--terra-docs-notice-caution-blockquote-background-color: rgba(255, 234, 175, 0.5);--terra-docs-notice-caution-blockquote-border-color: #ffc413;--terra-docs-notice-caution-code-background-color: #ffeaaf;--terra-docs-notice-caution-hr-background-color: #ffc413;--terra-docs-notice-caution-pre-border-color: #ffc413;--terra-docs-notice-caution-pre-box-shadow: 0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08);--terra-docs-notice-caution-table-zebra-background-color: rgba(255, 234, 175, 0.25);--terra-docs-notice-caution-table-cell-border-color: #ffc413;--terra-docs-notice-deprecation-background-color: #fff9e6;--terra-docs-notice-deprecation-border-color: #ffeaaf;--terra-docs-notice-deprecation-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTI1LjMgMjUuOWwtNS4yLTUuMnYtOC41Yy4xLS43LS40LTEuMy0xLTEuNC0uNy0uMS0xLjMuNC0xLjQgMVYyMWMwIC41LjIuOS41IDEuMmw1LjMgNS4zYy41LjUgMS4yLjYgMS44LjIuNS0uNC42LTEuMS4zLTEuNi0uMSAwLS4yLS4xLS4zLS4yem03LjItMTVsMS43LTEuN2MuNi0uNi42LTEuNyAwLTIuM2wtMS4xLTEuMWMtLjYtLjYtMS43LS42LTIuMyAwTDI5IDcuNmMtMS41LTEuMS0zLjMtMi01LjEtMi42LS45LS4zLTEuOC0uNS0yLjctLjZWMS42YzAtLjktLjctMS42LTEuNi0xLjZoLTEuNWMtLjkgMC0xLjYuNy0xLjYgMS42djIuN0M3LjIgNS43LjkgMTQuNCAyLjMgMjMuNyAzLjYgMzIgMTAuNyAzOC4xIDE5IDM4LjFjMSAwIDEuOS0uMSAyLjktLjNsLTEuNC0xLjRjLS4yLS4yLS40LS41LS41LS44LS4zIDAtLjcuMS0xIC4xLTguMSAwLTE0LjYtNi41LTE0LjYtMTQuNlMxMC45IDYuNSAxOSA2LjVjMS41IDAgMi45LjIgNC4zLjcgNS45IDEuOCA5LjkgNy4xIDEwLjIgMTMuMi43LS41IDEuNi0uNiAyLjQtLjItLjItMy40LTEuNC02LjYtMy40LTkuM3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZDMjBBIiBkPSJNMzQuOSAyMS44Yy0uMyAwLS42LjEtLjguM2wtMTIgMTJjLS41LjQtLjUgMS4yLS4xIDEuNiAwIDAgMCAuMS4xLjFMMzQgNDcuNmMuNS40IDEuMS40IDEuNiAwbDExLjktMTEuOWMuNS0uNC41LTEuMi4xLTEuNiAwIDAgMC0uMS0uMS0uMUwzNS43IDIyLjJjLS4yLS4yLS41LS40LS44LS40eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxQzFGMjEiIGQ9Ik0zNC45IDIyLjlsMTIgMTEuOXYuMkwzNSA0Ni45aC0uMkwyMi45IDM1di0uMmwxMS45LTExLjloLjFtMC0xLjFjLS4zIDAtLjYuMS0uOC4zbC0xMiAxMmMtLjUuNC0uNSAxLjItLjEgMS42IDAgMCAwIC4xLjEuMUwzNCA0Ny42Yy41LjQgMS4xLjQgMS42IDBsMTEuOS0xMS45Yy41LS40LjUtMS4yLjEtMS42IDAgMCAwLS4xLS4xLS4xTDM1LjcgMjIuMmMtLjItLjItLjUtLjQtLjgtLjR6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzFDMUYyMSIgZD0iTTM0IDM5aDJ2MmgtMnYtMnptMC0xMWgydjloLTJ2LTl6Ij48L3BhdGg+PC9zdmc+");--terra-docs-notice-deprecation-accessory-height: 2.14285rem;--terra-docs-notice-deprecation-accessory-width: 2.14285rem;--terra-docs-notice-deprecation-title-color: #3d4243;--terra-docs-notice-deprecation-title-margin-left: 2.42857rem;--terra-docs-notice-deprecation-title-border-color: #ffc413;--terra-docs-notice-deprecation-blockquote-background-color: rgba(255, 234, 175, 0.5);--terra-docs-notice-deprecation-blockquote-border-color: #ffc413;--terra-docs-notice-deprecation-code-background-color: #ffeaaf;--terra-docs-notice-deprecation-hr-background-color: #ffc413;--terra-docs-notice-deprecation-pre-border-color: #ffc413;--terra-docs-notice-deprecation-pre-box-shadow: 0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08);--terra-docs-notice-deprecation-table-zebra-background-color: rgba(255, 234, 175, 0.25);--terra-docs-notice-deprecation-table-cell-border-color: #ffc413;--terra-docs-notice-maintenance-background-color: #f4f4f4;--terra-docs-notice-maintenance-border-color: #e8e8e9;--terra-docs-notice-maintenance-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTMxLjEgMzEuNGExLjUxIDEuNTEgMCAxMS0yLjEgMi4xbC02LjEtNi4xYTMgMyAwIDAxLS41LS43LjMxLjMxIDAgMDAtLjEtLjJjMC0uMS0uMS0uMy0uMS0uNFYxNS4zYTEuNjkgMS42OSAwIDAxMS41LTEuOCAxLjY5IDEuNjkgMCAwMTEuNSAxLjh2MTAuM3ptMTQuMy00LjhhMjEuMjYgMjEuMjYgMCAwMS00LjYgMTMuM0EyMS40MiAyMS40MiAwIDExMjAuOSA1LjRWMmEyIDIgMCAwMTItMmgyYTIgMiAwIDAxMiAydjMuNGExOC42MyAxOC42MyAwIDAxMy40LjcgMjQuMjUgMjQuMjUgMCAwMTYuNCAzLjNsMi4yLTIuMmEyLjA1IDIuMDUgMCAwMTIuOSAwbDEuNCAxLjRhMi4wNSAyLjA1IDAgMDEwIDIuOWwtMi4xIDIuMWEyMiAyMiAwIDAxNC4zIDEzem0tMyAwQTE4LjM0IDE4LjM0IDAgMDAyOS41IDlhMjAuMzIgMjAuMzIgMCAwMC01LjUtLjhBMTguNCAxOC40IDAgMTAzOC40IDM4YTE4LjE2IDE4LjE2IDAgMDA0LTExLjR6Ij48L3BhdGg+PC9zdmc+");--terra-docs-notice-maintenance-accessory-height: 1.71428rem;--terra-docs-notice-maintenance-accessory-width: 1.71428rem;--terra-docs-notice-maintenance-title-color: #343b3f;--terra-docs-notice-maintenance-title-margin-left: 2.14285rem;--terra-docs-notice-maintenance-title-border-color: #adb8be;--terra-docs-notice-maintenance-blockquote-background-color: rgba(232, 232, 233, 0.7);--terra-docs-notice-maintenance-blockquote-border-color: #adb8be;--terra-docs-notice-maintenance-code-background-color: #e3e4e5;--terra-docs-notice-maintenance-hr-background-color: #adb8be;--terra-docs-notice-maintenance-pre-border-color: #adb8be;--terra-docs-notice-maintenance-pre-box-shadow: 0 5px 2px -3px rgba(100, 100, 100, 0.1), 2px 4px 5px 2px rgba(100, 100, 100, 0.05);--terra-docs-notice-maintenance-table-zebra-background-color: #f6f8fa;--terra-docs-notice-maintenance-table-cell-border-color: #dfe2e5;--terra-docs-notice-important-background-color: #e9f5e0;--terra-docs-notice-important-border-color: #d7edc8;--terra-docs-notice-important-title-color: #2a4a04;--terra-docs-notice-important-title-border-color: #81dd44;--terra-docs-notice-important-blockquote-background-color: rgba(215, 237, 200, 0.6);--terra-docs-notice-important-blockquote-border-color: #81dd44;--terra-docs-notice-important-code-background-color: #cfebbc;--terra-docs-notice-important-hr-background-color: #81dd44;--terra-docs-notice-important-pre-border-color: #81dd44;--terra-docs-notice-important-pre-box-shadow: 0 5px 2px -3px rgba(0, 110, 13, 0.16), 2px 4px 5px 2px rgba(0, 110, 13, 0.08);--terra-docs-notice-important-table-zebra-background-color: rgba(215, 237, 200, 0.15);--terra-docs-notice-important-table-cell-border-color: #bce79f;--terra-docs-notice-not-supported-background-color: #fff;--terra-docs-notice-not-supported-border-color: #c8cacb;--terra-docs-notice-not-supported-accessory-background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI2NjMGYxNCIgZD0iTTQ3LjcgMjMuMkwyNC44LjNjLS40LS40LTEuMS0uNC0xLjYgMEwuMyAyMy4yYy0uNC40LS40IDEuMSAwIDEuNmwyMi45IDIyLjljLjQuNCAxLjEuNCAxLjYgMGwyMi45LTIyLjljLjQtLjQuNC0xLjIgMC0xLjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI3IDM5aC02di02aDZ2NnptMC0xMWgtNlY4aDZ2MjB6Ii8+PC9zdmc+");--terra-docs-notice-not-supported-accessory-height: 1.85714rem;--terra-docs-notice-not-supported-accessory-width: 1.85714rem;--terra-docs-notice-not-supported-title-color: #343b3f;--terra-docs-notice-not-supported-title-margin-left: 2.28571rem;--terra-docs-notice-not-supported-title-border-color: #b31d28;--terra-docs-notice-not-supported-blockquote-background-color: rgba(223, 226, 229, 0.25);--terra-docs-notice-not-supported-blockquote-border-color: #dfe2e5;--terra-docs-notice-not-supported-code-background-color: rgb(234, 240, 242);--terra-docs-notice-not-supported-hr-background-color: #e1e4e8;--terra-docs-notice-not-supported-children-margin-left: 2.28571rem;--terra-docs-notice-not-supported-pre-border-color: #cc0f14;--terra-docs-notice-not-supported-pre-box-shadow: inset -1px 1px 0 0 #dfe2e5, inset -1px -1px 0 0 #dfe2e5;--terra-docs-notice-not-supported-table-zebra-background-color: #f6f8fa;--terra-docs-notice-not-supported-table-cell-border-color: #dfe2e5}.Notice-module__notice___GWkPA{font-size:.92857rem}[dir] .Notice-module__notice___GWkPA{border-radius:5px;border-style:solid;border-width:1px;margin-bottom:1.143rem}[dir=ltr] .Notice-module__notice___GWkPA{padding:.64285rem 1.42857rem .85714rem .85714rem}[dir=rtl] .Notice-module__notice___GWkPA{padding:.64285rem .85714rem .85714rem 1.42857rem}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm{font-size:1rem;font-weight:normal;line-height:1.42857}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*{color:#343b3f;color:var(--terra-docs-notice-children-color, #343b3f);display:block}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*{margin-bottom:8px;margin-top:8px}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*{margin-left:1px;margin-right:10px}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*{margin-right:1px;margin-left:10px}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*:first-child{margin-top:0}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>*:last-child{margin-bottom:0}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm>pre{font-size:85%;line-height:1.45}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>pre{border-radius:0;border-style:solid;margin-bottom:12px;padding:7px}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>pre{border-width:1px 1px 1px 8px;margin-left:0;margin-right:0}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>pre{border-width:1px 8px 1px 1px;margin-right:0;margin-left:0}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm>pre>code{background-color:rgba(0,0,0,0);text-shadow:none}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm a{text-decoration:underline}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm blockquote{padding-bottom:5px;padding-top:5px}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm blockquote{border-left-width:6px;margin-right:0}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm blockquote{border-right-width:6px;margin-left:0}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm code{color:#000;color:var(--terra-docs-notice-code-color, #000)}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm code{text-shadow:1px 1px #fff;text-shadow:var(--terra-docs-notice-code-text-shadow, 1px 1px #fff)}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm hr{height:2px}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm hr{margin-right:0}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm hr{margin-left:0}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm hr, [dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1, [dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2{border-bottom-width:0}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6{margin-right:0}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6{margin-left:0}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1 a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2 a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3 a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4 a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5 a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6 a{display:none}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1 a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2 a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3 a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4 a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5 a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6 a{margin-left:0;margin-right:4px}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1 a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2 a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3 a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4 a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5 a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6 a{margin-right:0;margin-left:4px}.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1:hover a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2:hover a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3:hover a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4:hover a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5:hover a,.Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6:hover a{display:block}[dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1:hover a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2:hover a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3:hover a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4:hover a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5:hover a, [dir=ltr] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6:hover a{margin-left:0;margin-right:4px}[dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h1:hover a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h2:hover a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h3:hover a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h4:hover a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h5:hover a, [dir=rtl] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm h6:hover a{margin-right:0;margin-left:4px}[dir] .Notice-module__notice___GWkPA .Notice-module__children___lDYsm table{margin-bottom:12px}.Notice-module__accessory___wkLOG{height:0;vertical-align:-0.15rem;vertical-align:var(--terra-docs-notice-accessory-vertical-align, -0.15rem);width:0}[dir] .Notice-module__accessory___wkLOG{background-repeat:no-repeat;background-size:auto;margin:0}[dir=ltr] .Notice-module__accessory___wkLOG{background-position:0 0;float:left}[dir=rtl] .Notice-module__accessory___wkLOG{background-position:100% 0;float:right}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.Notice-module__accessory___wkLOG{vertical-align:-0.15rem;vertical-align:var(--terra-docs-notice-accessory-ms-vertical-align, -0.15rem)}}.Notice-module__title___6H5tc{font-size:.92857rem;font-weight:600;line-height:1.38461;text-transform:uppercase}[dir] .Notice-module__title___6H5tc{margin:0;padding:0}.Notice-module__title___6H5tc>span{display:inline-block;width:100%}[dir] .Notice-module__title___6H5tc>span{border-style:solid;border-width:0 0 2px;margin-bottom:.57142rem;padding-bottom:.28571rem}[dir] .Notice-module__ux-recommendation___N8BuK{background-color:#ebf6fd;background-color:var(--terra-docs-notice-ux-recommendation-background-color, #ebf6fd);border-color:#d0eaf9;border-color:var(--terra-docs-notice-ux-recommendation-border-color, #d0eaf9)}.Notice-module__ux-recommendation___N8BuK .Notice-module__title___6H5tc{color:#00538e;color:var(--terra-docs-notice-ux-recommendation-title-color, #00538e)}[dir] .Notice-module__ux-recommendation___N8BuK .Notice-module__title___6H5tc>span{border-color:#5ac5ff;border-color:var(--terra-docs-notice-ux-recommendation-title-border-color, #5ac5ff)}[dir] .Notice-module__ux-recommendation___N8BuK blockquote{background-color:rgba(208, 234, 249, 0.5);background-color:var(--terra-docs-notice-ux-recommendation-blockquote-background-color, rgba(208, 234, 249, 0.5));border-color:#26a2e5;border-color:var(--terra-docs-notice-ux-recommendation-blockquote-border-color, #26a2e5)}[dir] .Notice-module__ux-recommendation___N8BuK code{background-color:#c6e7f9;background-color:var(--terra-docs-notice-ux-recommendation-code-background-color, #c6e7f9)}[dir] .Notice-module__ux-recommendation___N8BuK hr{background-color:#5ac5ff;background-color:var(--terra-docs-notice-ux-recommendation-hr-background-color, #5ac5ff)}[dir] .Notice-module__ux-recommendation___N8BuK .Notice-module__children___lDYsm pre{border-color:#26a2e5;border-color:var(--terra-docs-notice-ux-recommendation-pre-border-color, #26a2e5);box-shadow:0 5px 2px -3px rgba(0, 94, 123, 0.16), 2px 4px 5px 2px rgba(0, 94, 123, 0.08);box-shadow:var(--terra-docs-notice-ux-recommendation-pre-box-shadow, 0 5px 2px -3px rgba(0, 94, 123, 0.16), 2px 4px 5px 2px rgba(0, 94, 123, 0.08))}[dir] .Notice-module__ux-recommendation___N8BuK .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:rgba(208, 234, 249, 0.15);background-color:var(--terra-docs-notice-ux-recommendation-table-zebra-background-color, rgba(208, 234, 249, 0.15))}[dir] .Notice-module__ux-recommendation___N8BuK .Notice-module__children___lDYsm table th, [dir] .Notice-module__ux-recommendation___N8BuK .Notice-module__children___lDYsm table td{border-color:#acdefa;border-color:var(--terra-docs-notice-ux-recommendation-table-cell-border-color, #acdefa)}[dir] .Notice-module__caution___hPrVl{background-color:#fff9e6;background-color:var(--terra-docs-notice-caution-background-color, #fff9e6);border-color:#ffeaaf;border-color:var(--terra-docs-notice-caution-border-color, #ffeaaf)}.Notice-module__caution___hPrVl .Notice-module__title___6H5tc{color:#3d4243;color:var(--terra-docs-notice-caution-title-color, #3d4243)}[dir] .Notice-module__caution___hPrVl .Notice-module__title___6H5tc>span{border-color:#ffc20a;border-color:var(--terra-docs-notice-caution-title-border-color, #ffc20a)}[dir] .Notice-module__caution___hPrVl blockquote{background-color:rgba(255, 234, 175, 0.5);background-color:var(--terra-docs-notice-caution-blockquote-background-color, rgba(255, 234, 175, 0.5));border-color:#ffc20a;border-color:var(--terra-docs-notice-caution-blockquote-border-color, #ffc20a)}[dir] .Notice-module__caution___hPrVl code{background-color:#ffeaaf;background-color:var(--terra-docs-notice-caution-code-background-color, #ffeaaf)}[dir] .Notice-module__caution___hPrVl hr{background-color:#ffc20a;background-color:var(--terra-docs-notice-caution-hr-background-color, #ffc20a)}[dir] .Notice-module__caution___hPrVl .Notice-module__children___lDYsm pre{border-color:#ffc20a;border-color:var(--terra-docs-notice-caution-pre-border-color, #ffc20a);box-shadow:0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08);box-shadow:var(--terra-docs-notice-caution-pre-box-shadow, 0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08))}[dir] .Notice-module__caution___hPrVl .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:rgba(255, 234, 175, 0.5);background-color:var(--terra-docs-notice-caution-table-zebra-background-color, rgba(255, 234, 175, 0.5))}[dir] .Notice-module__caution___hPrVl .Notice-module__children___lDYsm table th, [dir] .Notice-module__caution___hPrVl .Notice-module__children___lDYsm table td{border-color:#ffc413;border-color:var(--terra-docs-notice-caution-table-cell-border-color, #ffc413)}[dir] .Notice-module__deprecation___g1drA{background-color:#fff9e6;background-color:var(--terra-docs-notice-deprecation-background-color, #fff9e6);border-color:#ffeaaf;border-color:var(--terra-docs-notice-deprecation-border-color, #ffeaaf)}.Notice-module__deprecation___g1drA .Notice-module__accessory___wkLOG{height:2.14285rem;height:var(--terra-docs-notice-deprecation-accessory-height, 2.14285rem);width:2.14285rem;width:var(--terra-docs-notice-deprecation-accessory-width, 2.14285rem)}[dir] .Notice-module__deprecation___g1drA .Notice-module__accessory___wkLOG{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTI1LjMgMjUuOWwtNS4yLTUuMnYtOC41Yy4xLS43LS40LTEuMy0xLTEuNC0uNy0uMS0xLjMuNC0xLjQgMVYyMWMwIC41LjIuOS41IDEuMmw1LjMgNS4zYy41LjUgMS4yLjYgMS44LjIuNS0uNC42LTEuMS4zLTEuNi0uMSAwLS4yLS4xLS4zLS4yem03LjItMTVsMS43LTEuN2MuNi0uNi42LTEuNyAwLTIuM2wtMS4xLTEuMWMtLjYtLjYtMS43LS42LTIuMyAwTDI5IDcuNmMtMS41LTEuMS0zLjMtMi01LjEtMi42LS45LS4zLTEuOC0uNS0yLjctLjZWMS42YzAtLjktLjctMS42LTEuNi0xLjZoLTEuNWMtLjkgMC0xLjYuNy0xLjYgMS42djIuN0M3LjIgNS43LjkgMTQuNCAyLjMgMjMuNyAzLjYgMzIgMTAuNyAzOC4xIDE5IDM4LjFjMSAwIDEuOS0uMSAyLjktLjNsLTEuNC0xLjRjLS4yLS4yLS40LS41LS41LS44LS4zIDAtLjcuMS0xIC4xLTguMSAwLTE0LjYtNi41LTE0LjYtMTQuNlMxMC45IDYuNSAxOSA2LjVjMS41IDAgMi45LjIgNC4zLjcgNS45IDEuOCA5LjkgNy4xIDEwLjIgMTMuMi43LS41IDEuNi0uNiAyLjQtLjItLjItMy40LTEuNC02LjYtMy40LTkuM3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZDMjBBIiBkPSJNMzQuOSAyMS44Yy0uMyAwLS42LjEtLjguM2wtMTIgMTJjLS41LjQtLjUgMS4yLS4xIDEuNiAwIDAgMCAuMS4xLjFMMzQgNDcuNmMuNS40IDEuMS40IDEuNiAwbDExLjktMTEuOWMuNS0uNC41LTEuMi4xLTEuNiAwIDAgMC0uMS0uMS0uMUwzNS43IDIyLjJjLS4yLS4yLS41LS40LS44LS40eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxQzFGMjEiIGQ9Ik0zNC45IDIyLjlsMTIgMTEuOXYuMkwzNSA0Ni45aC0uMkwyMi45IDM1di0uMmwxMS45LTExLjloLjFtMC0xLjFjLS4zIDAtLjYuMS0uOC4zbC0xMiAxMmMtLjUuNC0uNSAxLjItLjEgMS42IDAgMCAwIC4xLjEuMUwzNCA0Ny42Yy41LjQgMS4xLjQgMS42IDBsMTEuOS0xMS45Yy41LS40LjUtMS4yLjEtMS42IDAgMCAwLS4xLS4xLS4xTDM1LjcgMjIuMmMtLjItLjItLjUtLjQtLjgtLjR6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzFDMUYyMSIgZD0iTTM0IDM5aDJ2MmgtMnYtMnptMC0xMWgydjloLTJ2LTl6Ij48L3BhdGg+PC9zdmc+");background-image:var(--terra-docs-notice-deprecation-accessory-background-image, url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTI1LjMgMjUuOWwtNS4yLTUuMnYtOC41Yy4xLS43LS40LTEuMy0xLTEuNC0uNy0uMS0xLjMuNC0xLjQgMVYyMWMwIC41LjIuOS41IDEuMmw1LjMgNS4zYy41LjUgMS4yLjYgMS44LjIuNS0uNC42LTEuMS4zLTEuNi0uMSAwLS4yLS4xLS4zLS4yem03LjItMTVsMS43LTEuN2MuNi0uNi42LTEuNyAwLTIuM2wtMS4xLTEuMWMtLjYtLjYtMS43LS42LTIuMyAwTDI5IDcuNmMtMS41LTEuMS0zLjMtMi01LjEtMi42LS45LS4zLTEuOC0uNS0yLjctLjZWMS42YzAtLjktLjctMS42LTEuNi0xLjZoLTEuNWMtLjkgMC0xLjYuNy0xLjYgMS42djIuN0M3LjIgNS43LjkgMTQuNCAyLjMgMjMuNyAzLjYgMzIgMTAuNyAzOC4xIDE5IDM4LjFjMSAwIDEuOS0uMSAyLjktLjNsLTEuNC0xLjRjLS4yLS4yLS40LS41LS41LS44LS4zIDAtLjcuMS0xIC4xLTguMSAwLTE0LjYtNi41LTE0LjYtMTQuNlMxMC45IDYuNSAxOSA2LjVjMS41IDAgMi45LjIgNC4zLjcgNS45IDEuOCA5LjkgNy4xIDEwLjIgMTMuMi43LS41IDEuNi0uNiAyLjQtLjItLjItMy40LTEuNC02LjYtMy40LTkuM3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjRkZDMjBBIiBkPSJNMzQuOSAyMS44Yy0uMyAwLS42LjEtLjguM2wtMTIgMTJjLS41LjQtLjUgMS4yLS4xIDEuNiAwIDAgMCAuMS4xLjFMMzQgNDcuNmMuNS40IDEuMS40IDEuNiAwbDExLjktMTEuOWMuNS0uNC41LTEuMi4xLTEuNiAwIDAgMC0uMS0uMS0uMUwzNS43IDIyLjJjLS4yLS4yLS41LS40LS44LS40eiI+PC9wYXRoPjxwYXRoIGZpbGw9IiMxQzFGMjEiIGQ9Ik0zNC45IDIyLjlsMTIgMTEuOXYuMkwzNSA0Ni45aC0uMkwyMi45IDM1di0uMmwxMS45LTExLjloLjFtMC0xLjFjLS4zIDAtLjYuMS0uOC4zbC0xMiAxMmMtLjUuNC0uNSAxLjItLjEgMS42IDAgMCAwIC4xLjEuMUwzNCA0Ny42Yy41LjQgMS4xLjQgMS42IDBsMTEuOS0xMS45Yy41LS40LjUtMS4yLjEtMS42IDAgMCAwLS4xLS4xLS4xTDM1LjcgMjIuMmMtLjItLjItLjUtLjQtLjgtLjR6Ij48L3BhdGg+PHBhdGggZmlsbD0iIzFDMUYyMSIgZD0iTTM0IDM5aDJ2MmgtMnYtMnptMC0xMWgydjloLTJ2LTl6Ij48L3BhdGg+PC9zdmc+"))}.Notice-module__deprecation___g1drA .Notice-module__title___6H5tc{color:#3d4243;color:var(--terra-docs-notice-deprecation-title-color, #3d4243)}[dir=ltr] .Notice-module__deprecation___g1drA .Notice-module__title___6H5tc{margin-left:2.42857rem;margin-left:var(--terra-docs-notice-deprecation-title-margin-left, 2.42857rem)}[dir=rtl] .Notice-module__deprecation___g1drA .Notice-module__title___6H5tc{margin-right:2.42857rem;margin-right:var(--terra-docs-notice-deprecation-title-margin-left, 2.42857rem)}[dir] .Notice-module__deprecation___g1drA .Notice-module__title___6H5tc>span{border-color:#ffc413;border-color:var(--terra-docs-notice-deprecation-title-border-color, #ffc413)}[dir] .Notice-module__deprecation___g1drA blockquote{background-color:rgba(255, 234, 175, 0.5);background-color:var(--terra-docs-notice-deprecation-blockquote-background-color, rgba(255, 234, 175, 0.5));border-color:#ffc413;border-color:var(--terra-docs-notice-deprecation-blockquote-border-color, #ffc413)}[dir] .Notice-module__deprecation___g1drA code{background-color:#ffeaaf;background-color:var(--terra-docs-notice-deprecation-code-background-color, #ffeaaf)}[dir] .Notice-module__deprecation___g1drA hr{background-color:#ffc413;background-color:var(--terra-docs-notice-deprecation-hr-background-color, #ffc413)}[dir] .Notice-module__deprecation___g1drA .Notice-module__children___lDYsm pre{border-color:#ffc413;border-color:var(--terra-docs-notice-deprecation-pre-border-color, #ffc413);box-shadow:0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08);box-shadow:var(--terra-docs-notice-deprecation-pre-box-shadow, 0 5px 2px -3px rgba(223, 132, 0, 0.16), 2px 4px 5px 2px rgba(223, 132, 0, 0.08))}[dir] .Notice-module__deprecation___g1drA .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:rgba(255, 234, 175, 0.5);background-color:var(--terra-docs-notice-deprecation-table-zebra-background-color, rgba(255, 234, 175, 0.5))}[dir] .Notice-module__deprecation___g1drA .Notice-module__children___lDYsm table th, [dir] .Notice-module__deprecation___g1drA .Notice-module__children___lDYsm table td{border-color:#ffc413;border-color:var(--terra-docs-notice-deprecation-table-cell-border-color, #ffc413)}[dir] .Notice-module__maintenance___kWLIZ{background-color:#f4f4f4;background-color:var(--terra-docs-notice-maintenance-background-color, #f4f4f4);border-color:#e8e8e9;border-color:var(--terra-docs-notice-maintenance-border-color, #e8e8e9)}.Notice-module__maintenance___kWLIZ .Notice-module__accessory___wkLOG{height:1.71428rem;height:var(--terra-docs-notice-maintenance-accessory-height, 1.71428rem);width:1.71428rem;width:var(--terra-docs-notice-maintenance-accessory-width, 1.71428rem)}[dir] .Notice-module__maintenance___kWLIZ .Notice-module__accessory___wkLOG{background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTMxLjEgMzEuNGExLjUxIDEuNTEgMCAxMS0yLjEgMi4xbC02LjEtNi4xYTMgMyAwIDAxLS41LS43LjMxLjMxIDAgMDAtLjEtLjJjMC0uMS0uMS0uMy0uMS0uNFYxNS4zYTEuNjkgMS42OSAwIDAxMS41LTEuOCAxLjY5IDEuNjkgMCAwMTEuNSAxLjh2MTAuM3ptMTQuMy00LjhhMjEuMjYgMjEuMjYgMCAwMS00LjYgMTMuM0EyMS40MiAyMS40MiAwIDExMjAuOSA1LjRWMmEyIDIgMCAwMTItMmgyYTIgMiAwIDAxMiAydjMuNGExOC42MyAxOC42MyAwIDAxMy40LjcgMjQuMjUgMjQuMjUgMCAwMTYuNCAzLjNsMi4yLTIuMmEyLjA1IDIuMDUgMCAwMTIuOSAwbDEuNCAxLjRhMi4wNSAyLjA1IDAgMDEwIDIuOWwtMi4xIDIuMWEyMiAyMiAwIDAxNC4zIDEzem0tMyAwQTE4LjM0IDE4LjM0IDAgMDAyOS41IDlhMjAuMzIgMjAuMzIgMCAwMC01LjUtLjhBMTguNCAxOC40IDAgMTAzOC40IDM4YTE4LjE2IDE4LjE2IDAgMDA0LTExLjR6Ij48L3BhdGg+PC9zdmc+");background-image:var(--terra-docs-notice-maintenance-accessory-background-image, url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzNkNDI0MyIgZD0iTTMxLjEgMzEuNGExLjUxIDEuNTEgMCAxMS0yLjEgMi4xbC02LjEtNi4xYTMgMyAwIDAxLS41LS43LjMxLjMxIDAgMDAtLjEtLjJjMC0uMS0uMS0uMy0uMS0uNFYxNS4zYTEuNjkgMS42OSAwIDAxMS41LTEuOCAxLjY5IDEuNjkgMCAwMTEuNSAxLjh2MTAuM3ptMTQuMy00LjhhMjEuMjYgMjEuMjYgMCAwMS00LjYgMTMuM0EyMS40MiAyMS40MiAwIDExMjAuOSA1LjRWMmEyIDIgMCAwMTItMmgyYTIgMiAwIDAxMiAydjMuNGExOC42MyAxOC42MyAwIDAxMy40LjcgMjQuMjUgMjQuMjUgMCAwMTYuNCAzLjNsMi4yLTIuMmEyLjA1IDIuMDUgMCAwMTIuOSAwbDEuNCAxLjRhMi4wNSAyLjA1IDAgMDEwIDIuOWwtMi4xIDIuMWEyMiAyMiAwIDAxNC4zIDEzem0tMyAwQTE4LjM0IDE4LjM0IDAgMDAyOS41IDlhMjAuMzIgMjAuMzIgMCAwMC01LjUtLjhBMTguNCAxOC40IDAgMTAzOC40IDM4YTE4LjE2IDE4LjE2IDAgMDA0LTExLjR6Ij48L3BhdGg+PC9zdmc+"))}.Notice-module__maintenance___kWLIZ .Notice-module__title___6H5tc{color:#343b3f;color:var(--terra-docs-notice-maintenance-title-color, #343b3f)}[dir=ltr] .Notice-module__maintenance___kWLIZ .Notice-module__title___6H5tc{margin-left:2.14285rem;margin-left:var(--terra-docs-notice-maintenance-title-margin-left, 2.14285rem)}[dir=rtl] .Notice-module__maintenance___kWLIZ .Notice-module__title___6H5tc{margin-right:2.14285rem;margin-right:var(--terra-docs-notice-maintenance-title-margin-left, 2.14285rem)}[dir] .Notice-module__maintenance___kWLIZ .Notice-module__title___6H5tc>span{border-color:#adb8be;border-color:var(--terra-docs-notice-maintenance-title-border-color, #adb8be)}[dir] .Notice-module__maintenance___kWLIZ blockquote{background-color:rgba(232, 232, 233, 0.7);background-color:var(--terra-docs-notice-maintenance-blockquote-background-color, rgba(232, 232, 233, 0.7));border-color:#adb8be;border-color:var(--terra-docs-notice-maintenance-blockquote-border-color, #adb8be)}[dir] .Notice-module__maintenance___kWLIZ code{background-color:#e3e4e5;background-color:var(--terra-docs-notice-maintenance-code-background-color, #e3e4e5)}[dir] .Notice-module__maintenance___kWLIZ hr{background-color:#adb8be;background-color:var(--terra-docs-notice-maintenance-hr-background-color, #adb8be)}[dir] .Notice-module__maintenance___kWLIZ .Notice-module__children___lDYsm pre{border-color:#adb8be;border-color:var(--terra-docs-notice-maintenance-pre-border-color, #adb8be);box-shadow:0 5px 2px -3px rgba(100, 100, 100, 0.1), 2px 4px 5px 2px rgba(100, 100, 100, 0.05);box-shadow:var(--terra-docs-notice-maintenance-pre-box-shadow, 0 5px 2px -3px rgba(100, 100, 100, 0.1), 2px 4px 5px 2px rgba(100, 100, 100, 0.05))}[dir] .Notice-module__maintenance___kWLIZ .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:#f6f8fa;background-color:var(--terra-docs-notice-maintenance-table-zebra-background-color, #f6f8fa)}[dir] .Notice-module__maintenance___kWLIZ .Notice-module__children___lDYsm table th, [dir] .Notice-module__maintenance___kWLIZ .Notice-module__children___lDYsm table td{border-color:#dfe2e5;border-color:var(--terra-docs-notice-maintenance-table-cell-border-color, #dfe2e5)}[dir] .Notice-module__important___p5DiF{background-color:#e9f5e0;background-color:var(--terra-docs-notice-important-background-color, #e9f5e0);border-color:#d7edc8;border-color:var(--terra-docs-notice-important-border-color, #d7edc8)}.Notice-module__important___p5DiF .Notice-module__title___6H5tc{color:#2a4a04;color:var(--terra-docs-notice-important-title-color, #2a4a04)}[dir] .Notice-module__important___p5DiF .Notice-module__title___6H5tc>span{border-color:#81dd44;border-color:var(--terra-docs-notice-important-title-border-color, #81dd44)}[dir] .Notice-module__important___p5DiF blockquote{background-color:rgba(215, 237, 200, 0.6);background-color:var(--terra-docs-notice-important-blockquote-background-color, rgba(215, 237, 200, 0.6));border-color:#81dd44;border-color:var(--terra-docs-notice-important-blockquote-border-color, #81dd44)}[dir] .Notice-module__important___p5DiF code{background-color:#cfebbc;background-color:var(--terra-docs-notice-important-code-background-color, #cfebbc)}[dir] .Notice-module__important___p5DiF hr{background-color:#81dd44;background-color:var(--terra-docs-notice-important-hr-background-color, #81dd44)}[dir] .Notice-module__important___p5DiF .Notice-module__children___lDYsm pre{border-color:#81dd44;border-color:var(--terra-docs-notice-important-pre-border-color, #81dd44);box-shadow:0 5px 2px -3px rgba(0, 110, 13, 0.16), 2px 4px 5px 2px rgba(0, 110, 13, 0.08);box-shadow:var(--terra-docs-notice-important-pre-box-shadow, 0 5px 2px -3px rgba(0, 110, 13, 0.16), 2px 4px 5px 2px rgba(0, 110, 13, 0.08))}[dir] .Notice-module__important___p5DiF .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:rgba(215, 237, 200, 0.15);background-color:var(--terra-docs-notice-important-table-zebra-background-color, rgba(215, 237, 200, 0.15))}[dir] .Notice-module__important___p5DiF .Notice-module__children___lDYsm table th, [dir] .Notice-module__important___p5DiF .Notice-module__children___lDYsm table td{border-color:#bce79f;border-color:var(--terra-docs-notice-important-table-cell-border-color, #bce79f)}[dir] .Notice-module__not-supported___34bHd{background-color:#fff;background-color:var(--terra-docs-notice-not-supported-background-color, #fff);border-color:#c8cacb;border-color:var(--terra-docs-notice-not-supported-border-color, #c8cacb)}.Notice-module__not-supported___34bHd .Notice-module__accessory___wkLOG{height:1.85714rem;height:var(--terra-docs-notice-not-supported-accessory-height, 1.85714rem);width:1.85714rem;width:var(--terra-docs-notice-not-supported-accessory-width, 1.85714rem)}[dir] .Notice-module__not-supported___34bHd .Notice-module__accessory___wkLOG{background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI2NjMGYxNCIgZD0iTTQ3LjcgMjMuMkwyNC44LjNjLS40LS40LTEuMS0uNC0xLjYgMEwuMyAyMy4yYy0uNC40LS40IDEuMSAwIDEuNmwyMi45IDIyLjljLjQuNCAxLjEuNCAxLjYgMGwyMi45LTIyLjljLjQtLjQuNC0xLjIgMC0xLjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI3IDM5aC02di02aDZ2NnptMC0xMWgtNlY4aDZ2MjB6Ii8+PC9zdmc+");background-image:var(--terra-docs-notice-not-supported-accessory-background-image, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI2NjMGYxNCIgZD0iTTQ3LjcgMjMuMkwyNC44LjNjLS40LS40LTEuMS0uNC0xLjYgMEwuMyAyMy4yYy0uNC40LS40IDEuMSAwIDEuNmwyMi45IDIyLjljLjQuNCAxLjEuNCAxLjYgMGwyMi45LTIyLjljLjQtLjQuNC0xLjIgMC0xLjZ6Ii8+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTI3IDM5aC02di02aDZ2NnptMC0xMWgtNlY4aDZ2MjB6Ii8+PC9zdmc+"));margin-top:.14285rem}.Notice-module__not-supported___34bHd .Notice-module__title___6H5tc{color:#343b3f;color:var(--terra-docs-notice-not-supported-title-color, #343b3f)}[dir] .Notice-module__not-supported___34bHd .Notice-module__title___6H5tc{margin-top:.14285rem}[dir=ltr] .Notice-module__not-supported___34bHd .Notice-module__title___6H5tc{margin-left:2.28571rem;margin-left:var(--terra-docs-notice-not-supported-title-margin-left, 2.28571rem)}[dir=rtl] .Notice-module__not-supported___34bHd .Notice-module__title___6H5tc{margin-right:2.28571rem;margin-right:var(--terra-docs-notice-not-supported-title-margin-left, 2.28571rem)}[dir] .Notice-module__not-supported___34bHd .Notice-module__title___6H5tc>span{border-color:#b31d28;border-color:var(--terra-docs-notice-not-supported-title-border-color, #b31d28);border-width:0 0 1px;margin-bottom:.35714rem;padding-bottom:.21428rem}[dir] .Notice-module__not-supported___34bHd blockquote{background-color:rgba(223, 226, 229, 0.25);background-color:var(--terra-docs-notice-not-supported-blockquote-background-color, rgba(223, 226, 229, 0.25));border-color:#dfe2e5;border-color:var(--terra-docs-notice-not-supported-blockquote-border-color, #dfe2e5)}[dir] .Notice-module__not-supported___34bHd code{background-color:rgb(234, 240, 242);background-color:var(--terra-docs-notice-not-supported-code-background-color, rgb(234, 240, 242))}[dir] .Notice-module__not-supported___34bHd hr{background-color:#e1e4e8;background-color:var(--terra-docs-notice-not-supported-hr-background-color, #e1e4e8)}.Notice-module__not-supported___34bHd .Notice-module__children___lDYsm{font-size:1rem}[dir=ltr] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm{margin-left:2.28571rem;margin-left:var(--terra-docs-notice-not-supported-children-margin-left, 2.28571rem)}[dir=rtl] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm{margin-right:2.28571rem;margin-right:var(--terra-docs-notice-not-supported-children-margin-left, 2.28571rem)}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm>pre{border-color:#cc0f14;border-color:var(--terra-docs-notice-not-supported-pre-border-color, #cc0f14);box-shadow:inset -1px 1px 0 0 #dfe2e5, inset -1px -1px 0 0 #dfe2e5;box-shadow:var(--terra-docs-notice-not-supported-pre-box-shadow, inset -1px 1px 0 0 #dfe2e5, inset -1px -1px 0 0 #dfe2e5)}[dir=ltr] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm>pre{border-width:0 0 0 6px}[dir=rtl] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm>pre{border-width:0 6px 0 0}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm table tr:nth-child(2n){background-color:#f6f8fa;background-color:var(--terra-docs-notice-not-supported-table-zebra-background-color, #f6f8fa)}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm table th, [dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm table td{border-color:#dfe2e5;border-color:var(--terra-docs-notice-not-supported-table-cell-border-color, #dfe2e5)}.Notice-module__not-supported___34bHd .Notice-module__children___lDYsm p{font-size:.92857rem}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__paragraph___5h-w1{margin-bottom:1rem;margin-top:1rem}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__paragraph___5h-w1:first-of-type{margin-top:0}.Notice-module__not-supported___34bHd .Notice-module__children___lDYsm ul,.Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__list___M2Kxj{font-size:.92857rem}[dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm ul, [dir] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__list___M2Kxj{margin:0;margin-bottom:1rem;margin-top:.25rem;padding:0}[dir=ltr] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm ul, [dir=ltr] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__list___M2Kxj{padding-left:1.5rem}[dir=rtl] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm ul, [dir=rtl] .Notice-module__not-supported___34bHd .Notice-module__children___lDYsm .Notice-module__list___M2Kxj{padding-right:1.5rem}
+.Placeholder-module__clinical-lowlight-theme___Obm9K{--terra-docs-placeholder-inner-border-color: rgba(223, 224, 224, 0.76);--terra-docs-placeholder-inner-color: #b2b5b6;--terra-docs-placeholder-inner-title-background-color: #1c2326;--terra-docs-placeholder-inner-title-border-color: rgba(28, 35, 38, 0.5)}.Placeholder-module__orion-fusion-theme___svHY\+{--terra-docs-placeholder-inner-border-color: #d1d1d1;--terra-docs-placeholder-inner-color: #787575;--terra-docs-placeholder-inner-title-background-color: #fff;--terra-docs-placeholder-inner-title-border-color: rgba(255, 255, 255, 0.5)}.Placeholder-module__placeholder___ZZDXd,.Placeholder-module__inner___fJq9o{height:100%;overflow:hidden;position:relative;width:100%}[dir] .Placeholder-module__placeholder___ZZDXd{padding:10px}.Placeholder-module__inner___fJq9o{-ms-flex-align:center;align-items:center;color:#787575;color:var(--terra-docs-placeholder-inner-color, #787575);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}[dir] .Placeholder-module__inner___fJq9o{border:3px dashed;border-color:#d1d1d1;border-color:var(--terra-docs-placeholder-inner-border-color, #d1d1d1)}[dir] .Placeholder-module__inner___fJq9o .Placeholder-module__title___teBSo{background-clip:padding-box;background-color:#fff;background-color:var(--terra-docs-placeholder-inner-title-background-color, #fff);border:3px dashed;border-color:rgba(255, 255, 255, 0.5);border-color:var(--terra-docs-placeholder-inner-title-border-color, rgba(255, 255, 255, 0.5));padding:.125rem .5rem}
+.Button-module__clinical-lowlight-theme___TyZWB{--terra-docs-button-active-border-color: #181b1d;--terra-docs-button-active-color: #9b9b9b;--terra-docs-button-active-toggle-background-color: #0c0d0e;--terra-docs-button-background-color: #2d3539;--terra-docs-button-border-color: #181b1d;--terra-docs-button-color: #b2b5b6;--terra-docs-button-hover-border-color: #1a2023;--terra-docs-button-hover-color: #9b9b9b;--terra-docs-button-hover-toggle-background-color: #1a2023;--terra-docs-button-keyboard-focus-outline: #fff}.Button-module__orion-fusion-theme___q-FcQ{--terra-docs-button-active-border-color: #6f7477;--terra-docs-button-active-color: #000;--terra-docs-button-active-toggle-background-color: #9b9fa1;--terra-docs-button-background-color: #dedfe0;--terra-docs-button-border-color: #6f7477;--terra-docs-button-color: #000;--terra-docs-button-hover-border-color: #6f7477;--terra-docs-button-hover-color: #000;--terra-docs-button-hover-toggle-background-color: #b2b5b6;--terra-docs-button-keyboard-focus-outline: #000}.Button-module__button___QuCn2{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-docs-button-color, #1c1f21);display:-ms-flexbox;display:flex;outline:none}[dir] .Button-module__button___QuCn2{background-color:#dedfe0;background-color:var(--terra-docs-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-docs-button-border-color, #c8cacb);border-radius:3px;border-style:solid;border-width:1px;cursor:pointer;padding-bottom:.286rem;padding-top:.286rem}[dir=ltr] .Button-module__button___QuCn2{padding-left:.714rem;padding-right:.714rem}[dir=rtl] .Button-module__button___QuCn2{padding-right:.714rem;padding-left:.714rem}.Button-module__button___QuCn2:hover{color:#000;color:var(--terra-docs-button-hover-color, #000)}[dir] .Button-module__button___QuCn2:hover{background-color:#b9bbbc;background-color:var(--terra-docs-button-hover-toggle-background-color, #b9bbbc);border-color:#c8cacb;border-color:var(--terra-docs-button-hover-border-color, #c8cacb)}.Button-module__button___QuCn2.Button-module__is-active___Z8AuK,.Button-module__button___QuCn2:active{color:#fff;color:var(--terra-docs-button-active-color, #fff)}[dir] .Button-module__button___QuCn2.Button-module__is-active___Z8AuK, [dir] .Button-module__button___QuCn2:active{background-color:#6f7477;background-color:var(--terra-docs-button-active-toggle-background-color, #6f7477);border-color:#52585b;border-color:var(--terra-docs-button-active-border-color, #52585b)}.Button-module__button___QuCn2[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-docs-button-keyboard-focus-outline, #000);outline-offset:-2px}
diff --git a/pull/338/2148-6e19a9a796abd9fcded5.js b/pull/338/2148-6e19a9a796abd9fcded5.js
new file mode 100644
index 000000000..0c30805f9
--- /dev/null
+++ b/pull/338/2148-6e19a9a796abd9fcded5.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2148],{82148:(n,e,r)=>{r.r(e),r.d(e,{default:()=>u});var t=r(87462),o=r(44925),a=(r(67294),r(81254)),p=r(4366),c=["components"],s={},l="wrapper";function u(n){var e=n.components,r=(0,o.Z)(n,c);return(0,a.mdx)(l,(0,t.Z)({},s,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)(p.Z,{mdxType:"Scss"}))}u.isMDXComponent=!0},4366:(n,e,r)=>{r.d(e,{Z:()=>l});var t=r(87462),o=r(44925),a=(r(67294),r(81254)),p=["components"],c={},s="wrapper";function l(n){var e=n.components,r=(0,o.Z)(n,p);return(0,a.mdx)(s,(0,t.Z)({},c,r,{components:e,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .body {\n height: 100%;\n }\n}\n\n")))}l.isMDXComponent=!0},87462:(n,e,r)=>{function t(){return t=Object.assign?Object.assign.bind():function(n){for(var e=1;et})},44925:(n,e,r)=>{function t(n,e){if(null==n)return{};var r,t,o=function(n,e){if(null==n)return{};var r,t,o={},a=Object.keys(n);for(t=0;t=0||(o[r]=n[r]);return o}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}r.d(e,{Z:()=>t})}}]);
\ No newline at end of file
diff --git a/pull/338/2235-e0862997eabb01368a0d.js b/pull/338/2235-e0862997eabb01368a0d.js
new file mode 100644
index 000000000..a879981b2
--- /dev/null
+++ b/pull/338/2235-e0862997eabb01368a0d.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2235],{33389:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(45697)),o=n(23234),u=a(n(40017)),d={bannerAction:i.default.shape({text:i.default.string,onClick:i.default.func}),description:i.default.node,onRequestClose:i.default.func,variant:i.default.oneOf(["hazard-high","hazard-medium","hazard-low","error","unsatisfied","unverified","custom"]).isRequired,custom:i.default.shape({signalWord:i.default.string,iconClassName:i.default.string})},l=function(e){var t=e.bannerAction,n=e.custom,a=e.description,i=e.onRequestClose,d=e.variant,l=r.default.useContext(u.default),f=r.default.useRef((0,o.v4)());return r.default.useEffect((function(){if(!l)throw new Error("A NotificationBanner was not rendered within the context of a NotificationBannerProvider. If this is unexpected, validate that the expected version of the terra-application package is installed.");l.registerNotificationBanner(f.current,{bannerAction:t,custom:n,description:a,key:f.current,onRequestClose:i,variant:d})}),[l,a,n,t,i,d]),r.default.useEffect((function(){return function(){l.unregisterNotificationBanner(f.current,d)}}),[l,d]),null};l.propTypes=d;var f=l;t.default=f},66280:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return r.default}});var r=a(n(33389))},12235:(e,t,n)=>{var a=n(64836);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(67294)),i=a(n(96745)),o=a(n(55692)),u=function(){var e=(0,o.default)(),t=e.NotificationBannerProvider,n=e.NotificationBanners;return r.default.createElement(t,null,r.default.createElement(n,null),r.default.createElement(i.default,{id:"1"}))};t.default=u},96745:(e,t,n)=>{var a=n(64836),r=n(18698);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=a(n(27424)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==r(e)&&"function"!=typeof e)return{default:e};var n=l(t);if(n&&n.has(e))return n.get(e);var a={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=i?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}a.default=e,n&&n.set(e,a);return a}(n(67294)),u=a(n(45697)),d=a(n(66280));function l(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(l=function(e){return e?n:t})(e)}var f=function(e){var t=e.id,n=(0,o.useState)(!1),a=(0,i.default)(n,2),r=a[0],u=a[1],l=(0,o.useState)(!1),f=(0,i.default)(l,2),c=f[0],s=f[1],p=(0,o.useState)(!0),h=(0,i.default)(p,2),v=h[0],b=h[1],m=(0,o.useState)(!1),g=(0,i.default)(m,2),w=g[0],E=g[1],y=(0,o.useState)(!1),k=(0,i.default)(y,2),C=k[0],O=k[1];return(0,o.useEffect)((function(){setTimeout((function(){u(!0)}),1e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){s(!0)}),3e4)}),[]),(0,o.useEffect)((function(){setTimeout((function(){E(!0)}),6e4)}),[]),o.default.createElement(o.default.Fragment,null,r&&o.default.createElement(d.default,{variant:"error",id:"error-banner-".concat(t),description:"Something happened..."}),v&&o.default.createElement(d.default,{variant:"unsatisfied",id:"unsatisfied-banner-".concat(t)}),c&&o.default.createElement(d.default,{variant:"hazard-medium",id:"hazard-medium-banner-".concat(t),onRequestClose:function(){return s(!1)}}),w&&o.default.createElement(d.default,{variant:"unverified",id:"unverified-banner-".concat(t),description:o.default.createElement("div",null,"There are records that have been included that need to be verified before they are officially added. Please review and ensure they should be included."),bannerAction:{text:"Verify Records",onClick:function(){alert("records verified."),E(!1)}}}),C&&o.default.createElement(d.default,{variant:"hazard-low",id:"hazard-low-banner-".concat(t)}),o.default.createElement("p",null,"The error banner will appear after 10 seconds."),o.default.createElement("button",{onClick:function(){return u(!r)},type:"button",id:"toggle-error-banner-".concat(t)},"Show/Hide Error Banner"),o.default.createElement("p",null,"The hazard-medium banner will appear after 30 seconds."),o.default.createElement("button",{onClick:function(){return s(!c)},type:"button",id:"toggle-hazard-medium-banner-".concat(t)},"Show/Hide Hazard Medium Banner"),o.default.createElement("p",null,"Click to toggle Unsatisfied Banner."),o.default.createElement("button",{onClick:function(){return b(!v)},type:"button",id:"toggle-unsatisfied-banner-".concat(t)},"Show/Hide Unsatisfied Banner"),o.default.createElement("p",null,"The Unverified banner will appear after 60 seconds."),o.default.createElement("button",{onClick:function(){return E(!w)},type:"button",id:"toggle-unverified-banner-".concat(t)},"Show/Hide Unverified Banner"),o.default.createElement("p",null,"Click to toggle Hazard-Low Banner."),o.default.createElement("button",{onClick:function(){return O(!C)},type:"button",id:"toggle-hazard-low-banner-".concat(t)},"Show/Hide Hazard-Low Banner"),o.default.createElement("p",null,"This is a bunch of random page content to make the screen reader talk a lot longer. This is to help keep the reader going while we wait for the 60 second timeout to show the unverified banner. This contents does not add value to this example except to add a bunch of words for the voice over screen reader to read out loud. This could be cut-off when an banner is rendered unless the banner is polite and waits for the screen reader to finish so the user can understand what is happening on the page."))};f.propTypes={id:u.default.string},f.defaultProps={id:"1"};var c=f;t.default=c}}]);
\ No newline at end of file
diff --git a/pull/338/2254-1b5888a1040ed4a0d181.css b/pull/338/2254-1b5888a1040ed4a0d181.css
new file mode 100644
index 000000000..5c6cb6b60
--- /dev/null
+++ b/pull/338/2254-1b5888a1040ed4a0d181.css
@@ -0,0 +1,4 @@
+.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}}
+.PropsTable-module__clinical-lowlight-theme___dcxNv{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___SuGon{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___MKqSx{font-weight:600 !important}.PropsTable-module__table___-hq3I{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___-hq3I{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___KqgCN{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___R4XGf pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___R4XGf pre{padding:.2857rem}
+.ApplicationErrorBoundaryExample-module__example___Apc56{height:30rem;width:100%}
+.ExampleTemplate-module__clinical-lowlight-theme___FATtk{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___s6uZH{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___ffP6g{overflow:hidden}[dir] .ExampleTemplate-module__template___ffP6g{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___vIWDI{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___rbhnH{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___\+FEIq{padding-bottom:.625rem}.ExampleTemplate-module__footer___D7QJv{overflow:hidden}[dir] .ExampleTemplate-module__footer___D7QJv{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___3zfGj{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___i6lpu,.ExampleTemplate-module__code___-yR3s{height:100%}[dir] .ExampleTemplate-module__css___i6lpu, [dir] .ExampleTemplate-module__code___-yR3s{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___DsZuN,.ExampleTemplate-module__code-toggle___3pWSV{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___DsZuN, [dir] .ExampleTemplate-module__code-toggle___3pWSV{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___DsZuN.ExampleTemplate-module__is-selected___UZtM1,.ExampleTemplate-module__code-toggle___3pWSV.ExampleTemplate-module__is-selected___UZtM1{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___DsZuN.ExampleTemplate-module__is-selected___UZtM1, [dir] .ExampleTemplate-module__code-toggle___3pWSV.ExampleTemplate-module__is-selected___UZtM1{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___DsZuN:hover, [dir] .ExampleTemplate-module__code-toggle___3pWSV:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___DsZuN:hover.ExampleTemplate-module__is-selected___UZtM1, [dir] .ExampleTemplate-module__code-toggle___3pWSV:hover.ExampleTemplate-module__is-selected___UZtM1{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___56MkH[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___ljb6a{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___GjcWJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___GjcWJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___SslvG{background-color:rgba(0,0,0,0)}
diff --git a/pull/338/2254-1b5888a1040ed4a0d181.js b/pull/338/2254-1b5888a1040ed4a0d181.js
new file mode 100644
index 000000000..0b08dd163
--- /dev/null
+++ b/pull/338/2254-1b5888a1040ed4a0d181.js
@@ -0,0 +1 @@
+"use strict";(self.webpackChunkterra_application_mono=self.webpackChunkterra_application_mono||[]).push([[2254],{2254:(e,t,r)=>{r.r(t),r.d(t,{default:()=>j});var n=r(87462),l=r(44925),a=r(67294),o=r(81254),u=r(2010),d=["components"],c={},i="wrapper";function p(e){var t=e.components,r=(0,l.Z)(e,d);return(0,o.mdx)(i,(0,n.Z)({},c,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(u.ZP,{mdxType:"PropsTable"},(0,o.mdx)(u.X2,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(u.O,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(u.Di,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(u.dS,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(u.mW,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(u.Ex,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Components to render within the context of the ApplicationErrorBoundary. Exceptions thrown\nby these components during their render lifecycle will be caught by the ApplicationErrorBoundary.")))))}p.isMDXComponent=!0;var s=r(34094),f=["components"],m={};function _(e){var t=e.components,r=(0,l.Z)(e,f);return(0,o.mdx)("wrapper",(0,n.Z)({},m,r,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\n\nimport ApplicationErrorBoundary from 'terra-application/lib/application-error-boundary/ApplicationErrorBoundary';\nimport styles from './ApplicationErrorBoundaryExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ErrorThrowingComponent = () => {\n const [throwError, setThrowError] = useState(false);\n\n if (throwError) {\n throw new Error('whoops');\n }\n\n return (\n <>\n