diff --git a/pull/834/13e30f227d2d7c11cdb2385b7913b0c1.gif b/pull/834/13e30f227d2d7c11cdb2385b7913b0c1.gif new file mode 100644 index 000000000..97d2089a6 Binary files /dev/null and b/pull/834/13e30f227d2d7c11cdb2385b7913b0c1.gif differ diff --git a/pull/834/1487-7b11cb9283b4431beef2.js b/pull/834/1487-7b11cb9283b4431beef2.js new file mode 100644 index 000000000..87e8850da --- /dev/null +++ b/pull/834/1487-7b11cb9283b4431beef2.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[1487],{21487:function(e,n,a){a.r(n),a.d(n,{default:function(){return u}});var t=a(87462),r=a(44925),o=(a(67294),a(81254)),p=["components"],l={},m="wrapper";function s(e){var n=e.components,a=(0,r.Z)(e,p);return(0,o.mdx)(m,(0,t.Z)({},l,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"custom-property-namespace"},"custom-property-namespace"),(0,o.mdx)("p",null,"Requires custom properties defined within var functions to be prefixed with a namespace."),(0,o.mdx)("h2",{id:"options"},"Options"),(0,o.mdx)("p",null,(0,o.mdx)("inlineCode",{parentName:"p"},"boolean"),": ",(0,o.mdx)("inlineCode",{parentName:"p"},"true")),(0,o.mdx)("p",null,"By default the rule will find the nearest package.json and extract the package name."),(0,o.mdx)("p",null,"The following patterns are considered violations:"),(0,o.mdx)("p",null,"Example of the nearest package.json"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "name": "terra-example"\n}\n')),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-css"},"/* Is not prefixed with the namespace. */\na { color: var(--terra-color); }\n")),(0,o.mdx)("p",null,"The following patterns are ",(0,o.mdx)("em",{parentName:"p"},"not")," considered violations:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-css"},"/* namespace ↓ */\na { color: var(--terra-example-color); }\n")),(0,o.mdx)("h2",{id:"optional-secondary-options"},"Optional secondary options"),(0,o.mdx)("h3",{id:"namespace"},(0,o.mdx)("inlineCode",{parentName:"h3"},"namespace")),(0,o.mdx)("p",null,(0,o.mdx)("inlineCode",{parentName:"p"},"string")),(0,o.mdx)("p",null,"A custom namespace. If not specified the name in the nearest package.json will be used."),(0,o.mdx)("p",null,"Example:"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-json"},'[\n true,\n {\n "namespace": "terra-component"\n }\n]\n')),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-css"},"a { color: var(--terra-component-color); }\n")))}s.isMDXComponent=!0;var c=["components"],d={},i="wrapper";function u(e){var n=e.components,a=(0,r.Z)(e,c);return(0,o.mdx)(i,(0,t.Z)({},d,a,{components:n,mdxType:"MDXLayout"}),(0,o.mdx)(s,{mdxType:"Readme"}))}u.isMDXComponent=!0},87462:function(e,n,a){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[a]=e[a]);return r}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}a.d(n,{Z:function(){return t}})}}]); \ No newline at end of file diff --git a/pull/834/1562-ef08b956def83647e5c9.css b/pull/834/1562-ef08b956def83647e5c9.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/pull/834/1562-ef08b956def83647e5c9.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/834/1562-ef08b956def83647e5c9.js b/pull/834/1562-ef08b956def83647e5c9.js new file mode 100644 index 000000000..5c238851d --- /dev/null +++ b/pull/834/1562-ef08b956def83647e5c9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[1562],{22863:function(e,a,n){var l=n(64836);a.Z=void 0;var t=l(n(67294)),r=l(n(45697)),d=l(n(47166)),m=l(n(17422)),i=d.default.bind(m.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},o=function(e){var a=e.src,n=e.name,l=e.url,r=e.version,d=t.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},t.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(r))),m=a?t.default.createElement("a",{className:i("badge"),href:a},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},d,m)};o.propTypes=u;var p=o;a.Z=p},61562:function(e,a,n){n.r(a),n.d(a,{default:function(){return c}});var l=n(87462),t=n(44925),r=(n(67294),n(81254)),d=n(65941),m=["components"],i={},u="wrapper";function o(e){var a=e.components,n=(0,t.Z)(e,m);return(0,r.mdx)(u,(0,l.Z)({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"ChangeLog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixes",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed unresolved peer dependency"),(0,r.mdx)("li",{parentName:"ul"},"Corrected version of ",(0,r.mdx)("inlineCode",{parentName:"li"},"browserslist-config-terra"),". It should now pull in v4.")))),(0,r.mdx)("h2",{id:"500---october-26-2023"},"5.0.0 - (October 26, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking Change",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Upgraded Stylelint from 13 to 15.")))),(0,r.mdx)("h2",{id:"460---september-26-2023"},"4.6.0 - (September 26, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"450---august-31-2023"},"4.5.0 - (August 31, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"442---august-30-2023"},"4.4.2 - (August 30, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"441---august-25-2023"},"4.4.1 - (August 25, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,r.mdx)("inlineCode",{parentName:"li"},"postinstall")," step when installing."),(0,r.mdx)("li",{parentName:"ul"},"Optimized package size by exlucding unnecessary files when publishing.")))),(0,r.mdx)("h2",{id:"440---august-24-2023"},"4.4.0 - (August 24, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"430---february-11-2022"},"4.3.0 - (February 11, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,r.mdx)("h2",{id:"420---february-8-2022"},"4.2.0 - (February 8, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,r.mdx)("h2",{id:"410---february-25-2021"},"4.1.0 - (February 25, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"declaration-property-unit-whitelist is deprecated, converting to declaration-property-unit-allowed-list.")))),(0,r.mdx)("h2",{id:"400---january-5-2021"},"4.0.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Breaking"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Drop support for node versions below version 10."),(0,r.mdx)("li",{parentName:"ul"},"Require stylelint version 13."),(0,r.mdx)("li",{parentName:"ul"},"Scope package under @cerner."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Use jest for tests."),(0,r.mdx)("li",{parentName:"ul"},"Added publish config to package.json."),(0,r.mdx)("li",{parentName:"ul"},"Opened the node version to allow versions higher than node 10.")))),(0,r.mdx)("h2",{id:"370---july-28-2020"},"3.7.0 - (July 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Support scoped package names")))),(0,r.mdx)("h2",{id:"360---july-21-2020"},"3.6.0 - (July 21, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated the custom-property-pattern rule to not require the terra prefix")))),(0,r.mdx)("h2",{id:"350---june-9-2020"},"3.5.0 - (June 9, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated eslint-config-terra to @cerner/eslint-config-terra v^4.0.0")))),(0,r.mdx)("h2",{id:"340---march-31-2020"},"3.4.0 - (March 31, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Removed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed the ",(0,r.mdx)("inlineCode",{parentName:"li"},"suitcss/custom-property-no-outside-root")," rule as it conflicts with our themeing strategy.")))),(0,r.mdx)("h2",{id:"330---january-28-2020"},"3.3.0 - (January 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added Dave as a code owner."),(0,r.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,r.mdx)("h2",{id:"320---october-3-2019"},"3.2.0 - (October 3, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added no-extra-semicolons rule to enforce no extra semicolons"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated nvmrc file to use lts/dubnium"),(0,r.mdx)("li",{parentName:"ul"},"Updated find-up dependency to ^4.0.0"),(0,r.mdx)("li",{parentName:"ul"},"Updated postcss-value-parser to ^4.0.0"),(0,r.mdx)("li",{parentName:"ul"},"Updated ESLint to v6"),(0,r.mdx)("li",{parentName:"ul"},"Updated stylelint-config-sass-guidelines to ^6.1.0"),(0,r.mdx)("li",{parentName:"ul"},"Updated stylelint-order to ^3.1.1"),(0,r.mdx)("li",{parentName:"ul"},"Updated stylelint-scss to ^3.11.0"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Removed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed DangerJS integration"),(0,r.mdx)("li",{parentName:"ul"},"Removed Terra prefix from mixin pattern rule."),(0,r.mdx)("li",{parentName:"ul"},"Removed rimraf devDependency")))),(0,r.mdx)("h2",{id:"310---may-9-2019"},"3.1.0 - (May 9, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added warning to enforce a unitless line-height")))),(0,r.mdx)("h2",{id:"300---may-1-2019"},"3.0.0 - (May 1, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added more styles to ignore list"),(0,r.mdx)("li",{parentName:"ul"},"Updated stylelint dependencies to latest major versions")))),(0,r.mdx)("h2",{id:"200---january-29-2019"},"2.0.0 - (January 29, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking Changes",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Enabled custom property rules to throw errors for violations")))),(0,r.mdx)("h2",{id:"151---december-19-2018"},"1.5.1 - (December 19, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Adjusted custom-property-pseudo-selectors to not require multiple definitions of the same pseudo selector if declared in the same block")))),(0,r.mdx)("h2",{id:"150---december-5-2018"},"1.5.0 - (December 5, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Removed custom property version checking."),(0,r.mdx)("li",{parentName:"ul"},"Renamed custom-property-namespace-version to custom-property-namespace")))),(0,r.mdx)("h2",{id:"140---november-29-2018"},"1.4.0 - (November 29, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added: ",(0,r.mdx)("inlineCode",{parentName:"li"},"custom-property-no-duplicate-declaration")," rule to disallow a custom property to be declared more than once with a different fallback value")))),(0,r.mdx)("h2",{id:"130---october-30-2018"},"1.3.0 - (October 30, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added: ",(0,r.mdx)("inlineCode",{parentName:"li"},"custom-property-name")," rule to enforce custom properties be suffixed with the css style property name"),(0,r.mdx)("li",{parentName:"ul"},"Added: ",(0,r.mdx)("inlineCode",{parentName:"li"},"custom-property-namespace-version")," rule to enforce custom properties to be prefixed with a namespace and version"),(0,r.mdx)("li",{parentName:"ul"},"Added: ",(0,r.mdx)("inlineCode",{parentName:"li"},"custom-property-pattern")," rule to enforce custom properties be written in lowercase alphanumeric characters and hyphens"),(0,r.mdx)("li",{parentName:"ul"},"Added: ",(0,r.mdx)("inlineCode",{parentName:"li"},"custom-property-pseudo-selectors")," rule to enforce custom properties to include the ancestor pseudo selector names")))),(0,r.mdx)("h2",{id:"120---august-30-2018"},"1.2.0 - (August 30, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Bumped stylelint-order dependency to v1.0.0")))),(0,r.mdx)("h2",{id:"110---august-8-2018"},"1.1.0 - (August 8, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"calc"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"cursor"),", and ",(0,r.mdx)("inlineCode",{parentName:"li"},"outline")," to ignored style list for browser support.")))),(0,r.mdx)("h2",{id:"100---june-18-2018"},"1.0.0 - (June 18, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Initial stable release")))}o.isMDXComponent=!0;var p=["components"],s={},x="wrapper";function c(e){var a=e.components,n=(0,t.Z)(e,p);return(0,r.mdx)(x,(0,l.Z)({},s,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(d.C,{mdxType:"Badge"}),(0,r.mdx)(o,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},65941:function(e,a,n){n.d(a,{C:function(){return r}});var l=n(67294),t=n(22863),r=function(e){var a=e.url;return l.createElement(t.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/stylelint-config-terra",name:"@cerner/stylelint-config-terra",version:"5.0.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,n){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(t[n]=e[n]);return t}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}n.d(a,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/834/2026-1350ab61adbce558dd94.js b/pull/834/2026-1350ab61adbce558dd94.js new file mode 100644 index 000000000..052916b9c --- /dev/null +++ b/pull/834/2026-1350ab61adbce558dd94.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[2026],{92026:function(e,r,n){n.r(r),n.d(r,{default:function(){return l}});var t=n(87462),a=n(44925),i=(n(67294),n(81254)),s=["components"],o={},d="wrapper";function l(e){var r=e.components,n=(0,a.Z)(e,s);return(0,i.mdx)(d,(0,t.Z)({},o,n,{components:r,mdxType:"MDXLayout"}),(0,i.mdx)("h1",{id:"browserslist-config-terra-upgrade-guide"},"Browserslist Config Terra Upgrade Guide"),(0,i.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,i.mdx)("p",null,"The ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," package has been repackaged as ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra"),". This update scopes the package under the ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner")," npm organization."),(0,i.mdx)("p",null,"Note: There were no changes to the range of supported browsers. The major version bump is to account for the scoped repackage."),(0,i.mdx)("h2",{id:"upgrading"},"Upgrading"),(0,i.mdx)("p",null,"As part of this upgrade we've discovered issues with the prior strategy of defining and extending the browserslist. It is no longer recommended to extend the browserslist from the package.json. For this reason projects should instead implement a ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," file as part of this upgrade."),(0,i.mdx)("p",null,"For an upgrade example see the ",(0,i.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-application/commit/a9801e9ccd5e264274582240bf174e3a2006998c"},"changes")," to terra-application."),(0,i.mdx)("p",null,"To get started with the upgrade install ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra")," as a development dependency."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-sh"},"npm install --save-dev @cerner/browserslist-config-terra\n")),(0,i.mdx)("p",null,"After installation remove prior references to the old browserslist from the package.json. The ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist")," key should also be removed if present."),(0,i.mdx)("p",null,"package.json"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n- "browserslist": [\n- "extends browserslist-config-terra"\n- ],\n "devDependencies": {\n+ "@cerner/browserslist-config-terra": "^3.0.0"\n- "browserslist-config-terra": "^2.0.0"\n }\n}\n')),(0,i.mdx)("p",null,"Create a ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," file and extend ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra"),"."),(0,i.mdx)("p",null,".browserslistrc"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre"},"extends @cerner/browserslist-config-terra\n")),(0,i.mdx)("p",null,"Add ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," to the ",(0,i.mdx)("inlineCode",{parentName:"p"},".npmignore")," to prevent being released. Projects that implement the ",(0,i.mdx)("a",{parentName:"p",href:"https://docs.npmjs.com/cli/v6/configuring-npm/package-json#files"},"files")," key in the package.json do not need to add the ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," file to the ",(0,i.mdx)("inlineCode",{parentName:"p"},".npmignore"),"."),(0,i.mdx)("p",null,"To complete the upgrade verify the changes by doing a clean install and starting the development webpack-dev-server. The browserslist is used during webpack and a successful start of the development server is a good indicator of a successful upgrade."),(0,i.mdx)("h2",{id:"faq"},"FAQ"),(0,i.mdx)("h3",{id:"after-upgrading-i-am-seeing-the-following-error-error-cannot-find-module-browserslist-config-terra"},"After upgrading I am seeing the following error: Error: Cannot find module 'browserslist-config-terra'"),(0,i.mdx)("p",null,"This error indicates a transitive dependency is extending ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," in the package.json using the ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist")," key. Until all dependencies have been upgraded and implemented the ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," file both versions of browserslist-config-terra will be required as development dependencies."),(0,i.mdx)("p",null,"Add ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," as a development dependency. "),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-sh"},"npm install --save-dev browserslist-config-terra\n")),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "devDependencies": {\n+ "browserslist-config-terra": "^2.0.0"\n }\n}\n')),(0,i.mdx)("p",null,"Note: A project may have a dependency on both ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," and ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra"),". This is okay. Once all dependencies have been upgraded ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," can be removed. "),(0,i.mdx)("h3",{id:"prior-to-upgrading-i-am-seeing-the-following-error-error-cannot-find-module-cernerbrowserslist-config-terra"},"Prior to upgrading I am seeing the following error: Error: Cannot find module '@cerner/browserslist-config-terra'"),(0,i.mdx)("p",null,"This error indicates a transitive dependency has upgraded to ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra")," but did not implement the ",(0,i.mdx)("inlineCode",{parentName:"p"},".browserslistrc")," as part of the upgrade. Packages that define a ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist")," in the package.json create an implicit requirement that cascades to all consuming projects. When a ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist")," is defined in the package.json it is read during webpack. The extended browserslist must be defined by the project running webpack."),(0,i.mdx)("p",null,"There are two options to resolve this error."),(0,i.mdx)("p",null,"Option 1: Use this guide to upgrade to ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra"),"."),(0,i.mdx)("p",null,"Option 2: Add ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra")," as a devDependency."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-sh"},"npm install --save-dev @cerner/browserslist-config-terra\n")),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-diff"},'{\n "devDependencies": {\n+ "@cerner/browserslist-config-terra": "^3.0.0"\n }\n}\n')),(0,i.mdx)("p",null,"Note: A project may have a dependency on both ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," and ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/browserslist-config-terra"),". This is okay. Once all dependencies have been upgraded ",(0,i.mdx)("inlineCode",{parentName:"p"},"browserslist-config-terra")," can be removed."),(0,i.mdx)("h2",{id:"related-resources"},"Related Resources"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-application/pull/74"},"Initial discovery of the cascading issue")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-application/issues/109"},"Investigation into the issue")),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-application/pull/114"},"Resolution and example upgrade pull request"))))}l.isMDXComponent=!0},87462:function(e,r,n){function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(a[n]=e[n]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}n.d(r,{Z:function(){return t}})}}]); \ No newline at end of file diff --git a/pull/834/2100-7c8be1a28b8d69b438b0.css b/pull/834/2100-7c8be1a28b8d69b438b0.css new file mode 100644 index 000000000..d5bb5073e --- /dev/null +++ b/pull/834/2100-7c8be1a28b8d69b438b0.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/834/2670-a3a163532a70e799a853.css b/pull/834/2670-a3a163532a70e799a853.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/pull/834/2670-a3a163532a70e799a853.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/834/2670-a3a163532a70e799a853.js b/pull/834/2670-a3a163532a70e799a853.js new file mode 100644 index 000000000..a5e712fb6 --- /dev/null +++ b/pull/834/2670-a3a163532a70e799a853.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[2670],{22863:function(e,n,t){var a=t(64836);n.Z=void 0;var r=a(t(67294)),i=a(t(45697)),o=a(t(47166)),s=a(t(17422)),l=o.default.bind(s.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},m=function(e){var n=e.src,t=e.name,a=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),s=n?r.default.createElement("a",{className:l("badge"),href:n},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,s)};m.propTypes=d;var p=m;n.Z=p},2670:function(e,n,t){t.r(n),t.d(n,{default:function(){return m}});var a=t(87462),r=t(44925),i=(t(67294),t(81254)),o=t(91441),s=["components"],l={},d="wrapper";function m(e){var n=e.components,t=(0,r.Z)(e,s);return(0,i.mdx)(d,(0,a.Z)({},l,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(o.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"jest-config-terra"},"Jest Config Terra"),(0,i.mdx)("p",null,"This package provides Terra's recommended jest configuration."),(0,i.mdx)("p",null,"Features:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"An extended Jsdom test environment that:",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},"provides a mock implementation for ",(0,i.mdx)("inlineCode",{parentName:"li"},"matchMedia"),"."),(0,i.mdx)("li",{parentName:"ul"},"provides a mock implementation for ",(0,i.mdx)("inlineCode",{parentName:"li"},"scrollIntoView"),"."),(0,i.mdx)("li",{parentName:"ul"},"Sets the dir tag on the html element."))),(0,i.mdx)("li",{parentName:"ul"},"Clears mocks after every test by default."),(0,i.mdx)("li",{parentName:"ul"},"Sets up code coverage."),(0,i.mdx)("li",{parentName:"ul"},"Specifies test matchers to not match on terra-dev-site files."),(0,i.mdx)("li",{parentName:"ul"},"Supports mono repos using a 'packages' directory."),(0,i.mdx)("li",{parentName:"ul"},"Maps png, css, scss, and svg files to the ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/keyz/identity-obj-proxy"},"identity-obj-proxy"),"."),(0,i.mdx)("li",{parentName:"ul"},"Maps terra-aggregate-translations locale files to a mock implementation. This removes the need to run terra-aggregate-translations prior to jest testing.")),(0,i.mdx)("h2",{id:"what-is-jest"},"What is Jest"),(0,i.mdx)("p",null,'"Jest is a delightful JavaScript Testing Framework with a focus on simplicity" - ',(0,i.mdx)("a",{parentName:"p",href:"https://jestjs.io/"},"Jest")),(0,i.mdx)("h2",{id:"installation"},"Installation"),(0,i.mdx)("p",null,"To install the module:"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-shell"},"npm install jest --save-dev\nnpm install @cerner/jest-config-terra --save-dev\n")),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("p",null,"To extend ",(0,i.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," add a ",(0,i.mdx)("inlineCode",{parentName:"p"},"jest.config.js")," file to the root of your project, require ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/jest-config-terra")," and export the config. ",(0,i.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," does not support extending configuration in the package.json file."),(0,i.mdx)("h3",{id:"jestconfigjs"},"jest.config.js"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = jestConfig;\n\n")),(0,i.mdx)("h2",{id:"adding-configuration"},"Adding configuration"),(0,i.mdx)("p",null,"Sometimes it is necessary to add additional configuration. In those instances we've found the cleanest option is to spread the config on a new object and subsequently add overrides where appropriate. For instance this example will import regenerator runtime when setting up test files."),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = {\n ...jestConfig,\n setupFiles: [\n 'regenerator-runtime',\n ],\n};\n\n")),(0,i.mdx)("h2",{id:"enzyme-and-testing-library-react"},"Enzyme and Testing Library: React"),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://enzymejs.github.io/enzyme/"},"Enzyme")," and ",(0,i.mdx)("a",{parentName:"p",href:"https://testing-library.com/docs/react-testing-library/intro"},"Testing Library: React")," are two popular packages intended to help test react components. ",(0,i.mdx)("inlineCode",{parentName:"p"},"jest-config-terra")," can support either and the choice of which package to use is left up to consumers. Testing Library: React requires no additional setup. An example of how to setup Enzyme can be seen below."),(0,i.mdx)("h3",{id:"jestconfigjs-1"},"jest.config.js"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"const jestConfig = require('@cerner/jest-config-terra');\n\nmodule.exports = {\n ...jestConfig,\n setupFiles: [\n './jest.enzymeSetup.js',\n ],\n snapshotSerializers: [\n 'enzyme-to-json/serializer',\n ],\n};\n")),(0,i.mdx)("h3",{id:"jestenzymesetupjs"},"jest.enzymeSetup.js"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-js"},"// Make Enzyme functions available in all test files without importing\n/* eslint-disable import/no-extraneous-dependencies */\nimport Enzyme, { mount, render, shallow } from 'enzyme';\nimport Adapter from 'enzyme-adapter-react-16';\n\nEnzyme.configure({ adapter: new Adapter() });\n\nglobal.shallow = shallow;\nglobal.render = render;\nglobal.mount = mount;\n")))}m.isMDXComponent=!0},91441:function(e,n,t){t.d(n,{C:function(){return i}});var a=t(67294),r=t(22863),i=function(e){var n=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/jest-config-terra",name:"@cerner/jest-config-terra",version:"2.0.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,t){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/834/3159-cb2064da26c1acbad81a.css b/pull/834/3159-cb2064da26c1acbad81a.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/pull/834/3159-cb2064da26c1acbad81a.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/834/3159-cb2064da26c1acbad81a.js b/pull/834/3159-cb2064da26c1acbad81a.js new file mode 100644 index 000000000..50759d6f5 --- /dev/null +++ b/pull/834/3159-cb2064da26c1acbad81a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[3159],{22863:function(e,n,t){var a=t(64836);n.Z=void 0;var r=a(t(67294)),i=a(t(45697)),s=a(t(47166)),l=a(t(17422)),o=s.default.bind(l.default),d={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},c=function(e){var n=e.src,t=e.name,a=e.url,i=e.version,s=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(i))),l=n?r.default.createElement("a",{className:o("badge"),href:n},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},s,l)};c.propTypes=d;var u=c;n.Z=u},33159:function(e,n,t){t.r(n),t.d(n,{default:function(){return c}});var a=t(87462),r=t(44925),i=(t(67294),t(81254)),s=t(51787),l=["components"],o={},d="wrapper";function c(e){var n=e.components,t=(0,r.Z)(e,l);return(0,i.mdx)(d,(0,a.Z)({},o,t,{components:n,mdxType:"MDXLayout"}),(0,i.mdx)(s.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"eslint-config-terra"},"Eslint Config Terra"),(0,i.mdx)("p",null,"This configuration reflects Terra's supported eslint policy for javascript."),(0,i.mdx)("p",null,"Features:"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},"extends the ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb"},"eslint-config-airbnb"),", which exports ESLint rules, including rules for ECMAScript 6+ and React."),(0,i.mdx)("li",{parentName:"ul"},"checks for proper ReactJS Hooks usage via the ",(0,i.mdx)("a",{parentName:"li",href:"https://reactjs.org/docs/hooks-rules.html"},"eslint-plugin-react-hooks"),"."),(0,i.mdx)("li",{parentName:"ul"},"checks syntax for targeted browsers support via the ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/amilajack/eslint-plugin-compat"},"eslint-plugin-compat"),". It is recommended to use Terra's targeted browsers which are specified by the ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-toolkit/tree/main/packages/browserslist-config-terra"},"browserslist-config-terra")," module."),(0,i.mdx)("li",{parentName:"ul"},"defines the browser and jest environment"),(0,i.mdx)("li",{parentName:"ul"},"defines enzyme globals for ",(0,i.mdx)("inlineCode",{parentName:"li"},"shallow"),", ",(0,i.mdx)("inlineCode",{parentName:"li"},"render")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"mount")," for jest testing")),(0,i.mdx)("h2",{id:"what-is-eslint"},"What is Eslint"),(0,i.mdx)("p",null,(0,i.mdx)("a",{parentName:"p",href:"https://eslint.org/"},"ESlint")," is a pluggable linting utility for JavaScript and JSX."),(0,i.mdx)("h2",{id:"installation"},"Installation"),(0,i.mdx)("p",null,"Install the module"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-shell"},"npm install eslint --save-dev\nnpm install @cerner/eslint-config-terra --save-dev\n")),(0,i.mdx)("h2",{id:"usage"},"Usage"),(0,i.mdx)("p",null,"Include the configuration defined by ",(0,i.mdx)("inlineCode",{parentName:"p"},"@cerner/eslint-config-terra")," via the ",(0,i.mdx)("a",{parentName:"p",href:"https://eslint.org/docs/user-guide/configuring#extending-configuration-files"},"extends")," property."),(0,i.mdx)("p",null,"To lint based on supported browsers, add browserlist config as specified in the ",(0,i.mdx)("a",{parentName:"p",href:"dev_tools/cerner/browserslist-config-terra/upgrade-guide"},"browserlist config upgrade guide"),"."),(0,i.mdx)("h3",{id:"packagejson"},"package.json"),(0,i.mdx)("pre",null,(0,i.mdx)("code",{parentName:"pre",className:"language-json"},'{\n "eslintConfig": {\n "extends": "@cerner/terra"\n },\n}\n')))}c.isMDXComponent=!0},51787:function(e,n,t){t.d(n,{C:function(){return i}});var a=t(67294),r=t(22863),i=function(e){var n=e.url;return a.createElement(r.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/eslint-config-terra",name:"@cerner/eslint-config-terra",version:"5.6.0",url:n})}},17422:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,n,t){function a(){return a=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}t.d(n,{Z:function(){return a}})}}]); \ No newline at end of file diff --git a/pull/834/3352-df41dae4f31d4b14807e.css b/pull/834/3352-df41dae4f31d4b14807e.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/pull/834/3352-df41dae4f31d4b14807e.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/834/3352-df41dae4f31d4b14807e.js b/pull/834/3352-df41dae4f31d4b14807e.js new file mode 100644 index 000000000..157a7d26b --- /dev/null +++ b/pull/834/3352-df41dae4f31d4b14807e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[3352],{22863:function(e,a,n){var l=n(64836);a.Z=void 0;var d=l(n(67294)),r=l(n(45697)),i=l(n(47166)),t=l(n(17422)),m=i.default.bind(t.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},p=function(e){var a=e.src,n=e.name,l=e.url,r=e.version,i=d.default.createElement("a",{className:m("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},d.default.createElement("span",{className:m("badge-name")},l?"package":"npm"),d.default.createElement("span",{className:m("badge-version")},"v".concat(r))),t=a?d.default.createElement("a",{className:m("badge"),href:a},d.default.createElement("span",{className:m("badge-name")},"github"),d.default.createElement("span",{className:m("badge-version")},"source")):void 0;return d.default.createElement("div",{className:m("badge-container")},i,t)};p.propTypes=u;var o=p;a.Z=o},83352:function(e,a,n){n.r(a),n.d(a,{default:function(){return N}});var l=n(87462),d=n(44925),r=(n(67294),n(81254)),i=n(51787),t=["components"],m={},u="wrapper";function p(e){var a=e.components,n=(0,d.Z)(e,t);return(0,r.mdx)(u,(0,l.Z)({},m,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"560---august-31-2023"},"5.6.0 - (August 31, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Locked ",(0,r.mdx)("inlineCode",{parentName:"li"},"eslint-plugin-formatjs")," to ",(0,r.mdx)("inlineCode",{parentName:"li"},"2.19.1")," so that the version of its peerDependency ",(0,r.mdx)("inlineCode",{parentName:"li"},"eslint@7")," matches that in ",(0,r.mdx)("inlineCode",{parentName:"li"},"eslint-config-terra"),".")))),(0,r.mdx)("h2",{id:"551---august-30-2023"},"5.5.1 - (August 30, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed"),(0,r.mdx)("li",{parentName:"ul"},"Moved ",(0,r.mdx)("inlineCode",{parentName:"li"},"eslint")," from dependencies to the correct peerDependencies section to fix npm 6 install errors. ")),(0,r.mdx)("h2",{id:"550---august-24-2023"},"5.5.0 - (August 24, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,r.mdx)("h2",{id:"540---february-11-2022"},"5.4.0 - (February 11, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Revert limiting upper Node version to 14.")))),(0,r.mdx)("h2",{id:"530---february-8-2022"},"5.3.0 - (February 8, 2022)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated component to support Node 14.")))),(0,r.mdx)("h2",{id:"520---november-16-2021"},"5.2.0 - (November 16, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Add Format-js linter.")))),(0,r.mdx)("h2",{id:"510---april-23-2021"},"5.1.0 - (April 23, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"FullStack")," to globals for usage in full stack testing")))),(0,r.mdx)("h2",{id:"500---february-16-2021"},"5.0.0 - (February 16, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update to eslint ^7.19.0.")))),(0,r.mdx)("h2",{id:"451---february-9-2021"},"4.5.1 - (February 9, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Locking into a previous version of eslint-config-airbnb is non passive, rolling back the fix for the missing peer.")))),(0,r.mdx)("h2",{id:"450---february-8-2021"},"4.5.0 - (February 8, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Resolved missing peer dependency warning by locking into a previous version of eslint-config-airbnb.")))),(0,r.mdx)("h2",{id:"440---january-27-2021"},"4.4.0 - (January 27, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added $ to globals for usage in WDIO spec tests")))),(0,r.mdx)("h2",{id:"430---january-5-2021"},"4.3.0 - (January 5, 2021)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Opened the node version to allow versions higher than node 10.")))),(0,r.mdx)("h2",{id:"420---november-24-2020"},"4.2.0 - (November 24, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Fixed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The badges in the readme were pointing to an incorrect url."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated eslint config file to use ",(0,r.mdx)("inlineCode",{parentName:"li"},"off"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"warn")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"error")," instead of ",(0,r.mdx)("inlineCode",{parentName:"li"},"0"),", ",(0,r.mdx)("inlineCode",{parentName:"li"},"1")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"2"),".")))),(0,r.mdx)("h2",{id:"410---august-4-2020"},"4.1.0 - (August 4, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"babel-eslint as parser to allow current js functionality, like optional chaining.")))),(0,r.mdx)("h2",{id:"400---may-5-2020"},"4.0.0 - (May 5, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Breaking Change",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated to a scoped packages: @cerner/eslint-config-terra")))),(0,r.mdx)("h2",{id:"330---january-28-2020"},"3.3.0 - (January 28, 2020)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update copyright to include 2020"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added new override for relative package imports within terra-dev-site example files")))),(0,r.mdx)("h2",{id:"320---november-7-2019"},"3.2.0 - (November 7, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added minimum node engine version of 8.10.0, 10.13.0, or 11.10.1 in package.json")))),(0,r.mdx)("h2",{id:"310---october-30-2019"},"3.1.0 - (October 30, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added rule override for ",(0,r.mdx)("inlineCode",{parentName:"li"},"no-multiple-empty-lines")," to warn on multiple consecutive empty lines")))),(0,r.mdx)("h2",{id:"302---october-1-2019"},"3.0.2 - (October 1, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Pin eslint-plugin-react dependency to ",(0,r.mdx)("inlineCode",{parentName:"li"},"7.14.3"))))),(0,r.mdx)("h2",{id:"301---september-6-2019"},"3.0.1 - (September 6, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update eslint-plugin-react-hooks dependency to ",(0,r.mdx)("inlineCode",{parentName:"li"},"^2.0.1"))))),(0,r.mdx)("h2",{id:"300---august-20-2019"},"3.0.0 - (August 20, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Breaking Change"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated eslint peer dependency to ",(0,r.mdx)("inlineCode",{parentName:"li"},"^6.1.0")),(0,r.mdx)("li",{parentName:"ul"},"Update eslint-config-airbnb dependency to ",(0,r.mdx)("inlineCode",{parentName:"li"},"^18.0.0")),(0,r.mdx)("li",{parentName:"ul"},"Update eslint-plugin-compat dependency to ",(0,r.mdx)("inlineCode",{parentName:"li"},"^3.3.0")),(0,r.mdx)("li",{parentName:"ul"},"Enable ",(0,r.mdx)("inlineCode",{parentName:"li"},"react/jsx-wrap-multilines")," rule"),(0,r.mdx)("li",{parentName:"ul"},"Updating warning for style prop to produce an error instead of a warning"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Replace DangerJS integration with probot-changelog"),(0,r.mdx)("li",{parentName:"ul"},"Removed rimraf devDependency and replaced with ",(0,r.mdx)("inlineCode",{parentName:"li"},"rm -rf"))))),(0,r.mdx)("h2",{id:"250---may-9-2019"},"2.5.0 - (May 9, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"A warning to discourage inline styles")))),(0,r.mdx)("h2",{id:"240---february-11-2019"},"2.4.0 - (February 11, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Setting to eslint-plugin-compat config to denote polyfill usage for ",(0,r.mdx)("inlineCode",{parentName:"li"},"Object.values"),".")))),(0,r.mdx)("h2",{id:"230---february-6-2019"},"2.3.0 - (February 6, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"React Hooks plugin and rules"))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Unlocked 'eslint-plugin-react' to ^7.12.2"),(0,r.mdx)("li",{parentName:"ul"},"Updated config rules to make react/jsx-wrap-multilines a warning for passivity")))),(0,r.mdx)("h2",{id:"220---january-2-2019"},"2.2.0 - (January 2, 2019)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Rule override to turn off the ",(0,r.mdx)("inlineCode",{parentName:"li"},"no-unused-expression")," rule for jest or wdio test files."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Added after as globals for test files recursively under a "wdio" directory'),(0,r.mdx)("li",{parentName:"ul"},"Tempararily lock-down ",(0,r.mdx)("inlineCode",{parentName:"li"},"eslint-plugin-react"),". V7.12.0 was released with bugs and has not yet been fixed. Locking this down until a fix is released.")))),(0,r.mdx)("h2",{id:"210---august-29-2018"},"2.1.0 - (August 29, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},'Updated mount, shallow, and render to only be globals for test files recursively under a "jest" directory'),(0,r.mdx)("li",{parentName:"ul"},'Added before, browser, and Terra as globals for test files recursively under a "wdio" directory')))),(0,r.mdx)("h2",{id:"200---august-23-2018"},"2.0.0 - (August 23, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update ESLint and related dependencies to ESLint v5 compatible versions"),(0,r.mdx)("li",{parentName:"ul"},"Disabled the deprecated ",(0,r.mdx)("inlineCode",{parentName:"li"},"jsx-a11y/label-has-for rule"),". More info about this rule deprecation here: ",(0,r.mdx)("a",{parentName:"li",href:"https://github.com/evcohen/eslint-plugin-jsx-a11y/releases/tag/v6.1.0"},"https://github.com/evcohen/eslint-plugin-jsx-a11y/releases/tag/v6.1.0")),(0,r.mdx)("li",{parentName:"ul"},"Replaced ",(0,r.mdx)("inlineCode",{parentName:"li"},"jsx-a11y/label-has-for")," rule with new ",(0,r.mdx)("inlineCode",{parentName:"li"},"jsx-a11y/label-has-associated-control")," rule"),(0,r.mdx)("li",{parentName:"ul"},"Disabled ",(0,r.mdx)("inlineCode",{parentName:"li"},"react/destructuring-assignment")," rule")))),(0,r.mdx)("h2",{id:"110---july-11-2018"},"1.1.0 - (July 11, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated 'jsx-a11y/label-has-for' to require id or nested input for label mapping")))),(0,r.mdx)("h2",{id:"101---june-19-2018"},"1.0.1 - (June 19, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor update to ReadMe")))),(0,r.mdx)("h2",{id:"100---june-18-2018"},"1.0.0 - (June 18, 2018)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Initial stable release",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated to ensure travis builds successfully")))))}p.isMDXComponent=!0;var o=["components"],x={},s="wrapper";function N(e){var a=e.components,n=(0,d.Z)(e,o);return(0,r.mdx)(s,(0,l.Z)({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(i.C,{mdxType:"Badge"}),(0,r.mdx)(p,{mdxType:"ChangeLog"}))}N.isMDXComponent=!0},51787:function(e,a,n){n.d(a,{C:function(){return r}});var l=n(67294),d=n(22863),r=function(e){var a=e.url;return l.createElement(d.Z,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/eslint-config-terra",name:"@cerner/eslint-config-terra",version:"5.6.0",url:a})}},17422:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},87462:function(e,a,n){function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[n]=e[n]);return d}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(d[n]=e[n])}return d}n.d(a,{Z:function(){return l}})}}]); \ No newline at end of file diff --git a/pull/834/3532-a6549393e36369b28349.js b/pull/834/3532-a6549393e36369b28349.js new file mode 100644 index 000000000..0a93f10ee --- /dev/null +++ b/pull/834/3532-a6549393e36369b28349.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[3532],{33532:function(e,n,r){r.r(n),r.d(n,{default:function(){return i}});var o=r(87462),t=r(44925),a=(r(67294),r(81254)),l=["components"],s={},p="wrapper";function c(e){var n=e.components,r=(0,t.Z)(e,l);return(0,a.mdx)(p,(0,o.Z)({},s,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"custom-property-pseudo-selectors"},"custom-property-pseudo-selectors"),(0,a.mdx)("p",null,"Requires custom properties defined within var functions to include all ancestor pseudo selectors in order."),(0,a.mdx)("p",null,"Identifiers may be placed between selectors, but the selectors must appear in order."),(0,a.mdx)("h2",{id:"options"},"Options"),(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"boolean"),": ",(0,a.mdx)("inlineCode",{parentName:"p"},"true")),(0,a.mdx)("p",null,"The following patterns are considered violations:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},"a:hover {\n /* Does not contain the hover pseudo selector */\n color: var(--terra-example-color);\n}\n")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},"/* Wrong order ↓ ↓ */\na:hover:focus { color: var(--terra-example-focus-hover-color); }\n")),(0,a.mdx)("p",null,"The following patterns are ",(0,a.mdx)("em",{parentName:"p"},"not")," considered violations:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},"/* ↓ */\na:hover { color: var(--terra-example-hover-color); }\n")),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},".one:hover {\n .two:focus {\n /* ↓ ↓ */\n color: var(--terra-example-one-hover-two-focus-color);\n }\n}\n")))}c.isMDXComponent=!0;var u=["components"],m={},d="wrapper";function i(e){var n=e.components,r=(0,t.Z)(e,u);return(0,a.mdx)(d,(0,o.Z)({},m,r,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(c,{mdxType:"Readme"}))}i.isMDXComponent=!0},87462:function(e,n,r){function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[r]=e[r]);return t}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}r.d(n,{Z:function(){return o}})}}]); \ No newline at end of file diff --git a/pull/834/3786-30b69a4dac0272ec24a1.css b/pull/834/3786-30b69a4dac0272ec24a1.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/pull/834/3786-30b69a4dac0272ec24a1.css @@ -0,0 +1 @@ +.Badges-module__badge___vex-\+{color:#fff;font-family:Verdana,DejaVu Sans,sans-serif;font-size:.7857rem;text-decoration:none}[dir=ltr] .Badges-module__badge___vex-\+{margin-right:.5em}[dir=rtl] .Badges-module__badge___vex-\+{margin-left:.5em}[dir] .Badges-module__badge-container___B13Mv{margin-bottom:.4em}[dir] .Badges-module__badge-name___jkN0m, [dir] .Badges-module__badge-version___agZ\+P{padding:.232rem .357rem}[dir=ltr] .Badges-module__badge-name___jkN0m, [dir=ltr] .Badges-module__badge-version___agZ\+P{text-shadow:1px 1px rgba(0,0,0,.3)}[dir=rtl] .Badges-module__badge-name___jkN0m, [dir=rtl] .Badges-module__badge-version___agZ\+P{text-shadow:-1px 1px rgba(0,0,0,.3)}[dir] .Badges-module__badge-name___jkN0m{background-color:#555}[dir=ltr] .Badges-module__badge-name___jkN0m{border-radius:3px 0 0 3px}[dir=rtl] .Badges-module__badge-name___jkN0m{border-radius:0 3px 3px 0}[dir] .Badges-module__badge-version___agZ\+P{background-color:#007acc}[dir=ltr] .Badges-module__badge-version___agZ\+P{border-radius:0 3px 3px 0}[dir=rtl] .Badges-module__badge-version___agZ\+P{border-radius:3px 0 0 3px} diff --git a/pull/834/3786-30b69a4dac0272ec24a1.js b/pull/834/3786-30b69a4dac0272ec24a1.js new file mode 100644 index 000000000..72bef5d25 --- /dev/null +++ b/pull/834/3786-30b69a4dac0272ec24a1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_toolkit=self.webpackChunkterra_toolkit||[]).push([[3786],{22863:function(e,a,t){var n=t(64836);a.Z=void 0;var r=n(t(67294)),i=n(t(45697)),l=n(t(47166)),d=n(t(17422)),m=l.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},p=function(e){var a=e.src,t=e.name,n=e.url,i=e.version,l=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(i))),d=a?r.default.createElement("a",{className:m("badge"),href:a},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},l,d)};p.propTypes=o;var s=p;a.Z=s},23786:function(e,a,t){t.r(a),t.d(a,{default:function(){return p}});var n=t(87462),r=t(44925),i=(t(67294),t(81254)),l=t(60332),d=["components"],m={},o="wrapper";function p(e){var a=e.components,t=(0,r.Z)(e,d);return(0,i.mdx)(o,(0,n.Z)({},m,t,{components:a,mdxType:"MDXLayout"}),(0,i.mdx)(l.C,{mdxType:"Badge"}),(0,i.mdx)("h1",{id:"webpack-config-terra"},"Webpack Config Terra"),(0,i.mdx)("p",null,"The webpack-config-terra package contains the base webpack config required to build terra applications. ",(0,i.mdx)("a",{parentName:"p",href:"https://webpack.js.org/"},"Webpack")," is a module bundler used to compile modules with dependencies and generate static assets. Webpack is a very powerful tool that is highly configurable and Terra components rely on specific polyfills, webpack loaders and plugins to render correctly."),(0,i.mdx)("h2",{id:"terras-configuration-requirements"},"Terra's Configuration Requirements"),(0,i.mdx)("p",null,"Below is the list of polyfills, webpack loaders and plugins Terra components rely on:"),(0,i.mdx)("h3",{id:"javascript-loaders"},"JavaScript Loaders"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/babel-loader/"},"babel-loader")," - Allows transpiling JavaScript files using ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/babel/babel"},"Babel")," and webpack."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/file-loader/"},"file-loader")," - Instructs webpack to emit the required object as file and to return its public URL.")),(0,i.mdx)("h3",{id:"javascript-plugins"},"JavaScript Plugins"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/plugins/define-plugin/"},"DefinePlugin")," - Plugin to define global compile-time values, including:",(0,i.mdx)("ul",{parentName:"li"},(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"CERNER_BUILD_TIMESTAMP")," - The time that webpack was executed in ISO8601 format."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"TERRA_AGGREGATED_LOCALES")," - The list of successfully aggregated locales available to the browser. See ",(0,i.mdx)("a",{parentName:"li",href:"/terra-toolkit/pull/834/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-i-18-n-config-js"},"i18n config")," for more details about the object structure."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("inlineCode",{parentName:"li"},"TERRA_THEME_CONFIG")," - The scoped and default theme. See ",(0,i.mdx)("a",{parentName:"li",href:"/terra-toolkit/pull/834/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure.")))),(0,i.mdx)("h3",{id:"css-loaders-and-plugins"},"CSS Loaders and Plugins"),(0,i.mdx)("ul",null,(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/postcss/autoprefixer"},"autoprefixer")," - Plugin to parse CSS and add vendor prefixes to CSS rules. This should be configured with ",(0,i.mdx)("a",{parentName:"li",href:"https://github.com/cerner/browserslist-config-terra"},(0,i.mdx)("inlineCode",{parentName:"a"},"browserslist-config-terra")),". ","*"),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/css-loader/"},"css-loader")," - The css-loader interprets ",(0,i.mdx)("inlineCode",{parentName:"li"},"@import")," and ",(0,i.mdx)("inlineCode",{parentName:"li"},"url()")," like ",(0,i.mdx)("inlineCode",{parentName:"li"},"import/require()")," and will resolve them. The css-loader is also used to parse CSS Modules."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/webpack-contrib/mini-css-extract-plugin"},"mini-css-extract-plugin")," - This plugin extracts CSS into separate files and supports on-demand-loading of CSS and SourceMaps."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/postcss-loader/"},"postcss-loader")," - Transforms styles with JS plugins."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/klimashkin/postcss-assets-webpack-plugin#apply-postcss-plugins-to-webpack-css-asset"},"postcss-assets-webpack-plugin")," - Gets the css, extracted by ExtractTextPlugin and apply postcss plugins to it."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/postcss/postcss-custom-properties"},"postcss-custom-properties")," - Transforms W3C CSS Custom Properties to static values.","*"),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://github.com/vkalinichev/postcss-rtl"},"postcss-rtl")," - PostCSS-plugin for RTL-adaptivity."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/sass-loader/"},"sass-loader")," - Loads a SASS/SCSS file and compiles it to CSS."),(0,i.mdx)("li",{parentName:"ul"},(0,i.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/style-loader/"},"style-loader")," - Adds CSS to the DOM by injecting a ",(0,i.mdx)("inlineCode",{parentName:"li"},"