diff --git a/10027-5dac3cd282a7cf6ea80b.css b/10027-5dac3cd282a7cf6ea80b.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10027-5dac3cd282a7cf6ea80b.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/10027-5dac3cd282a7cf6ea80b.js b/10027-5dac3cd282a7cf6ea80b.js new file mode 100644 index 000000000..e1b5d5344 --- /dev/null +++ b/10027-5dac3cd282a7cf6ea80b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10027,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927,98463,20844,53701,76082],{55713:function(e,a,t){var r=t(24994);a.A=void 0;var n=r(t(96540)),l=r(t(5556)),d=r(t(67967)),o=r(t(25642)),u=d.default.bind(o.default),i={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},m=function(e){var a=e.src,t=e.name,r=e.url,l=e.version,d=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(l)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(l))),o=a?n.default.createElement("a",{className:u("badge"),href:a},n.default.createElement("span",{className:u("badge-name")},"github"),n.default.createElement("span",{className:u("badge-version")},"source")):void 0;return n.default.createElement("div",{className:u("badge-container")},d,o)};m.propTypes=i;a.A=m},10027:function(e,a,t){t.r(a),t.d(a,{default:function(){return m}});t(96540);var r=t(36665),n=t(86263),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[t]=e[t]);return n}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u={},i="wrapper";function m(e){var a=e.components,t=o(e,l);return(0,r.mdx)(i,d({},u,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-layout-upgrade-guide"},"Terra Layout Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("h4",{id:"renamed"},"Renamed"),(0,r.mdx)("table",null,(0,r.mdx)("thead",{parentName:"table"},(0,r.mdx)("tr",{parentName:"thead"},(0,r.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,r.mdx)("th",{parentName:"tr",align:null},"New"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-background-color"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-background-color")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-desktop-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-panel-width")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-phone-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-tiny-panel-width")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"--layout-slide-panel-tablet-panel-width"),(0,r.mdx)("td",{parentName:"tr",align:null},"--terra-layout-slide-panel-small-panel-width")))),(0,r.mdx)("h4",{id:"added"},"Added"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-ltr-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-overlay-panel-rtl-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-background-color"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-color"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-border-right-width"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-ltr-box-shadow"),(0,r.mdx)("li",{parentName:"ul"},"--terra-layout-slide-panel-squish-panel-rtl-box-shadow")),(0,r.mdx)("h4",{id:"removed"},"Removed"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-shadow-color"),(0,r.mdx)("li",{parentName:"ul"},"--layout-slide-panel-panel-border-color")))}m.isMDXComponent=!0},86263:function(e,a,t){t.d(a,{E:function(){return l}});var r=t(96540),n=t(55713),l=function(e){var a=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-layout",name:"terra-layout",version:"4.40.0",url:a})}},25642:function(e,a,t){t.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"}}}]); \ No newline at end of file diff --git a/10051-140dda895910c8ce5a7b.js b/10051-140dda895910c8ce5a7b.js new file mode 100644 index 000000000..1a6e77a07 --- /dev/null +++ b/10051-140dda895910c8ce5a7b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10051],{5441:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var l=u(n(96540)),o=u(n(93467));function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(a=function(e){return e?n:t})(e)}function u(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=a(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=o?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(l,u,i):l[u]=e[u]}return l.default=e,n&&n.set(e,l),l}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,u=[],i=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=o.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){d=!0,l=e}finally{try{if(!i&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(d)throw l}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={};function p(e){var t=e.components,n=d(e,u);return(0,l.mdx)("wrapper",i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DropdownButton, { Item } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n setMessage('Export as PDF clicked')} />\n setMessage('Export as Plain Text clicked')} />\n setMessage('Export as Web Page clicked')} />\n setMessage('Export as XML clicked')} />\n \n

{message}

\n
\n );\n};\n\nexport default Example;\n\n")))}p.isMDXComponent=!0;var m=n(201),s=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Default Dropdown Button",description:n,example:r.createElement(a.A,null),exampleSrc:r.createElement(p,null),isExpanded:l})},f=n(16418),y=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var g={};function v(e){var t=e.components,n=x(e,y);return(0,l.mdx)("wrapper",b({},g,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DropdownButton, { Item, Variants } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n setMessage('PDF option clicked')} />\n setMessage('Plain Text option clicked')} />\n setMessage('Web Page option clicked')} />\n setMessage('XML option clicked')} />\n \n

{message}

\n
\n );\n};\n\nexport default Example;\n\n")))}v.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Emphasis Dropdown Button",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(v,null),isExpanded:l})},O=n(68815),_=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var E={};function S(e){var t=e.components,n=j(e,_);return(0,l.mdx)("wrapper",w({},E,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DropdownButton, { Item } from 'terra-dropdown-button';\n\nconst GhostDropdownButton = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n setMessage('PDF option clicked')} />\n setMessage('Plain Text option clicked')} />\n setMessage('Web Page option clicked')} />\n setMessage('XML option clicked')} />\n \n

{message}

\n
\n );\n};\n\nexport default GhostDropdownButton;\n\n")))}S.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Ghost Dropdown Button",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(S,null),isExpanded:l})},P=n(34576),N=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var M={};function C(e){var t=e.components,n=D(e,N);return(0,l.mdx)("wrapper",k({},M,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DropdownButton, { Item } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n setMessage('1st option clicked')} />\n setMessage('2nd option clicked')} />\n setMessage('3rd option clicked')} />\n setMessage('4th option clicked')} />\n \n

{message}

\n
\n );\n};\n\nexport default Example;\n\n")))}C.isMDXComponent=!0;var I=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Disabled Dropdown Button",description:n,example:r.createElement(P.A,null),exampleSrc:r.createElement(C,null),isExpanded:l})},A=n(5441),R=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var F={};function X(e){var t=e.components,n=W(e,R);return(0,l.mdx)("wrapper",B({},F,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport DropdownButton, { Item } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n setMessage('PDF option clicked')} />\n setMessage('Plain Text option clicked')} />\n setMessage('Web Page option clicked')} />\n setMessage('XML option clicked')} />\n \n

{message}

\n
\n );\n};\n\nexport default Example;\n\n")))}X.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Block Dropdown Button",description:n,example:r.createElement(A.A,null),exampleSrc:r.createElement(X,null),isExpanded:l})},L=n(12883),H=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var V={},$="wrapper";function U(e){var t=e.components,n=Y(e,H);return(0,l.mdx)($,Z({},V,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(L.Ay,{mdxType:"PropsTable"},(0,l.mdx)(L.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(L.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The options to display in the dropdown. Should be comprised of the subcomponent ",(0,l.mdx)("inlineCode",{parentName:"p"},"Item"),"."))),(0,l.mdx)(L.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"isBlock"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the button should have block styling applied. The dropdown list will match the component's width."))),(0,l.mdx)(L.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"isCompact"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the button has reduced padding for use in tables and single-row lists."))),(0,l.mdx)(L.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the button should be disabled."))),(0,l.mdx)(L.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(L.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the text that will be shown on the dropdown button."))),(0,l.mdx)(L.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"variant"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'neutral'\n 'emphasis'\n 'ghost'\n],\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'neutral'\n"))),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the styles of the component, one of ",(0,l.mdx)("inlineCode",{parentName:"p"},"neutral"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"emphasis"),", or ",(0,l.mdx)("inlineCode",{parentName:"p"},"ghost"),"."))),(0,l.mdx)(L.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"buttonAttrs"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the custom properties for button.")))))}U.isMDXComponent=!0;var G=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var K={},Q="wrapper";function ee(e){var t=e.components,n=z(e,G);return(0,l.mdx)(Q,J({},K,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(L.Ay,{mdxType:"PropsTable"},(0,l.mdx)(L.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(L.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text that is displayed on the option."))),(0,l.mdx)(L.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"metaData"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(L.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,l.mdx)(L.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(L.dt,{mdxType:"PropNameCell"},"onSelect"),(0,l.mdx)(L.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(L.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(L.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(L.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback for when the appropriate click or key action is performed.\nCallback contains the javascript evnt and prop metadata, e.g. onSelect(event, metaData)")))))}ee.isMDXComponent=!0;var te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var le={},oe="wrapper";function ae(e){var t=e.components,n=re(e,te);return(0,l.mdx)(oe,ne({},le,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(o.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-dropdown-button"},"Terra Dropdown Button"),(0,l.mdx)("p",null,"The Terra Dropdown Button is a button that, when pressed, opens a dropdown with more buttons.\nIt is intended to allow the user to choose from a list of options with no special emphasis on any option."),(0,l.mdx)("p",null,"Children must be ",(0,l.mdx)("inlineCode",{parentName:"p"},"Item")," subcomponent for proper functionality and appearance."),(0,l.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Install with ",(0,l.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"npm install terra-dropdown-button"))))),(0,l.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,l.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,l.mdx)("table",null,(0,l.mdx)("thead",{parentName:"table"},(0,l.mdx)("tr",{parentName:"thead"},(0,l.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,l.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,l.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,l.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,l.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,l.mdx)("p",null,"The Form-Field component must be composed inside the ",(0,l.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/application/terra-application/components/application-base"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import DropdownButton, { Item } from 'terra-dropdown-button';\n")),(0,l.mdx)("h2",{id:"component-features"},"Component Features"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(s,{mdxType:"DefaultDropdownButton"}),(0,l.mdx)(h,{mdxType:"EmphasisDropdownButton"}),(0,l.mdx)(T,{mdxType:"GhostDropdownButton"}),(0,l.mdx)(I,{mdxType:"DisabledDropdownButton"}),(0,l.mdx)(q,{mdxType:"BlockDropdownButton"}),(0,l.mdx)("h2",{id:"dropdownbutton-props"},"DropdownButton Props"),(0,l.mdx)(U,{mdxType:"DropdownButtonPropsTable"}),(0,l.mdx)("h2",{id:"item-props"},"Item Props"),(0,l.mdx)(ee,{mdxType:"ItemPropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"Terra Dropdown button uses ",(0,l.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,l.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,l.mdx)("p",null,"If Enzyme ",(0,l.mdx)("inlineCode",{parentName:"p"},"shallow")," is being used for the tests then the mock may not be required depending on the depth of the returned wrapper. However, if ",(0,l.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,l.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-js"},"import { v4 as uuidv4 } from 'uuid';\n\nlet mockSpyUuid;\n\n// using a variable may result in failures. For best results, mock return value.\nbeforeAll(() => {\n mockSpyUuid = jest.spyOn(uuidv4, 'v4').mockReturnValue('00000000-0000-0000-0000-000000000000');\n});\n\n// restore the mock\nafterAll(() => {\n mockSpyUuid.mockRestore();\n});\n\n")))}ae.isMDXComponent=!0},41727:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),l=n(55713),o=function(e){var t=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dropdown-button",name:"terra-dropdown-button",version:"1.41.0",url:t})}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},78482:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),l=c(n(5556)),o=c(n(46942)),a=c(n(67967)),u=c(n(52103)),i=c(n(78482)),d=["children","disableStripes","paddingStyle"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=a.default.bind(i.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,a=m(e,d),i=r.default.useContext(u.default),c=(0,o.default)(s("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),a.className);return r.default.createElement("table",p({},a,{className:c}),t)};y.propTypes=f,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(5556)),o=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},d=function(e){var t=e.children,n=u(e,o);return r.default.createElement("tbody",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(5556)),o=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},d=function(e){var t=e.children,n=u(e,o);return r.default.createElement("td",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(5556)),o=u(n(10767)),a=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=i(e,a);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};c.propTypes=d,c.defaultProps={children:[]};t.default=c},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(5556)),o=["children"];function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},o=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={children:l.default.node},d=function(e){var t=e.children,n=u(e,o);return r.default.createElement("th",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),o=d(n(67967)),a=d(n(78482)),u=d(n(10767)),i=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=o.default.bind(a.default),s={children:l.default.node},f=function(e){var t=e.children,n=p(e,i),l=m(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),u.default.addScope(t,"row"))};f.propTypes=s,f.defaultProps={children:[]};t.default=f},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r};var o={addScope:function(e,t){var n=[];return l.default.Children.forEach(e,(function(e){n.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=o},26984:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=d(n(85444)),l=d(n(61452)),o=d(n(36142)),a=d(n(86472)),u=d(n(97441)),i=d(n(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(25365));function o(e){return e&&e.__esModule?e:{default:e}}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={},p="wrapper";function c(e){var n=e.components,a=l(e,o);return(0,r.mdx)(p,s({},i,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slide-panel-manager---upgrade-guide"},"Terra Slide Panel Manager - Upgrade Guide"),(0,r.mdx)("h2",{id:"upgrading-from-v2x-to-v3x"},"Upgrading from v2.x to v3.x"),(0,r.mdx)("p",null,"With the release of terra-disclosure-manager v3.x, the SlidePanelManager now provides its APIs through context instead of prop injection. Please view the terra-disclosure-manager documentation/upgrade guide for more information. "),(0,r.mdx)("p",null,"The below example code details the changes necessary to interact with terra-slide-panel-manager v3.x."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"/**\n * v2.x to v3.x\n */\n import Base from 'terra-base';\n import SlidePanelManager from 'terra-slide-panel-manager'; \n- import AppDelegate from 'terra-app-delegate';\n+ import { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\n\n- const MyDisclosureComponent = ({ app }) => (\n+ const MyDisclosureComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.closeDisclosure();\n+ disclosureManager.closeDisclosure();\n }}\n />\n- );\n+ ));\n\n MyDisclosureComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n- const MyComponent = ({ app }) => (\n+ const MyComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.disclose({\n+ disclosureManager.disclose({\n preferredType: 'panel',\n content: {\n key: 'MY-PANEL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n- );\n+ ));\n \n MyComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n const MyApp = () => (\n \n \n \n \n \n );\n")))}c.isMDXComponent=!0},44403:function(e,n,a){a.d(n,{E:function(){return o}});var r=a(96540),t=a(55713),o=function(e){var n=e.url;return r.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.102.0",url:n})}},25642:function(e,n,a){a.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"}}}]); \ No newline at end of file diff --git a/10656-2fba46ac4cd7e79bae64.css b/10656-2fba46ac4cd7e79bae64.css new file mode 100644 index 000000000..205668ace --- /dev/null +++ b/10656-2fba46ac4cd7e79bae64.css @@ -0,0 +1,4 @@ +.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} +.Whitespace-module__whitespace___nfEbP{display:block;min-height:0}[dir] .Whitespace-module__whitespace___nfEbP{margin:0;padding:0}.Whitespace-module__newline-1___JsrIt{height:1.4285714286em}.Whitespace-module__newline-2___Q0uWI{height:2.8571428572em}.Whitespace-module__newline-3___Q94cX{height:4.2857142858em}.Whitespace-module__newline-4___20zS-{height:5.7142857144em}.Whitespace-module__newline-5___nHyJ-{height:7.142857143em}.Whitespace-module__newline-6___TGqYR{height:8.5714285716em}.Whitespace-module__newline-7___4YsCl{height:10.0000000002em}.Whitespace-module__newline-8___NTNEl{height:11.4285714288em} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +[data-show-focus-styles=false]:focus{outline:none}[data-show-focus-styles=true]:focus{outline:2px dashed #000;outline-offset:2px} diff --git a/10714-26d0e018848a5150eac9.js b/10714-26d0e018848a5150eac9.js new file mode 100644 index 000000000..9b9979de1 --- /dev/null +++ b/10714-26d0e018848a5150eac9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10714],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=r(n(5556)),o=r(n(67967)),u=r(n(25642)),d=o.default.bind(u.default),c={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},i=function(e){var t=e.src,n=e.name,r=e.url,a=e.version,o=l.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(a)},l.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(a))),u=t?l.default.createElement("a",{className:d("badge"),href:t},l.default.createElement("span",{className:d("badge-name")},"github"),l.default.createElement("span",{className:d("badge-version")},"source")):void 0;return l.default.createElement("div",{className:d("badge-container")},o,u)};i.propTypes=c;t.A=i},201:function(e,t,n){var r=n(24994),l=n(73738);t.A=void 0;var a=r(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(r,o,u):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),u=r(n(5556)),d=r(n(67967)),c=n(92912),i=r(n(49558)),f=r(n(53665)),s=n(25966),m=r(n(89986));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var _=d.default.bind(m.default),b={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,l=e.title,u=e.description,d=e.isExpanded,m=(0,o.useState)(d),p=(0,a.default)(m,2),b=p[0],g=p[1],h=(0,o.useState)(!1),O=(0,a.default)(h,2),E=O[0],j=O[1],x=o.default.useContext(c.ThemeContext),P=void 0!==r,w=function(){j(!E),b&&g(!b)},T=function(){g(!b),E&&j(!E)},N=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",x.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},u&&o.default.createElement("div",{className:_("description")},u),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},P&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return N(e,w)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:_("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:_("css")},r),b&&o.default.createElement("div",{className:_("code")},n))))};g.propTypes=b,g.defaultProps={isExpanded:!1};t.A=g},12883:function(e,t,n){var r=n(24994),l=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return c.Row}}),t.Ay=t.$d=void 0;var a=s(n(96540)),o=r(n(5556)),u=r(n(67967)),d=n(92912),c=s(n(26984)),i=r(n(89744));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(r,o,u):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=u.default.bind(i.default),p={children:o.default.node},_={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:m("bold")},t)}).propTypes=p,(t.$d=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(c.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=_,(t.NZ=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.Hd=function(e){var t=e.children;return a.default.createElement(c.Cell,null,t)}).propTypes=p;var b=function(e){var t=e.children,n=(0,a.useContext)(d.ThemeContext);return a.default.createElement(c.default,{paddingStyle:"compact",className:m("table",n.className)},a.default.createElement(c.Header,{className:m("header")},a.default.createElement(c.HeaderCell,null,"Prop"),a.default.createElement(c.HeaderCell,null,"Type"),a.default.createElement(c.HeaderCell,null,"Required"),a.default.createElement(c.HeaderCell,null,"Default"),a.default.createElement(c.HeaderCell,null,"Description")),a.default.createElement(c.Body,null,t))};b.propTypes=p;t.Ay=b},71459:function(e,t,n){n.d(t,{A:function(){return c}});n(96540);var r=n(36665),l=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={},d="wrapper";function c(e){var t=e.components,n=o(e,l);return(0,r.mdx)(d,a({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"// import themes\n@import './clinical-lowlight-theme/FormSelectDocCommon.module';\n@import './orion-fusion-theme/FormSelectDocCommon.module';\n\n:local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n \n .error-text {\n color: var(--terra-core-docs-form-select-error-text-color, #e50000);\n font-size: 0.857rem;\n font-weight: normal;\n line-height: 1.25;\n margin-top: 0.357em;\n outline: 0;\n text-align: left;\n }\n\n .field-label {\n font-weight: 700;\n }\n}\n\n")))}c.isMDXComponent=!0},52968:function(e,t,n){n.d(t,{E:function(){return a}});var r=n(96540),l=n(55713),a=function(e){var t=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.61.0",url:t})}},1537:function(e,t,n){n.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn","error-text":"FormSelectDocCommon-module__error-text___lKsl1","field-label":"FormSelectDocCommon-module__field-label___h3hRZ"}},25642:function(e,t,n){n.r(t),t.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"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},78482:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),l=i(n(5556)),a=i(n(46942)),o=i(n(67967)),u=i(n(52103)),d=i(n(78482)),c=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=o.default.bind(d.default),p={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=s(e,c),d=r.default.useContext(u.default),i=(0,a.default)(m("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return r.default.createElement("table",f({},o,{className:i}),t)};_.propTypes=p,_.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=_},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("tbody",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("td",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(5556)),a=u(n(10767)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={children:l.default.node},i=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=c,i.defaultProps={children:[]};t.default=i},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("th",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),l=c(n(5556)),a=c(n(67967)),o=c(n(78482)),u=c(n(10767)),d=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=a.default.bind(o.default),m={children:l.default.node},p=function(e){var t=e.children,n=f(e,d),l=s(["row"]);return r.default.createElement("tr",i({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),u.default.addScope(t,"row"))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,l=(r=n(96540))&&r.__esModule?r:{default:r};var a={addScope:function(e,t){var n=[];return l.default.Children.forEach(e,(function(e){n.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=a},26984:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=c(n(85444)),l=c(n(61452)),a=c(n(36142)),o=c(n(86472)),u=c(n(97441)),d=c(n(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(25365));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t",onClick:function(){return a({type:"panRight"})}}),i.default.createElement(s.default,{id:"BarPanningDynamicData"}))}},10802:function(t,n,e){e.r(n),e.d(n,{default:function(){return E}});var a=e(96540),r=e(36665),i=e(74315),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(t){for(var n=1;n=0||(r[e]=t[e]);return r}(t,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(r[e]=t[e])}return r}var c={};function s(t){var n=t.components,e=p(t,o);return(0,r.mdx)("wrapper",l({},c,e,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Button from 'terra-button/lib/Button';\nimport Carbon from '@cerner/carbon-graphs';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Bar/BarGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getBarConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/Bar/barPanning';\nimport initialData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/datasetTimeseries1';\nimport updatedData from '@cerner/terra-graphs-docs/lib/example-datasets/dataObjects/Bar/datasetTimeseries1newData';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getBarConfig('#BarPanningDynamicData'));\nconst dataset = utils.deepClone(initialData);\nconst initialState = {\n initial: 0,\n factor: 3,\n};\n\nlet graph;\n\nconst BarPanningExample = () => {\n React.useEffect(() => {\n graph = Carbon.api.graph(graphConfig);\n graph.loadContent(Carbon.api.bar(dataset));\n }, []);\n\n const reducer = (panState, action) => {\n let hour;\n\n switch (action.type) {\n case 'panLeft':\n hour = panState.initial - panState.factor;\n break;\n case 'panRight':\n hour = panState.initial + panState.factor;\n break;\n default:\n return panState;\n }\n\n return {\n initial: hour,\n factor: panState.factor,\n };\n };\n\n const [panState, dispatch] = React.useReducer(reducer, initialState);\n\n React.useLayoutEffect(() => {\n if (!graph) { return; }\n\n graph.config.axis.x.lowerLimit = new Date(2016, 0, 1, panState.initial).toISOString();\n graph.config.axis.x.upperLimit = new Date(2016, 0, 2, panState.initial).toISOString();\n\n const newDataset = { panData: [utils.deepClone(updatedData)] };\n\n graph.reflowMultipleDatasets(newDataset);\n }, [panState.initial]);\n\n return (\n <>\n \n

\n \n \n );\n};\n\nexport default ExampleComponent;\n")),(0,t.mdx)("p",null,"Any component that wants to create an overlay container for its children can render its own ",(0,t.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-loading-overlay-provider"},"ApplicationLoadingOverlayProvider")," to scope overlay presentation to that container."),(0,t.mdx)("blockquote",null,(0,t.mdx)("p",{parentName:"blockquote"},"Note: ApplicationLoadingOverlayProviders are provided by ",(0,t.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-base"},"ApplicationBase"),", ",(0,t.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-navigation"},"ApplicationNavigation"),", ",(0,t.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/modal-manager"},"ModalManager")," and the ",(0,t.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/slide-panel-manager"},"SlidePanelManager"),".")))}c.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/12176-5835f4b52ad2991c8308.js b/12176-5835f4b52ad2991c8308.js new file mode 100644 index 000000000..299e69b21 --- /dev/null +++ b/12176-5835f4b52ad2991c8308.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12176],{95238:function(e,t,a){t.A=void 0;var n=o(a(96540)),l=o(a(39496)),r=o(a(6584)),i=o(a(67967)),u=o(a(55282));function o(e){return e&&e.__esModule?e:{default:e}}var c=i.default.bind(u.default);t.A=function(){return n.default.createElement("div",null,n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h1"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:1},"Level 1 Heading",n.default.createElement("span",{className:c("heading-content")}," 32px (2.286rem)")))}),n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h2"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:2},"Level 2 Heading",n.default.createElement("span",{className:c("heading-content")}," 24px (1.714rem)")))}),n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h3"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:3},"Level 3 Heading",n.default.createElement("span",{className:c("heading-content")}," 20px (1.429rem)")))}),n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h4"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:4},"Level 4 Heading",n.default.createElement("span",{className:c("heading-content")}," 18px (1.286rem)")))}),n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h5"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:5},"Level 5 Heading",n.default.createElement("span",{className:c("heading-content")}," 16px (1.143rem)")))}),n.default.createElement(l.default,{align:"center",fitStart:n.default.createElement("span",{className:c("fitstart-content")},"h6"),fill:n.default.createElement("div",{className:c("heading-wrapper")},n.default.createElement(r.default,{level:6},"Level 6 Heading",n.default.createElement("span",{className:c("heading-content")}," 14px (1rem)")))}))}},55713:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(5556)),i=n(a(67967)),u=n(a(25642)),o=i.default.bind(u.default),c={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},d=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,i=l.default.createElement("a",{className:o("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:o("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:o("badge-version")},"v".concat(r))),u=t?l.default.createElement("a",{className:o("badge"),href:t},l.default.createElement("span",{className:o("badge-name")},"github"),l.default.createElement("span",{className:o("badge-version")},"source")):void 0;return l.default.createElement("div",{className:o("badge-container")},i,u)};d.propTypes=c;t.A=d},6501:function(e,t,a){a.d(t,{E:function(){return r}});var n=a(96540),l=a(55713),r=function(e){var t=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-heading",name:"terra-heading",version:"4.58.0",url:t})}},55282:function(e,t,a){a.r(t),t.default={"fitstart-content":"HeadingDocCommon-module__fitstart-content___2UtvR","heading-wrapper":"HeadingDocCommon-module__heading-wrapper___uK5Ux","heading-content":"HeadingDocCommon-module__heading-content___Qtdrd"}},25642:function(e,t,a){a.r(t),t.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"}},92420:function(e,t,a){a.r(t),t.default={arrange:"Arrange-module__arrange___hY0Ml",fill:"Arrange-module__fill___m88eq",fit:"Arrange-module__fit___tv8j-",center:"Arrange-module__center___9qfhG",bottom:"Arrange-module__bottom___8beod",stretch:"Arrange-module__stretch___eQF-k",default:"Arrange-module__default___z+O29"}},78252:function(e,t,a){a.r(t),t.default={heading:"Heading-module__heading___v5+PO",italic:"Heading-module__italic___AZeOx","level-1":"Heading-module__level-1___Dzh7M","level-2":"Heading-module__level-2___Fn5NE","level-3":"Heading-module__level-3___HjC1Z","level-4":"Heading-module__level-4___gatwI","level-5":"Heading-module__level-5___-iiqy","level-6":"Heading-module__level-6___VXhR+","size-huge":"Heading-module__size-huge___0iP2D","size-large":"Heading-module__size-large___rZwu-","size-medium":"Heading-module__size-medium___Hk3pG","size-small":"Heading-module__size-small___OWyDY","size-tiny":"Heading-module__size-tiny___Z5Fm4","size-mini":"Heading-module__size-mini___Gd90U","weight-200":"Heading-module__weight-200___EQF-G","weight-400":"Heading-module__weight-400___cOGso","weight-700":"Heading-module__weight-700___SbBvg","visually-hidden":"Heading-module__visually-hidden___5i7ow"}},39496:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=c(a(96540)),r=c(a(5556)),i=c(a(67967)),u=c(a(92420)),o=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var _=i.default.bind(u.default),p={fitStart:r.default.element,fill:r.default.element.isRequired,fitEnd:r.default.element,align:r.default.oneOf(["center","bottom","stretch"]),alignFitStart:r.default.oneOf(["center","bottom","stretch"]),alignFitEnd:r.default.oneOf(["center","bottom","stretch"]),alignFill:r.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:r.default.object,fillAttributes:r.default.object,fitEndAttributes:r.default.object},b=function(e){var t=e.fitStart,a=e.fill,n=e.fitEnd,r=e.align,i=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,f=e.fitStartAttributes,m=e.fillAttributes,p=e.fitEndAttributes,b=g(e,o),v=s({},f),y=s({},m),h=s({},p);return l.default.createElement("span",d({},b,{className:_("arrange",b.className)}),l.default.createElement("span",d({},v,{className:_("fit",r||i,v.className,"fit-block")}),t),l.default.createElement("span",d({},y,{className:_("fill",r||u,y.className,"fill-block")}),a),l.default.createElement("span",d({},h,{className:_("fit",r||c,h.className)}),n))};b.propTypes=p;t.default=b},6584:function(e,t,a){function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.HeadingWeight=t.HeadingSize=t.HeadingLevel=void 0;var l=c(a(96540)),r=c(a(5556)),i=c(a(67967)),u=c(a(78252)),o=["level","children","isVisuallyHidden","isItalic","size","weight","colorClass"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[a]=e[a]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}var g=i.default.bind(u.default),_=(t.HeadingLevel={1:1,2:2,3:3,4:4,5:5,6:6},t.HeadingSize={MINI:"mini",TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},t.HeadingWeight={200:200,400:400,700:700},{children:r.default.node.isRequired,level:r.default.oneOf([1,2,3,4,5,6]).isRequired,isItalic:r.default.bool,isVisuallyHidden:r.default.bool,size:r.default.oneOf(["mini","tiny","small","medium","large","huge"]),weight:r.default.oneOf([200,400,700]),colorClass:r.default.string}),p=function(e){var t=e.level,a=e.children,n=e.isVisuallyHidden,r=e.isItalic,i=e.size,u=e.weight,c=e.colorClass,_=function(e){for(var t=1;t=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var o={},u="wrapper";function c(e){var a=e.components,r=d(e,l);return(0,t.mdx)(u,i({},o,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-clinical-label-value-view-upgrade-guide"},"Terra Clinical Label Value View Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-label-value-view-label-color"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-clinical-label-value-view-label-color")))))}c.isMDXComponent=!0},99663:function(e,a,r){r.d(a,{E:function(){return l}});var t=r(96540),n=r(55713),l=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-label-value-view",name:"terra-clinical-label-value-view",version:"3.32.0",url:a})}},25642:function(e,a,r){r.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"}}}]); \ No newline at end of file diff --git a/12353-aa9669cf060b1f1c5c67.js b/12353-aa9669cf060b1f1c5c67.js new file mode 100644 index 000000000..1f4da9284 --- /dev/null +++ b/12353-aa9669cf060b1f1c5c67.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12353],{12353:function(e,r,s){s.r(r),s.d(r,{default:function(){return l}});s(96540);var n=s(36665),i=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(i[s]=e[s]);return i}(e,r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,s)&&(i[s]=e[s])}return i}var a={},u="wrapper";function l(e){var r=e.components,s=o(e,i);return(0,n.mdx)(u,t({},a,s,{components:r,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"releases"},"Releases"),(0,n.mdx)("p",null,"Terra is a hyper-modularized framework. Each component has its own version and a module published on npm. We settled on hyper-modularization to provide greater flexibility for consumers to choose when and what components to upgrade and for smaller bundles when tree-shaking is not an option."),(0,n.mdx)("h2",{id:"weekly-releases"},"Weekly Releases"),(0,n.mdx)("p",null,"Terra will release any component that has had changes reviewed and merged into main the last week. Generally we release mid week on Tuesday or Wednesday."),(0,n.mdx)("h3",{id:"one-offs-released-as-needed"},"One-offs released as needed"),(0,n.mdx)("p",null,"We keep our main branch in an always release-able state to enable quick turnaround time."),(0,n.mdx)("h2",{id:"bugs"},"Bugs"),(0,n.mdx)("p",null,"Terra aims for zero net new bugs and a turn around time of 30 days."),(0,n.mdx)("h2",{id:"versioning"},"Versioning"),(0,n.mdx)("p",null,"Terra uses ",(0,n.mdx)("a",{parentName:"p",href:"https://semver.org/"},"Semantic Versioning")," to indicate changes in our Javascript API."),(0,n.mdx)("h2",{id:"when-will-x-issue-be-fixed"},"When will X issue be fixed"),(0,n.mdx)("p",null,"As a widely used framework our first concern is quality, all changes to terra must meet our standards before we release them. That said there are a few indicators to help you predict when a change could be available."),(0,n.mdx)("h3",{id:"has-the-issue-been-completed"},"Has the issue been completed"),(0,n.mdx)("p",null,"Check the change log for the component at terra-ui to find the version of the component containing the fix."),(0,n.mdx)("h3",{id:"does-the-issue-have-a-linked-pull-request"},"Does the issue have a linked pull request"),(0,n.mdx)("p",null,"Most pull requests are completed within 1 to 2 weeks of being issued and released within a week."),(0,n.mdx)("h3",{id:"check-for-your-issue-on-our-project-board"},"Check for your issue on our project board"),(0,n.mdx)("p",null,"If the issue is there it means it’s currently being worked on and you can track the progress."),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://github.com/orgs/cerner/projects/1"},"Project Board")),(0,n.mdx)("h3",{id:"if-the-issue-is-neither-out-for-pull-request-or-in-process-its-been-prioritized-below-other-issues"},"If the issue is neither out for pull request or in process, it’s been prioritized below other issues."),(0,n.mdx)("p",null,"To express interest in the issue, add a comment to the issue. If there is enough interest, we may prioritize the issue higher."),(0,n.mdx)("h2",{id:"where-can-i-find-upcoming-major-version-bumps"},"Where can I find upcoming Major Version Bumps"),(0,n.mdx)("p",null,"Upcoming major version bumps can be found by searching our repository issues for the label 'Major Version Bump'. This search will show individual issues that will change the api non-passively and will require a major version bump. When possible we will group major version bumps together for components and related components. In this instance we will create an issue that bundles these major version bumps together."),(0,n.mdx)("p",null,(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/issues/643"},"Grouped major version bump issue example")),(0,n.mdx)("h3",{id:"major-version-bump-issues"},"Major Version Bump Issues"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-clinical/issues?q=is%3Aissue+is%3Aopen+label%3A%22Major+Version+Bump%22"},"terra-clinical")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues?q=is%3Aissue+is%3Aopen+label%3A%22Major+Version+Bump%22"},"terra-core")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-framework/issues?q=is%3Aissue+is%3Aopen+label%3A%22Major+Version+Bump%22"},"terra-framework"))))}l.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/12373-e58e4e25d3f04ae778d0.css b/12373-e58e4e25d3f04ae778d0.css new file mode 100644 index 000000000..374eadef9 --- /dev/null +++ b/12373-e58e4e25d3f04ae778d0.css @@ -0,0 +1,5 @@ +.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} +.Switch-module__clinical-lowlight-theme___V4XIh{--terra-switch-label-margin-right: 1.4285rem;--terra-switch-label-color: #b7b7b8;--terra-switch-label-font-size: 1rem;--terra-switch-label-font-weight: normal;--terra-switch-label-padding-bottom: 0.21428rem;--terra-switch-status-label-color: #7b7b7e;--terra-switch-status-label-font-size: 1rem;--terra-switch-status-label-font-weight: normal;--terra-switch-tray-border: 1px solid #16191b;--terra-switch-tray-border-radius: 1.57142rem;--terra-switch-tray-height: 1.57142rem;--terra-switch-tray-margin: 0.5rem;--terra-switch-tray-width: 2.42857rem;--terra-switch-tray-transition: 0.2s, cubic-bezier(0.175, 0.885, 0.32, 1.275);--terra-switch-tray-default-background-color: #1d2022;--terra-switch-tray-default-hover-background-color: #1a1c1e;--terra-switch-tray-default-hover-border: 1px solid #16191b;--terra-switch-tray-default-hover-box-shadow: none;--terra-switch-tray-default-disabled-background-color: #1d2022;--terra-switch-tray-default-disabled-border: 1px solid #16191b;--terra-switch-tray-default-disabled-box-shadow: none;--terra-switch-tray-default-disabled-opacity: 0.6;--terra-switch-tray-selected-background-color: #104767;--terra-switch-tray-selected-border: 1px solid #053754;--terra-switch-tray-selected-box-shadow: none;--terra-switch-tray-selected-hover-background-color: #266a93;--terra-switch-tray-selected-hover-border: 1px solid #053754;--terra-switch-tray-selected-hover-box-shadow: none;--terra-switch-tray-selected-disabled-background-color: #104767;--terra-switch-tray-selected-disabled-border: 1px solid #053754;--terra-switch-tray-selected-disabled-box-shadow: none;--terra-switch-tray-selected-disabled-opacity: 0.6;--terra-switch-tray-selected-active-background-color: #1c587c;--terra-switch-tray-selected-active-border: 1px solid #053754;--terra-switch-tray-selected-active-box-shadow: none;--terra-switch-slider-default-background-color: #262b2e;--terra-switch-slider-border: none;--terra-switch-slider-border-radius: 1.07142rem;--terra-switch-slider-box-shadow: none;--terra-switch-slider-height: 1.28571rem;--terra-switch-slider-width: 1.28571rem;--terra-switch-slider-left: 0.05rem;--terra-switch-slider-top: 0.05rem;--terra-switch-slider-transition: 0.2s, cubic-bezier(0.175, 0.885, 0.32, 1.275);--terra-switch-slider-disabled-background-color: #262b2e;--terra-switch-slider-disabled-box-shadow: none;--terra-switch-slider-disabled-opacity: 1;--terra-switch-slider-selected-box-shadow: none;--terra-switch-slider-selected-background-color: #202326;--terra-switch-slider-selected-focus-background-color: #053754;--terra-switch-slider-selected-focus-border: none;--terra-switch-slider-selected-transform: translateX(0.9rem);--terra-switch-slider-selected-disabled-background-color: #202326;--terra-switch-slider-selected-disabled-box-shadow: none;--terra-switch-slider-selected-disabled-opacity: 1;--terra-switch-slider-focus-background-color: #053754;--terra-switch-slider-focus-border: none;--terra-switch-slider-focus-box-shadow: inset 5px 2px 5px 0 #093047, inset 0 0 0 1.5px #053754;--terra-switch-slider-focus-outline: 2px dashed #b7b7b8;--terra-switch-slider-focus-outline-offset: 2px;--terra-switch-slider-hover-background-color: #053754;--terra-switch-slider-hover-border: none;--terra-switch-slider-hover-box-shadow: inset 5px 2px 5px 0 #093047, inset 0 0 0 1.5px #053754;--terra-switch-slider-selected-hover-background-color: #093047;--terra-switch-slider-selected-hover-border: none;--terra-switch-slider-selected-hover-box-shadow: inset 5px 2px 5px 0 #093047, inset 0 0 0 1.5px #053754;--terra-switch-slider-active-background-color: #0c293b;--terra-switch-slider-active-border: none;--terra-switch-slider-active-box-shadow: inset 5px 2px 5px 0 #0b212f, inset 0 0 0 1.5px #0c293b;--terra-switch-slider-selected-active-background-color: #0c293b;--terra-switch-slider-selected-active-border: none;--terra-switch-slider-selected-active-box-shadow: inset 5px 2px 5px 0 #0b212f, inset 0 0 0 1.5px #0c293b}.Switch-module__orion-fusion-theme___iZjcV{--terra-switch-label-margin-right: 1.25rem;--terra-switch-label-color: #1c1f21;--terra-switch-label-font-size: 1rem;--terra-switch-label-font-weight: normal;--terra-switch-label-padding-bottom: 0.25rem;--terra-switch-status-label-color: #64696c;--terra-switch-status-label-font-size: 1rem;--terra-switch-status-label-font-weight: normal;--terra-switch-tray-border: 1px solid #909496;--terra-switch-tray-border-radius: 1.6666rem;--terra-switch-tray-height: 1.75rem;--terra-switch-tray-margin: 0.5rem;--terra-switch-tray-width: 2.75rem;--terra-switch-tray-transition: 0.2s, cubic-bezier(0.175, 0.885, 0.32, 1.275);--terra-switch-tray-default-background-color: #dedfe0;--terra-switch-tray-default-hover-background-color: #b9bbbc;--terra-switch-tray-default-hover-border: 1px solid #909496;--terra-switch-tray-default-hover-box-shadow: none;--terra-switch-tray-default-disabled-background-color: #d3d4d5;--terra-switch-tray-default-disabled-border: 1px solid #434a4d;--terra-switch-tray-default-disabled-box-shadow: none;--terra-switch-tray-default-disabled-opacity: 0.3;--terra-switch-tray-selected-background-color: #0079be;--terra-switch-tray-selected-border: 1px solid #01639e;--terra-switch-tray-selected-box-shadow: none;--terra-switch-tray-selected-hover-background-color: #0065a3;--terra-switch-tray-selected-hover-border: 1px solid #01639e;--terra-switch-tray-selected-hover-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.4);--terra-switch-tray-selected-disabled-background-color: #434a4d;--terra-switch-tray-selected-disabled-border: 1px solid #434a4d;--terra-switch-tray-selected-disabled-box-shadow: none;--terra-switch-tray-selected-disabled-opacity: 0.4;--terra-switch-tray-selected-active-background-color: #0065a3;--terra-switch-tray-selected-active-border: 1px solid #004164;--terra-switch-tray-selected-active-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.4);--terra-switch-slider-default-background-color: #fff;--terra-switch-slider-border: none;--terra-switch-slider-border-radius: 1.25rem;--terra-switch-slider-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3), 1px 0 0 0 #909496;--terra-switch-slider-height: 1.416666rem;--terra-switch-slider-width: 1.416666rem;--terra-switch-slider-left: 0.05rem;--terra-switch-slider-top: 0.1rem;--terra-switch-slider-transition: 0.2s, cubic-bezier(0.75, 0.585, 0.32, 1.275);--terra-switch-slider-disabled-background-color: #fff;--terra-switch-slider-disabled-box-shadow: none;--terra-switch-slider-disabled-opacity: 1;--terra-switch-slider-selected-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3), -1px 0 0 0 #01639e;--terra-switch-slider-selected-background-color: #fff;--terra-switch-slider-selected-focus-background-color: #fff;--terra-switch-slider-selected-focus-border: none;--terra-switch-slider-selected-transform: translateX(1rem);--terra-switch-slider-selected-disabled-background-color: #fff;--terra-switch-slider-selected-disabled-box-shadow: 0 0 0 1.5px #64696c;--terra-switch-slider-selected-disabled-opacity: 1;--terra-switch-slider-focus-background-color: #fff;--terra-switch-slider-focus-border: none;--terra-switch-slider-focus-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3), 1px 0 0 0 #909496;--terra-switch-slider-focus-outline: 2px dashed #000;--terra-switch-slider-focus-outline-offset: 2px;--terra-switch-slider-hover-background-color: #fff;--terra-switch-slider-hover-border: none;--terra-switch-slider-hover-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, -2px 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 2px 0 rgba(0, 0, 0, 0.2);--terra-switch-slider-selected-hover-background-color: #fff;--terra-switch-slider-selected-hover-border: none;--terra-switch-slider-selected-hover-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, -2px 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 2px 0 rgba(0, 0, 0, 0.2);--terra-switch-slider-active-background-color: #fff;--terra-switch-slider-active-border: none;--terra-switch-slider-active-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, -2px 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 2px 0 rgba(0, 0, 0, 0.2), inset 5px 2px 4px 2px #e6e7e8, inset 0 0 0 1.5px #fff;--terra-switch-slider-selected-active-background-color: #fff;--terra-switch-slider-selected-active-border: none;--terra-switch-slider-selected-active-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, -2px 0 2px 0 rgba(0, 0, 0, 0.2), 2px 0 2px 0 rgba(0, 0, 0, 0.2), inset 5px 2px 4px 2px #e6e7e8, inset 0 0 0 1.5px #fff}.Switch-module__switch___tJuA\+{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;outline:0}[dir] .Switch-module__switch___tJuA\+{border:0;cursor:default}.Switch-module__switch___tJuA\+.Switch-module__is-block___yT8Nf{width:100%}.Switch-module__label-container___LDF25{-ms-flex:0 1 auto;flex:0 1 auto}[dir=ltr] .Switch-module__label-container___LDF25{margin-right:1.42857rem;margin-right:var(--terra-switch-label-margin-right, 1.42857rem)}[dir=rtl] .Switch-module__label-container___LDF25{margin-left:1.42857rem;margin-left:var(--terra-switch-label-margin-right, 1.42857rem)}.Switch-module__label-container___LDF25.Switch-module__is-block___yT8Nf{-ms-flex:1 1 auto;flex:1 1 auto}.Switch-module__label-text___kWpxp{color:#1c1f21;color:var(--terra-switch-label-color, #1c1f21);font-size:1rem;font-size:var(--terra-switch-label-font-size, 1rem);font-weight:normal;font-weight:var(--terra-switch-label-font-weight, normal);word-wrap:break-word}[dir] .Switch-module__label-text___kWpxp{padding-bottom:0.2142rem;padding-bottom:var(--terra-switch-label-padding-bottom, 0.2142rem)}[dir=ltr] .Switch-module__label-text___kWpxp{text-align:left}[dir=rtl] .Switch-module__label-text___kWpxp{text-align:right}.Switch-module__status-label-text___bynNw{color:#64696c;color:var(--terra-switch-status-label-color, #64696c);font-size:1rem;font-size:var(--terra-switch-status-label-font-size, 1rem);font-weight:normal;font-weight:var(--terra-switch-status-label-font-weight, normal)}[dir=ltr] .Switch-module__status-label-text___bynNw{text-align:left}[dir=rtl] .Switch-module__status-label-text___bynNw{text-align:right}.Switch-module__tray___LUYTF{bottom:0;-ms-flex:0 0 auto;flex:0 0 auto;height:1.57142rem;height:var(--terra-switch-tray-height, 1.57142rem);position:relative;top:0;transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform var(--terra-switch-tray-transition, 0.2s) cubic-bezier(0.175, 0.885, 0.32, 1.275);width:2.42857rem;width:var(--terra-switch-tray-width, 2.42857rem)}[dir] .Switch-module__tray___LUYTF{background-color:#dedfe0;background-color:var(--terra-switch-tray-default-background-color, #dedfe0);border:1px solid #909496;border:var(--terra-switch-tray-border, 1px solid #909496);border-radius:1.42857rem;border-radius:var(--terra-switch-tray-border-radius, 1.42857rem);margin:0.5rem;margin:var(--terra-switch-tray-margin, 0.5rem)}[dir=ltr] .Switch-module__tray___LUYTF{left:0;right:0}[dir=rtl] .Switch-module__tray___LUYTF{right:0;left:0}.Switch-module__slider___2MNNI{height:1.357142rem;height:var(--terra-switch-slider-height, 1.357142rem);overflow:hidden;position:absolute;top:0;top:var(--terra-switch-slider-top, 0);transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:transform var(--terra-switch-slider-transition, 0.2s) cubic-bezier(0.175, 0.885, 0.32, 1.275);width:1.357142rem;width:var(--terra-switch-slider-width, 1.357142rem)}[dir] .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-default-background-color, #fff);border:0;border:var(--terra-switch-slider-border, 0);border-radius:1.07142rem;border-radius:var(--terra-switch-slider-border-radius, 1.07142rem);box-shadow:1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-switch-slider-box-shadow, 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.3))}[dir=ltr] .Switch-module__slider___2MNNI{left:0.06rem;left:var(--terra-switch-slider-left, 0.06rem)}[dir=rtl] .Switch-module__slider___2MNNI{right:0.06rem;right:var(--terra-switch-slider-left, 0.06rem)}[dir] .Switch-module__is-selected___UxoUa .Switch-module__tray___LUYTF{background-color:#0079be;background-color:var(--terra-switch-tray-selected-background-color, #0079be);border:1px solid #01639e;border:var(--terra-switch-tray-selected-border, 1px solid #01639e);box-shadow:none;box-shadow:var(--terra-switch-tray-selected-box-shadow, none)}[dir] .Switch-module__is-selected___UxoUa .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-selected-background-color, #fff);box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.3), -1px 0 0 0 #01639e;box-shadow:var(--terra-switch-slider-selected-box-shadow, 0 0 4px 1px rgba(0, 0, 0, 0.3), -1px 0 0 0 #01639e)}[dir=ltr] .Switch-module__is-selected___UxoUa .Switch-module__slider___2MNNI{transform:translateX(0.8rem);transform:var(--terra-switch-slider-selected-transform, translateX(0.8rem))}[dir=rtl] .Switch-module__is-selected___UxoUa .Switch-module__slider___2MNNI{transform:translateX(-0.8rem);transform:var(--terra-switch-slider-selected-transform, translateX(-0.8rem))}.Switch-module__is-disabled___mGAe1 .Switch-module__tray___LUYTF{opacity:0.3;opacity:var(--terra-switch-tray-default-disabled-opacity, 0.3)}[dir] .Switch-module__is-disabled___mGAe1 .Switch-module__tray___LUYTF{background-color:#d3d4d5;background-color:var(--terra-switch-tray-default-disabled-background-color, #d3d4d5);border:1px solid #434a4d;border:var(--terra-switch-tray-default-disabled-border, 1px solid #434a4d);box-shadow:none;box-shadow:var(--terra-switch-tray-default-disabled-box-shadow, none)}.Switch-module__is-disabled___mGAe1 .Switch-module__slider___2MNNI{opacity:0.8;opacity:var(--terra-switch-slider-disabled-opacity, 0.8)}[dir] .Switch-module__is-disabled___mGAe1 .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-disabled-background-color, #fff);box-shadow:0 0 0 1.5px #64696c;box-shadow:var(--terra-switch-slider-disabled-box-shadow, 0 0 0 1.5px #64696c)}.Switch-module__is-disabled___mGAe1.Switch-module__is-selected___UxoUa .Switch-module__tray___LUYTF{opacity:0.3;opacity:var(--terra-switch-tray-selected-disabled-opacity, 0.3)}[dir] .Switch-module__is-disabled___mGAe1.Switch-module__is-selected___UxoUa .Switch-module__tray___LUYTF{background-color:#434a4d;background-color:var(--terra-switch-tray-selected-disabled-background-color, #434a4d);border:1px solid #434a4d;border:var(--terra-switch-tray-selected-disabled-border, 1px solid #434a4d);box-shadow:none;box-shadow:var(--terra-switch-tray-selected-disabled-box-shadow, none)}.Switch-module__is-disabled___mGAe1.Switch-module__is-selected___UxoUa .Switch-module__slider___2MNNI{opacity:0.8;opacity:var(--terra-switch-slider-selected-disabled-opacity, 0.8)}[dir] .Switch-module__is-disabled___mGAe1.Switch-module__is-selected___UxoUa .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-selected-disabled-background-color, #fff);box-shadow:none;box-shadow:var(--terra-switch-slider-selected-disabled-box-shadow, none)}[dir] .Switch-module__is-enabled___oz-g\+{cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .Switch-module__is-enabled___oz-g\+:hover .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-hover-background-color, #fff);border:0;border:var(--terra-switch-slider-hover-border, 0);box-shadow:2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.2);box-shadow:var(--terra-switch-slider-hover-box-shadow, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.2))}[dir] .Switch-module__is-enabled___oz-g\+:hover .Switch-module__tray___LUYTF{background-color:#b9bbbc;background-color:var(--terra-switch-tray-default-hover-background-color, #b9bbbc);border:1px solid #909496;border:var(--terra-switch-tray-default-hover-border, 1px solid #909496);box-shadow:inset 0 1px 5px 0 rgba(0, 0, 0, 0.3);box-shadow:var(--terra-switch-tray-default-hover-box-shadow, inset 0 1px 5px 0 rgba(0, 0, 0, 0.3))}}[dir] .Switch-module__is-enabled___oz-g\+:active .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-active-background-color, #fff);border:0;border:var(--terra-switch-slider-active-border, 0);box-shadow:inset 0 0 0 1px #fff, inset 5px 2px 4px 2px #e6e7e8, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.2);box-shadow:var(--terra-switch-slider-active-box-shadow, inset 0 0 0 1px #fff, inset 5px 2px 4px 2px #e6e7e8, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.2))}.Switch-module__is-enabled___oz-g\+[data-terra-switch-show-focus-styles=true]:focus .Switch-module__slider___2MNNI{outline:2px dashed #000;outline:var(--terra-switch-slider-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-switch-slider-focus-outline-offset, 2px)}[dir] .Switch-module__is-enabled___oz-g\+[data-terra-switch-show-focus-styles=true]:focus .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-focus-background-color, #fff);border:0;border:var(--terra-switch-slider-focus-border, 0);box-shadow:1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-switch-slider-focus-box-shadow, 1px 0 0 0 #909496, 0 0 4px 1px rgba(0, 0, 0, 0.3))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .Switch-module__is-enabled___oz-g\+.Switch-module__is-selected___UxoUa:hover .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-selected-hover-background-color, #fff);border:0;border:var(--terra-switch-slider-selected-hover-border, 0);box-shadow:2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, 0 0 4px 1px rgba(0, 0, 0, 0.2);box-shadow:var(--terra-switch-slider-selected-hover-box-shadow, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, 0 0 4px 1px rgba(0, 0, 0, 0.2))}[dir] .Switch-module__is-enabled___oz-g\+.Switch-module__is-selected___UxoUa:hover .Switch-module__tray___LUYTF{background-color:#0065a3;background-color:var(--terra-switch-tray-selected-hover-background-color, #0065a3);border:1px solid #01639e;border:var(--terra-switch-tray-selected-hover-border, 1px solid #01639e);box-shadow:inset 0 1px 5px 0 rgba(0, 0, 0, 0.4);box-shadow:var(--terra-switch-tray-selected-hover-box-shadow, inset 0 1px 5px 0 rgba(0, 0, 0, 0.4))}}[dir] .Switch-module__is-enabled___oz-g\+.Switch-module__is-selected___UxoUa:active .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-selected-active-background-color, #fff);border:0;border:var(--terra-switch-slider-selected-active-border, 0);box-shadow:inset 0 0 0 1px #fff, inset 5px 2px 4px 2px #e6e7e8, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, 0 0 4px 1px rgba(0, 0, 0, 0.2);box-shadow:var(--terra-switch-slider-selected-active-box-shadow, inset 0 0 0 1px #fff, inset 5px 2px 4px 2px #e6e7e8, 2px 0 2px 0 rgba(0, 0, 0, 0.2), -2px 0 2px 0 rgba(0, 0, 0, 0.2), -1px 0 0 0 #01639e, 0 0 4px 1px rgba(0, 0, 0, 0.2))}[dir] .Switch-module__is-enabled___oz-g\+.Switch-module__is-selected___UxoUa:active .Switch-module__tray___LUYTF{background-color:#0065a3;background-color:var(--terra-switch-tray-selected-active-background-color, #0065a3);border:1px solid #004164;border:var(--terra-switch-tray-selected-active-border, 1px solid #004164);box-shadow:inset 0 1px 5px 0 rgba(0, 0, 0, 0.4);box-shadow:var(--terra-switch-tray-selected-active-box-shadow, inset 0 1px 5px 0 rgba(0, 0, 0, 0.4))}[dir] .Switch-module__is-enabled___oz-g\+.Switch-module__is-selected___UxoUa[data-terra-switch-show-focus-styles=true]:focus .Switch-module__slider___2MNNI{background-color:#fff;background-color:var(--terra-switch-slider-selected-focus-background-color, #fff);border:0;border:var(--terra-switch-slider-selected-focus-border, 0)} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} diff --git a/12373-e58e4e25d3f04ae778d0.js b/12373-e58e4e25d3f04ae778d0.js new file mode 100644 index 000000000..2c3d4b619 --- /dev/null +++ b/12373-e58e4e25d3f04ae778d0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12373,17711,40092,52947,75328,72949,8185,4645,47115,95330,7235,29616,30566,63423,62473,24087,84854,38663,61044,92260,85804,18661,69879,47498,25117,41042,81784,69496,2353,59403,37022,24734,57591,14641,71308,48927,98463,79972,73899,20844,53701,76082,85785,12829,8166,30547,52928,96261],{92356:function(e,t,n){function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}t.A=void 0;var a,l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(a,o,i):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=(a=n(43994))&&a.__esModule?a:{default:a};function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,o,u=[],i=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;i=!1}else for(;!(i=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);i=!0);}catch(e){c=!0,a=e}finally{try{if(!i&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return u}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={};function s(e){var t=e.components,n=c(e,u);return(0,a.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Switch from 'terra-switch';\n\nconst DefaultSwitch = () => (\n \n);\n\nexport default DefaultSwitch;\n\n")))}s.isMDXComponent=!0;var p=n(201),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Default Switch",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=n(51584),b=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _={};function v(e){var t=e.components,n=h(e,b);return(0,a.mdx)("wrapper",y({},_,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Switch from 'terra-switch';\n\nconst SwitchWithOnChange = () => {\n const [value, setValue] = useState(true); // makes switch on by default\n return (\n \n );\n};\n\nexport default SwitchWithOnChange;\n\n")))}v.isMDXComponent=!0;var x=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Switch With On Change",description:n,example:r.createElement(m.A,null),exampleSrc:r.createElement(v,null),isExpanded:a})},g=n(63533),O=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function N(e){var t=e.components,n=j(e,O);return(0,a.mdx)("wrapper",w({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Switch from 'terra-switch';\n\nconst DisabledSwitch = () => (\n \n);\n\nexport default DisabledSwitch;\n\n")))}N.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Disabled Switch",description:n,example:r.createElement(g.A,null),exampleSrc:r.createElement(N,null),isExpanded:a})},T=n(92356),P=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var M={};function D(e){var t=e.components,n=k(e,P);return(0,a.mdx)("wrapper",C({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport Switch from 'terra-switch';\n\nconst BlockSwitch = () => {\n const [value, setValue] = useState(true);\n return (\n \n );\n};\n\nexport default BlockSwitch;\n\n")))}D.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Block Switch",description:n,example:r.createElement(T.A,null),exampleSrc:r.createElement(D,null),isExpanded:a})},R=n(12883),I=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var q={},F="wrapper";function L(e){var t=e.components,n=W(e,I);return(0,a.mdx)(F,B({},q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(R.Ay,{mdxType:"PropsTable"},(0,a.mdx)(R.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(R.dt,{mdxType:"PropNameCell"},"isChecked"),(0,a.mdx)(R.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,'Whether or not the Switch is checked ("ON").'))),(0,a.mdx)(R.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(R.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(R.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the Switch is disabled."))),(0,a.mdx)(R.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(R.dt,{mdxType:"PropNameCell"},"labelText"),(0,a.mdx)(R.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(R.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The label text of the Switch component."))),(0,a.mdx)(R.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(R.dt,{mdxType:"PropNameCell"},"isBlock"),(0,a.mdx)(R.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not to render the switch as block element when specified."))),(0,a.mdx)(R.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(R.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(R.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function when switch value changes from ON / OFF.\nReturns Parameters: 1. switch value 2. event.")))))}L.isMDXComponent=!0;var H=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var V={},X="wrapper";function z(e){var t=e.components,n=Y(e,H);return(0,a.mdx)(X,Z({},V,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-switch"},"Terra Switch"),(0,a.mdx)("p",null,"The terra-switch component, like its real-world counterpart, is used to indicate whether a setting is ON or OFF and provide users with instantaneous feedback."),(0,a.mdx)("p",null,"Switches are used to activate settings immediately, in real time. It would be usefull when you need to represent the switching between only two states like on-off state."),(0,a.mdx)("p",null,"The difference between Switch and Checkbox is that Switch has only two states which change directly when you toggle it, while Checkbox has three states and has intermediate state initial value along with checked and unchecked state."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm install terra-switch"))))),(0,a.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,a.mdx)("table",null,(0,a.mdx)("thead",{parentName:"table"},(0,a.mdx)("tr",{parentName:"thead"},(0,a.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,a.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,a.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,a.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,a.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,a.mdx)("p",null,"The Switch component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-core/components/terra-base/base/base"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Switch from 'terra-switch';\n")),(0,a.mdx)("h2",{id:"component-features"},"Component Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-switch"},"View component source code")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{mdxType:"DefaultSwitch"}),(0,a.mdx)(x,{mdxType:"SwitchWithOnChange"}),(0,a.mdx)(E,{mdxType:"DisabledSwitch"}),(0,a.mdx)(A,{mdxType:"BlockSwitch"}),(0,a.mdx)("h2",{id:"switch-props"},"Switch Props"),(0,a.mdx)(L,{mdxType:"SwitchPropsTable"}))}z.isMDXComponent=!0},24577:function(e,t,n){n.d(t,{E:function(){return l}});var r=n(96540),a=n(55713),l=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-switch",name:"terra-switch",version:"1.14.0",url:t})}},25642:function(e,t,n){n.r(t),t.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"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},78482:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},92166:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Switch-module__clinical-lowlight-theme___V4XIh","orion-fusion-theme":"Switch-module__orion-fusion-theme___iZjcV",switch:"Switch-module__switch___tJuA+","is-block":"Switch-module__is-block___yT8Nf","label-container":"Switch-module__label-container___LDF25","label-text":"Switch-module__label-text___kWpxp","status-label-text":"Switch-module__status-label-text___bynNw",tray:"Switch-module__tray___LUYTF",slider:"Switch-module__slider___2MNNI","is-selected":"Switch-module__is-selected___UxoUa","is-disabled":"Switch-module__is-disabled___mGAe1","is-enabled":"Switch-module__is-enabled___oz-g+"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(46942)),o=d(n(67967)),u=d(n(52103)),i=d(n(78482)),c=["children","disableStripes","paddingStyle"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var f=o.default.bind(i.default),m={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,c),i=r.default.useContext(u.default),d=(0,l.default)(f("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},i.className),o.className);return r.default.createElement("table",s({},o,{className:d}),t)};b.propTypes=m,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},c=function(e){var t=e.children,n=u(e,l);return r.default.createElement("tbody",n,t)};c.propTypes=i,c.defaultProps={children:[]};t.default=c},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},c=function(e){var t=e.children,n=u(e,l);return r.default.createElement("td",n,t)};c.propTypes=i,c.defaultProps={children:[]};t.default=c},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(10767)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c={children:a.default.node},d=function(e){var t=e.children,n=i(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};d.propTypes=c,d.defaultProps={children:[]};t.default=d},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},l=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={children:a.default.node},c=function(e){var t=e.children,n=u(e,l);return r.default.createElement("th",n,t)};c.propTypes=i,c.defaultProps={children:[]};t.default=c},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(67967)),o=c(n(78482)),u=c(n(10767)),i=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=l.default.bind(o.default),f={children:a.default.node},m=function(e){var t=e.children,n=s(e,i),a=p(["row"]);return r.default.createElement("tr",d({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),u.default.addScope(t,"row"))};m.propTypes=f,m.defaultProps={children:[]};t.default=m},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var l={addScope:function(e,t){var n=[];return a.default.Children.forEach(e,(function(e){n.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),n}};t.default=l},26984:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=c(n(85444)),a=c(n(61452)),l=c(n(36142)),o=c(n(86472)),u=c(n(97441)),i=c(n(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(25365));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _=u.default.bind(p.default),v=Object.freeze({ON:a.default.createElement(c.FormattedMessage,{id:"Terra.switch.switchstatuslabel.on"}),OFF:a.default.createElement(c.FormattedMessage,{id:"Terra.switch.switchstatuslabel.off"})}),x={isChecked:l.default.bool,isDisabled:l.default.bool,labelText:l.default.string.isRequired,isBlock:l.default.bool,onChange:l.default.func},g={isChecked:!1,isDisabled:!1,isBlock:!1,onChange:void 0},O=function(e){var t,n=e.isChecked,r=e.isDisabled,l=e.isBlock,u=e.onChange,c=e.labelText,p=h(e,f),m=a.default.useContext(i.default),b=(0,a.useRef)(),x=(0,a.useCallback)((function(e){b.current.focus(),u&&u(!n,e)}),[n,u]),g=n?v.ON:v.OFF,O=(0,o.default)(_("switch",{"is-enabled":!r},{"is-disabled":r},{"is-selected":n},{"is-block":l},m.className),p.className),w=_(["label-container",{"is-block":l}]);return t=r?{"aria-disabled":!0}:{tabIndex:"0",onBlur:function(){(0,s.restoreFocusStyles)(b.current)},onClick:x,onMouseDown:function(e){e.preventDefault(),(0,s.removeFocusStyles)(b.current)},onKeyDown:function(e){e.nativeEvent.keyCode!==d.KEY_RETURN&&e.nativeEvent.keyCode!==d.KEY_SPACE||(e.preventDefault(),(0,s.restoreFocusStyles)(b.current),u&&u(!n,e))}},a.default.createElement("div",y({},p,t,{"aria-label":c,"aria-checked":n,role:"switch",className:O,"data-terra-switch-show-focus-styles":!0,ref:b}),a.default.createElement("div",{"aria-hidden":!0,className:w},a.default.createElement("div",{className:_("label-text")},c),a.default.createElement("div",{className:_("status-label-text")},g)),a.default.createElement("div",{"aria-hidden":!0,className:_("tray")},a.default.createElement("div",{className:_("slider")})))};O.propTypes=x,O.defaultProps=g;t.default=O},51032:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.restoreFocusStyles=t.removeFocusStyles=void 0;t.restoreFocusStyles=function(e){return e.setAttribute("data-terra-switch-show-focus-styles","true")},t.removeFocusStyles=function(e){return e.setAttribute("data-terra-switch-show-focus-styles","false")}}}]); \ No newline at end of file diff --git a/12501-7b0824c6ab32a01cb174.css b/12501-7b0824c6ab32a01cb174.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/12501-7b0824c6ab32a01cb174.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/12501-7b0824c6ab32a01cb174.js b/12501-7b0824c6ab32a01cb174.js new file mode 100644 index 000000000..d44475db1 --- /dev/null +++ b/12501-7b0824c6ab32a01cb174.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12501,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927,98463,20844,53701,76082],{55713:function(e,l,m){var a=m(24994);l.A=void 0;var n=a(m(96540)),d=a(m(5556)),r=a(m(67967)),u=a(m(25642)),i=r.default.bind(u.default),t={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var l=e.src,m=e.name,a=e.url,d=e.version,r=n.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(m,"/v/").concat(d)},n.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(d))),u=l?n.default.createElement("a",{className:i("badge"),href:l},n.default.createElement("span",{className:i("badge-name")},"github"),n.default.createElement("span",{className:i("badge-version")},"source")):void 0;return n.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;l.A=p},12501:function(e,l,m){m.r(l),m.d(l,{default:function(){return c}});m(96540);var a=m(36665),n=m(67279),d=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[m]=e[m]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(n[m]=e[m])}return n}var i={},t="wrapper";function p(e){var l=e.components,m=u(e,d);return(0,a.mdx)(t,r({},i,m,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"changelog"},"Changelog"),(0,a.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,a.mdx)("h2",{id:"4660---april-25-2024"},"4.66.0 - (April 25, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"4650---april-24-2024"},"4.65.0 - (April 24, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"4640---april-10-2024"},"4.64.0 - (April 10, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"4630---february-15-2024"},"4.63.0 - (February 15, 2024)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,a.mdx)("h2",{id:"4620---november-13-2023"},"4.62.0 - (November 13, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4610---october-23-2023"},"4.61.0 - (October 23, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4600---october-16-2023"},"4.60.0 - (October 16, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4590---september-21-2023"},"4.59.0 - (September 21, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4580---september-19-2023"},"4.58.0 - (September 19, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4570---august-23-2023"},"4.57.0 - (August 23, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4560---august-1-2023"},"4.56.0 - (August 1, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4550---april-27-2023"},"4.55.0 - (April 27, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4540---february-15-2023"},"4.54.0 - (February 15, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,a.mdx)("h2",{id:"4530---february-7-2023"},"4.53.0 - (February 7, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4521---january-31-2023"},"4.52.1 - (January 31, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump of ",(0,a.mdx)("inlineCode",{parentName:"li"},"terra-icon"))))),(0,a.mdx)("h2",{id:"4520---january-9-2023"},"4.52.0 - (January 9, 2023)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-icon")))),(0,a.mdx)("h2",{id:"4510---december-7-2022"},"4.51.0 - (December 7, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4503---july-5-2022"},"4.50.3 - (July 5, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4502---may-3-2022"},"4.50.2 - (May 3, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4501---april-29-2022"},"4.50.1 - (April 29, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4500---february-2-2022"},"4.50.0 - (February 2, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,a.mdx)("h2",{id:"4491---january-4-2022"},"4.49.1 - (January 4, 2022)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4490---september-28-2021"},"4.49.0 - (September 28, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4480---september-21-2021"},"4.48.0 - (September 21, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,a.mdx)("h2",{id:"4470---august-25-2021"},"4.47.0 - (August 25, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4460---july-6-2021"},"4.46.0 - (July 6, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4450---june-22-2021"},"4.45.0 - (June 22, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4440---may-11-2021"},"4.44.0 - (May 11, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4430---april-13-2021"},"4.43.0 - (April 13, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4420---april-6-2021"},"4.42.0 - (April 6, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,a.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,a.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,a.mdx)("li",{parentName:"ul"},"Updated Jest command"),(0,a.mdx)("li",{parentName:"ul"},"Updated screenshots with elements that are out of bound")))),(0,a.mdx)("h2",{id:"4410---february-2-2021"},"4.41.0 - (February 2, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4400---january-5-2021"},"4.40.0 - (January 5, 2021)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fixed"),(0,a.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,a.mdx)("h2",{id:"4390---december-8-2020"},"4.39.0 - (December 8, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,a.mdx)("h2",{id:"4380---november-17-2020"},"4.38.0 - (November 17, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4370---october-27-2020"},"4.37.0 - (October 27, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4360---august-11-2020"},"4.36.0 - (August 11, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Add missing theme variables")))),(0,a.mdx)("h2",{id:"4350---august-6-2020"},"4.35.0 - (August 6, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4340---august-4-2020"},"4.34.0 - (August 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4330---july-29-2020"},"4.33.0 - (July 29, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,a.mdx)("h2",{id:"4320---july-7-2020"},"4.32.0 - (July 7, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4310---june-23-2020"},"4.31.0 - (June 23, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4300---june-9-2020"},"4.30.0 - (June 9, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,a.mdx)("h2",{id:"4290---may-19-2020"},"4.29.0 - (May 19, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4280---april-28-2020"},"4.28.0 - (April 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,a.mdx)("h2",{id:"4270---april-22-2020"},"4.27.0 - (April 22, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,a.mdx)("h2",{id:"4260---march-10-2020"},"4.26.0 - (March 10, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,a.mdx)("h2",{id:"4250---february-18-2020"},"4.25.0 - (February 18, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,a.mdx)("h2",{id:"4240---february-4-2020"},"4.24.0 - (February 4, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4230---january-28-2020"},"4.23.0 - (January 28, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4220---january-7-2020"},"4.22.0 - (January 7, 2020)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,a.mdx)("h2",{id:"4210---december-3-2019"},"4.21.0 - (December 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,a.mdx)("h2",{id:"4200---october-30-2019"},"4.20.0 - (October 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fixed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Fixed lint warnings for multiple empty lines")))),(0,a.mdx)("h2",{id:"4190---october-3-2019"},"4.19.0 - (October 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4180---september-19-2019"},"4.18.0 - (September 19, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed ",(0,a.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,a.mdx)("h2",{id:"4170---september-6-2019"},"4.17.0 - (September 6, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,a.mdx)("h2",{id:"4160---september-3-2019"},"4.16.0 - (September 3, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4150---august-21-2019"},"4.15.0 - (August 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,a.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,a.mdx)("li",{parentName:"ul"},"Added comments for ESlint v6")))),(0,a.mdx)("h2",{id:"4140---august-14-2019"},"4.14.0 - (August 14, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,a.mdx)("h2",{id:"4130---july-30-2019"},"4.13.0 - (July 30, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4120---july-24-2019"},"4.12.0 - (July 24, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4110---july-16-2019"},"4.11.0 - (July 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,a.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,a.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement"))))),(0,a.mdx)("h2",{id:"4100----july-11-2019"},"4.10.0 - (July 11, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"490---july-9-2019"},"4.9.0 - (July 9, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"480---june-28-2019"},"4.8.0 - (June 28, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,a.mdx)("h2",{id:"470---june-18-2019"},"4.7.0 - (June 18, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,a.mdx)("h2",{id:"460---june-11-2019"},"4.6.0 - (June 11, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,a.mdx)("h2",{id:"450---may-1-2019"},"4.5.0 - (May 1, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"440---april-16-2019"},"4.4.0 - (April 16, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"430---april-9-2019"},"4.3.0 - (April 9, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"420---march-26-2019"},"4.2.0 - (March 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,a.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,a.mdx)("h2",{id:"410---march-21-2019"},"4.1.0 - (March 21, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"400---february-26-2019"},"4.0.0 - (February 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Breaking Change",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed color prop")))),(0,a.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,a.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,a.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,a.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added VisuallyHiddenText prop to all examples in terra-status component."),(0,a.mdx)("li",{parentName:"ul"},"Fixed lint errors")))),(0,a.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,a.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,a.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2"),(0,a.mdx)("li",{parentName:"ul"},"Replaced images used in test files with base64 encoded images")))),(0,a.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,a.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Added"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,a.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,a.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,a.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,a.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Changed nightwatch tests to WebdriverIO")))),(0,a.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,a.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,a.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,a.mdx)("h2",{id:"1190---february-1-2018"},"1.19.0 - (February 1, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1180---january-18-2018"},"1.18.0 - (January 18, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1170---january-5-2018"},"1.17.0 - (January 5, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1140---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Removed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,a.mdx)("h2",{id:"1100---september-19-2017"},"1.10.0 - (September 19, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,a.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,a.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,a.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,a.mdx)("p",null,"Initial stable release"))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[m]=e[m]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(n[m]=e[m])}return n}var s={},h="wrapper";function c(e){var l=e.components,m=N(e,x);return(0,a.mdx)(h,o({},s,m,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(n.E,{mdxType:"Badge"}),(0,a.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},67279:function(e,l,m){m.d(l,{E:function(){return d}});var a=m(96540),n=m(55713),d=function(e){var l=e.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status",name:"terra-status",version:"4.66.0",url:l})}},25642:function(e,l,m){m.r(l),l.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"}}}]); \ No newline at end of file diff --git a/12523-e94e282fa95121042013.js b/12523-e94e282fa95121042013.js new file mode 100644 index 000000000..c8e69d0d4 --- /dev/null +++ b/12523-e94e282fa95121042013.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12523],{66163:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!0,showHGrid:!1}}},32813:function(e,n){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;n.default=function(e){return{bindTo:e,bindLegendTo:null,axis:{x:{show:!0,label:"Data",lowerLimit:80,upperLimit:280},y:{show:!0,label:"Line Set A",lowerLimit:-18,upperLimit:18},y2:{show:!1,label:"Line Set B",lowerLimit:0,upperLimit:250}},showLabel:!0,showLegend:!0,showShapes:!0,showVGrid:!1,showHGrid:!0}}},29683:function(e,n,t){"use strict";var r=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=r(t(96540)),i=r(t(5556));t(16939);var o={id:i.default.string.isRequired},l=function(e){return a.default.createElement(a.default.Fragment,null,a.default.createElement("div",{id:"tooltip",className:"initial-tooltip"}),a.default.createElement("div",{id:e.id,className:"example-graph-container"}))};l.propTypes=o;n.default=l},23846:function(e,n,t){"use strict";var r=t(24994);n.A=void 0;var a=r(t(96540)),i=r(t(61770)),o=r(t(45839)),l=r(t(29683)),d=r(t(66163)),p=o.default.deepClone((0,d.default)("#horizontalGridHidden"));n.A=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(l.default,{id:"horizontalGridHidden"})}},86144:function(e,n,t){"use strict";var r=t(24994);n.A=void 0;var a=r(t(96540)),i=r(t(61770)),o=r(t(45839));t(45633);var l=r(t(29683)),d=r(t(32813)),p=o.default.deepClone((0,d.default)("#verticalGridHidden"));n.A=function(){return a.default.useEffect((function(){i.default.api.graph(p)}),[]),a.default.createElement(l.default,{id:"verticalGridHidden"})}},12523:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return E}});var r=t(96540),a=t(36665),i=t(23846),o=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var p={};function s(e){var n=e.components,t=d(e,o);return(0,a.mdx)("wrapper",l({},p,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultHGridHidden';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#horizontalGridHidden'));\n\nconst HorizontalGridHiddenGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default HorizontalGridHiddenGeneralExample;\n\n")))}s.isMDXComponent=!0;var u=t(201),c=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Horizontal Grid Hidden",description:t,example:r.createElement(i.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},m=t(49462),f=t(86144),h=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var x={};function y(e){var n=e.components,t=b(e,h);return(0,a.mdx)("wrapper",g({},x,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Carbon from '@cerner/carbon-graphs';\nimport utils from '@cerner/carbon-graphs/lib/js/helpers/utils';\nimport '@cerner/terra-graphs-docs/lib/terra-graphs-src/components/Line/LineGraph.module.scss';\nimport ExampleGraphContainer from '@cerner/terra-graphs-docs/lib/terra-dev-site/ExampleGraphContainer/ExampleGraphContainer';\nimport getGraphConfig from '@cerner/terra-graphs-docs/lib/example-datasets/graphConfigObjects/General/generalDefaultVGridHidden';\n\n/*\nPlease refer to the documentation below to see the graphConfig and data objects\n*/\n\nconst graphConfig = utils.deepClone(getGraphConfig('#verticalGridHidden'));\n\nconst VerticalGridHiddenGeneralExample = () => {\n React.useEffect(() => {\n Carbon.api.graph(graphConfig);\n }, []);\n return (\n \n );\n};\n\nexport default VerticalGridHiddenGeneralExample;\n\n")))}y.isMDXComponent=!0;var v=t(79679),w=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Vertical Grid Hidden",description:t,example:r.createElement(f.A,null),exampleCssSrc:r.createElement(v.A,null),exampleSrc:r.createElement(y,null),isExpanded:a})},O=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}t(27647);var C={},L="wrapper";function E(e){var n=e.components,t=G(e,O);return(0,a.mdx)(L,j({},C,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"grid"},"Grid"),(0,a.mdx)("p",null,"Grid contains graph examples related to hiding horizontal and vertical grid."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Install with ",(0,a.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"npm i @cerner/carbon-graphs --save-dev"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Carbon from '@cerner/carbon-graphs';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(c,{mdxType:"HorizontalGridHiddenGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for horizontal grid hidden")),(0,a.mdx)("h3",{id:"graph-config-object"},"Graph Config object"),(0,a.mdx)(m.A,{mdxType:"HorizontalGridHiddenGraphConfig"})),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)("br",null),(0,a.mdx)(w,{mdxType:"VerticalGridHiddenGraph"}),(0,a.mdx)("details",null,(0,a.mdx)("summary",{style:{fontSize:24}},(0,a.mdx)("b",null,"Data used for vertical grid hidden")),(0,a.mdx)("h3",{id:"graph-config-object-1"},"Graph Config object"),(0,a.mdx)(m.A,{mdxType:"VerticalGridHiddenGraphConfig"})))}E.isMDXComponent=!0},49462:function(e,n,t){"use strict";t.d(n,{A:function(){return p}});t(96540);var r=t(36665),a=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var l={},d="wrapper";function p(e){var n=e.components,t=o(e,a);return(0,r.mdx)(d,i({},l,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-js"},"const getLineDefaultConfig = (id) => ({\n bindTo: id,\n bindLegendTo: null,\n axis: {\n x: {\n show: true,\n label: 'Data',\n lowerLimit: 80,\n upperLimit: 280,\n },\n y: {\n show: true,\n label: 'Line Set A',\n lowerLimit: -18,\n upperLimit: 18,\n },\n y2: {\n show: false,\n label: 'Line Set B',\n lowerLimit: 0,\n upperLimit: 250,\n },\n },\n showLabel: true,\n showLegend: true,\n showShapes: true,\n showVGrid: true,\n showHGrid: true,\n});\n\nexport default getLineDefaultConfig;\n\n\n")))}p.isMDXComponent=!0},79679:function(e,n,t){"use strict";t.d(n,{A:function(){return p}});t(96540);var r=t(36665),a=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(a[t]=e[t]);return a}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var l={},d="wrapper";function p(e){var n=e.components,t=o(e,a);return(0,r.mdx)(d,i({},l,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import '../Variables.module';\n\n:root {\n --line-transition-duration: 0.3s;\n}\n\n.carbon-line path {\n /* To counteract the opacity change when blur is used on a line */\n @include terra-graph-basic-transition(\n opacity,\n var(--line-transition-duration),\n var(--default-transition-timing)\n );\n\n fill: none;\n stroke-width: 1px;\n\n &.carbon-highlight {\n @include terra-graph-transform-transition(\n stroke,\n var(--default-transition-duration),\n var(--default-transition-timing)\n );\n stroke-width: 2px;\n }\n\n &[aria-hidden='true'] {\n @include terra-graph-opacity-hide();\n }\n}\n\n")))}p.isMDXComponent=!0},27647:function(e,n,t){var r,a;void 0===(a="function"==typeof(r=function(){var e="details",n="summary";function t(e){if("summary"===e.target.nodeName.toLowerCase()){var n=e.target.parentNode;if(!n)return;n.getAttribute("open")?(n.open=!1,n.removeAttribute("open")):(n.open=!0,n.setAttribute("open","open"))}}function r(){var t=document.createElement(e);if(!("open"in t))return!1;t.innerHTML="<"+n+">ab",document.body.appendChild(t);var r=t.offsetHeight;t.open=!0;var a=r!=t.offsetHeight;return document.body.removeChild(t),a}function a(e,n){if(!document.getElementById(e)){var t=document.createElement("style");t.id=e,t.innerHTML=n,document.getElementsByTagName("head")[0].appendChild(t)}}r()||(document.documentElement.className+=" no-details",window.addEventListener("click",t),a("details-polyfill-style","html.no-details "+e+" { display: block; }\nhtml.no-details "+e+":not([open]) > :not("+n+") { display: none; }\nhtml.no-details "+e+" > "+n+':before { content: "▶"; display: inline-block; font-size: .8em; width: 1.5em; }\nhtml.no-details '+e+"[open] > "+n+':before { content: "▼"; }'))})?r.call(n,t,n,e):r)||(e.exports=a)},16939:function(e,n,t){"use strict";t.r(n),n.default={}},45633:function(e,n,t){"use strict";t.r(n),n.default={}}}]); \ No newline at end of file diff --git a/12735-afe50f8b703aaeaa9eb3.css b/12735-afe50f8b703aaeaa9eb3.css new file mode 100644 index 000000000..ef2713e26 --- /dev/null +++ b/12735-afe50f8b703aaeaa9eb3.css @@ -0,0 +1,8 @@ +.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} +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___3pa8J{--terra-dev-site-props-table-table-required-color: #d53040}.PropsTable-module__orion-fusion-theme___FtP5r{--terra-dev-site-props-table-table-required-color: #d42b3c}.PropsTable-module__bold___-z9Sz{font-weight:600 !important}.PropsTable-module__table___rzW-v{border-collapse:collapse;border-spacing:0;display:block;overflow:auto;width:100%}[dir] .PropsTable-module__table___rzW-v{margin-bottom:1.143rem;margin-top:0}table .PropsTable-module__required___ev190{color:#d53040;color:var(--terra-dev-site-props-table-table-required-color, #d53040)}table .PropsTable-module__code-block-override___fF0JK pre{max-width:35.71rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}[dir] table .PropsTable-module__code-block-override___fF0JK pre{padding:.2857rem} +.ItemDisplay-module__clinical-lowlight-theme___WSueU{--terra-clinical-item-display-attention-color: #fb4c4c;--terra-clinical-item-display-disabled-icon-color: #404344;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-strong-color: #b2b5b6;--terra-clinical-item-display-strike-through-color: #b2b5b6;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-inline-icon-padding-right: 0.35714rem;--terra-clinical-item-display-disabled-inline-icon-color: #404344;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__orion-fusion-theme___8tnBi{--terra-clinical-item-display-inline-icon-padding-right: 0.25rem;--terra-clinical-item-display-disabled-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-opacity: 0.3;--terra-clinical-item-display-secondary-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-attention-color: #c00;--terra-clinical-item-display-attention-font-weight: 700;--terra-clinical-item-display-strong-color: #1c1f21;--terra-clinical-item-display-strong-font-weight: 700;--terra-clinical-item-display-strike-through-color: #1c1f21;--terra-clinical-item-display-disabled-inline-icon-color: #9b9fa1;--terra-clinical-item-display-disabled-inline-icon-opacity: 0.3}.ItemDisplay-module__item-display___zzQHA{font-size:1rem;line-height:1.4285714286;display:-ms-flexbox;display:flex;max-width:100%;overflow:hidden}.ItemDisplay-module__text___8kzzL{-ms-flex:1 1 auto;flex:1 1 auto;min-width:10px}.ItemDisplay-module__icon___QFsen{-ms-flex:0 0 auto;flex:0 0 auto;overflow:hidden}[dir=ltr] .ItemDisplay-module__icon___QFsen{padding-right:0.35714rem;padding-right:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}[dir=rtl] .ItemDisplay-module__icon___QFsen{padding-left:0.35714rem;padding-left:var(--terra-clinical-item-display-inline-icon-padding-right, 0.35714rem)}.ItemDisplay-module__icon___QFsen>*{min-height:1em;min-width:1em}.ItemDisplay-module__icon-center___yNnaA{-ms-flex-align:center;align-items:center}.ItemDisplay-module__icon-top___le\+7t{-ms-flex-align:start;align-items:flex-start}.ItemDisplay-module__icon-inline___7-6dl{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__text___8kzzL{display:inline}.ItemDisplay-module__icon-inline___7-6dl .ItemDisplay-module__icon___QFsen{display:inline}.ItemDisplay-module__is-truncated___5xS0r{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal;word-wrap:normal}.ItemDisplay-module__is-disabled___LmVej{opacity:0.2;opacity:var(--terra-clinical-item-display-disabled-opacity, 0.2)}.ItemDisplay-module__is-disabled___LmVej .ItemDisplay-module__icon___QFsen{color:rgb(117, 118, 125);color:var(--terra-clinical-item-display-disabled-icon-color, rgb(117, 118, 125))}.ItemDisplay-module__secondary___ObdZe{color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-secondary-color, rgba(28, 31, 33, 0.65))}.ItemDisplay-module__attention___W1BMa{color:#c00;color:var(--terra-clinical-item-display-attention-color, #c00);font-weight:700;font-weight:var(--terra-clinical-item-display-attention-font-weight, 700)}.ItemDisplay-module__strong___OPiqQ{color:#1c1f21;color:var(--terra-clinical-item-display-strong-color, #1c1f21);font-weight:700;font-weight:var(--terra-clinical-item-display-strong-font-weight, 700)}.ItemDisplay-module__strike-through___yJ7fk{color:#1c1f21;color:var(--terra-clinical-item-display-strike-through-color, #1c1f21);text-decoration:line-through} +.ExampleTemplate-module__clinical-lowlight-theme___rBbtD{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f;--terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b;--terra-dev-site-example-template-hover-code-toggle-background-color: #373d41;--terra-dev-site-example-template-code-toggle-background-color: #2e3539;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #1d2427;--terra-dev-site-example-template-keyboard-focus-outline: #fff;--terra-dev-site-example-template-code-toggle-color: #b2b5b6;--terra-dev-site-example-template-footer-background-color: #262b2e;--terra-dev-site-example-template-header-background-color: #262b2e;--terra-dev-site-example-template-content-background-color: #1b2326}.ExampleTemplate-module__orion-fusion-theme___GzA23{--terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141;--terra-dev-site-example-template-selected-code-toggle-background-color: #666565;--terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8;--terra-dev-site-example-template-code-toggle-background-color: #ddd;--terra-dev-site-example-template-selected-code-toggle-color: #ebebeb;--terra-dev-site-example-template-code-background-color: #f6f8fa;--terra-dev-site-example-template-keyboard-focus-outline: #000;--terra-dev-site-example-template-code-toggle-color: #000;--terra-dev-site-example-template-footer-background-color: #f4f4f4;--terra-dev-site-example-template-header-background-color: #f4f4f4;--terra-dev-site-example-template-template-content-background-color: #fff}.ExampleTemplate-module__template___a4uPk{overflow:hidden}[dir] .ExampleTemplate-module__template___a4uPk{border:1px solid #e8e8e8;border-radius:3px;margin-bottom:.9375rem}[dir] .ExampleTemplate-module__header___iFXV3{background-color:var(--terra-dev-site-example-template-header-background-color);border-bottom:1px solid #e8e8e8;padding:.625rem}[dir] .ExampleTemplate-module__content___48m4Q{background-color:var(--terra-dev-site-example-template-content-background-color);padding:.625rem}[dir] .ExampleTemplate-module__description___NwBJo{padding-bottom:.625rem}.ExampleTemplate-module__footer___GpSoG{overflow:hidden}[dir] .ExampleTemplate-module__footer___GpSoG{background-color:var(--terra-dev-site-example-template-footer-background-color)}.ExampleTemplate-module__button-container___rAD11{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.ExampleTemplate-module__css___\+jtk1,.ExampleTemplate-module__code___7rC6C{height:100%}[dir] .ExampleTemplate-module__css___\+jtk1, [dir] .ExampleTemplate-module__code___7rC6C{background-color:#f6f8fa;background-color:var(--terra-dev-site-example-template-code-background-color, #f6f8fa)}.ExampleTemplate-module__css-toggle___chHK7,.ExampleTemplate-module__code-toggle___TGlE-{-ms-flex-align:center;align-items:center;color:#000;color:var(--terra-dev-site-example-template-code-toggle-color, #000);display:-ms-flexbox;display:flex;outline:none}[dir] .ExampleTemplate-module__css-toggle___chHK7, [dir] .ExampleTemplate-module__code-toggle___TGlE-{background-color:#ddd;background-color:var(--terra-dev-site-example-template-code-toggle-background-color, #ddd);border:0;cursor:pointer;padding:.625rem}.ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS,.ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{color:#ebebeb;color:var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb)}[dir] .ExampleTemplate-module__css-toggle___chHK7.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-.ExampleTemplate-module__is-selected___0BYwS{background-color:#666565;background-color:var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover{background-color:#b8b8b8;background-color:var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8)}[dir] .ExampleTemplate-module__css-toggle___chHK7:hover.ExampleTemplate-module__is-selected___0BYwS, [dir] .ExampleTemplate-module__code-toggle___TGlE-:hover.ExampleTemplate-module__is-selected___0BYwS{background-color:#424141;background-color:var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141)}.ExampleTemplate-module__item___8FTQq[data-focus-styles-enabled=true]:focus{outline:2px dashed #000;outline:2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000);outline-offset:-2px}.ExampleTemplate-module__chevron___VbY7N{display:inline-block;height:.875rem;width:.875rem}.ExampleTemplate-module__title___r\+nbJ{font-size:1rem;font-weight:500}[dir] .ExampleTemplate-module__title___r\+nbJ{margin:0;padding:0}[dir] .ExampleTemplate-module__dynamic-content___k\+1H7{background-color:rgba(0,0,0,0)} +.ItemComment-module__clinical-lowlight-theme___lM\+Lt{--terra-clinical-item-display-item-comment-color: rgba(221, 224, 225, 0.41);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(221, 224, 225, 0.41)}.ItemComment-module__orion-fusion-theme___dtZma{--terra-clinical-item-display-item-comment-color: rgba(28, 35, 40, 0.73);--terra-clinical-item-display-item-comment-inline-icon-color: rgba(28, 35, 40, 0.73)}.ItemComment-module__item-comment___ESQjD{font-size:1rem;line-height:1.4285714286;color:rgba(28, 31, 33, 0.65);color:var(--terra-clinical-item-display-item-comment-color, rgba(28, 31, 33, 0.65))}.ItemComment-module__item-comment___ESQjD .ItemComment-module__inline-icon___znks3{color:rgba(117, 118, 125, 0.3);color:var(--terra-clinical-item-display-item-comment-inline-icon-color, rgba(117, 118, 125, 0.3))} +.Toggle-module__toggle___7F95e[aria-hidden=true]{opacity:0;transition:visibility 0s linear .5s,opacity .5s linear;visibility:hidden}.Toggle-module__toggle___7F95e[aria-hidden=false]{opacity:1;visibility:visible}[dir] .Toggle-module__toggle___7F95e[aria-hidden=false]{transition-delay:0s} +.ToggleButton-module__toggle-button___eo1aB{display:block}.ToggleButton-module__icon___mFdVK{display:inline-block;line-height:1}[dir] .ToggleButton-module__icon___mFdVK{transform:rotate(0deg)}.ToggleButton-module__icon___mFdVK svg{font-size:.8em;position:relative;top:-0.14em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.ToggleButton-module__icon___mFdVK svg{top:-0.07em}}[dir=ltr] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(90deg)}[dir=rtl] .ToggleButton-module__is-open___W1RlO .ToggleButton-module__icon___mFdVK{transform:rotate(-90deg)}.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}.ToggleButton-module__is-open___W1RlO.ToggleButton-module__is-icon-animated___4e24X .ToggleButton-module__icon___mFdVK{transition:transform .15s ease-in}[dir=ltr] .ToggleButton-module__button-text___\+N0CK{padding-left:.3rem}[dir=rtl] .ToggleButton-module__button-text___\+N0CK{padding-right:.3rem} diff --git a/12735-afe50f8b703aaeaa9eb3.js b/12735-afe50f8b703aaeaa9eb3.js new file mode 100644 index 000000000..b3a877599 --- /dev/null +++ b/12735-afe50f8b703aaeaa9eb3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12735,17711,40092,52947,75328,72949,8185,4645,47115,95330,7235,29616,30566,63423,62473,24087,84854,38663,61044,92260,85804,18661,69879,47498,25117,41042,81784,69496,2353,59403,37022,24734,57591,14641,71308,48927,98463,79972,73899,20844,53701,76082,85785,12829,8166,30547,52928,96261],{201:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),i=r(n(5556)),u=r(n(67967)),d=n(92912),c=r(n(49558)),s=r(n(53665)),m=n(25966),p=r(n(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}var y=u.default.bind(p.default),x={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,i=e.description,u=e.isExpanded,p=(0,o.useState)(u),f=(0,l.default)(p,2),x=f[0],h=f[1],_=(0,o.useState)(!1),v=(0,l.default)(_,2),O=v[0],T=v[1],E=o.default.useContext(d.ThemeContext),j=void 0!==r,S=function(){T(!O),x&&h(!x)},N=function(){h(!x),O&&T(!O)},w=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",E.className)},o.default.createElement("div",{className:y("header")},a&&o.default.createElement("h2",{className:y("title")},a)),o.default.createElement("div",{className:y("content")},i&&o.default.createElement("div",{className:y("description")},i),t),o.default.createElement("div",{className:y("footer")},n?o.default.createElement("div",{className:y("button-container")},j&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:S,onKeyDown:function(e){return w(e,S)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:N,onKeyDown:function(e){return w(e,N)},onBlur:b,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:y("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:y("css")},r),x&&o.default.createElement("div",{className:y("code")},n))))};h.propTypes=x,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,n){var r=n(24994),a=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return d.Row}}),t.Ay=t.$d=void 0;var l=m(n(96540)),o=r(n(5556)),i=r(n(67967)),u=n(92912),d=m(n(26984)),c=r(n(89744));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var p=i.default.bind(c.default),f={children:o.default.node},y={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(d.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=f;var x=function(e){var t=e.children,n=(0,l.useContext)(u.ThemeContext);return l.default.createElement(d.default,{paddingStyle:"compact",className:p("table",n.className)},l.default.createElement(d.Header,{className:p("header")},l.default.createElement(d.HeaderCell,null,"Prop"),l.default.createElement(d.HeaderCell,null,"Type"),l.default.createElement(d.HeaderCell,null,"Required"),l.default.createElement(d.HeaderCell,null,"Default"),l.default.createElement(d.HeaderCell,null,"Description")),l.default.createElement(d.Body,null,t))};x.propTypes=f;t.Ay=x},86159:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(67967)),o=d(n(52103)),i=d(n(36605)),u=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=l.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y={children:a.default.string},x=function(e){var t=e.children,n=s(e,u),a=r.default.useContext(o.default),i=(0,l.default)(m(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};x.propTypes=y;t.default=x},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(67967)),o=u(n(52103)),i=u(n(17269));function u(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(i.default),c={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,l=r.default.useContext(o.default);return r.default.createElement("div",{className:d("notice",n,l.className)},r.default.createElement("div",{className:d("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:d("title"),"aria-level":t},r.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),r.default.createElement("div",{className:d("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:d("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:d("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:d("list")},r.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),r.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),r.default.createElement("li",null,r.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),r.default.Children.map(a,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),i=c(n(52103)),u=c(n(16576)),d=["title"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=o.default.bind(u.default),f={title:a.default.string},y=function(e){var t=e.title,n=m(e,d),a=r.default.useContext(i.default),o=(0,l.default)(p(["placeholder",a.className]),n.className),u=p(["inner"]);return r.default.createElement("div",s({},n,{className:o}),r.default.createElement("div",{className:u},r.default.createElement("p",{className:p("title")},t)))};y.propTypes=f,y.defaultProps={title:""};t.default=y},74647:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var r=o(n(20999)),a=o(n(18778)),l=o(n(86159));function o(e){return e&&e.__esModule?e:{default:e}}},93791:function(e,t,n){n.r(t),n.d(t,{default:function(){return fe}});var r=n(96540),a=n(36665),l=n(21567),o=n(74647),i=n(12883),u=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={},m="wrapper";function p(e){var t=e.components,n=c(e,u);return(0,a.mdx)(m,d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.Ay,{mdxType:"PropsTable"},(0,a.mdx)(i.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The text to be displayed for the comment."))),(0,a.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"textStyle"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},'enum: [\n "attention"\n "primary"\n "secondary"\n "strikeThrough"\n "strong"\n],\n'))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'primary'\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The visual style to be applied to the display element.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'primary'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'secondary'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strong'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'attention'"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strikeThrough'"),"."))),(0,a.mdx)(i.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"isTruncated"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the text should be truncated. Note: To ensure keyboard accessibility, if this prop\nis used, consumers will need to provide a method to disclose the rest of the text so that it is\naccessible to keyboard users."))),(0,a.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"(Deprecated) Whether or not the display is disabled."))),(0,a.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"icon"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The icon react element to be displayed next to the display text."))),(0,a.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"iconAlignment"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'top'\n 'inline'\n],\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'center'\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The position of the icon to be displayed next to the text,\nnoticeable when the text display wraps multiple line.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'center'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'top'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'inline'"),"."))),(0,a.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"textStyleMeaning"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThe meaning of the text styling, for use by screen readers.\nChanging ",(0,a.mdx)("inlineCode",{parentName:"p"},"textStyleMeaning"),' will not visually change the style of the content.\nDefaults to "deletion" for ',(0,a.mdx)("inlineCode",{parentName:"p"},"textStyle")," of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'strikeThrough'"),".")))))}p.isMDXComponent=!0;var f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var b={},g="wrapper";function h(e){var t=e.components,n=x(e,f);return(0,a.mdx)(g,y({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.Ay,{mdxType:"PropsTable"},(0,a.mdx)(i.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The text to be displayed for the comment."))),(0,a.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"isTruncated"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(i.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(i.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the text should be truncated in display. Note: To ensure keyboard accessibility,\nif this prop is used, consumers will need to provide a method to disclose the rest of the text\nso that it is accessible to keyboard users.")))))}h.isMDXComponent=!0;var _=n(45452),v=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function j(e){var t=e.components,n=T(e,v);return(0,a.mdx)("wrapper",O({},E,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ItemDisplay from \'terra-clinical-item-display\';\n\nconst component = () => (\n \n \n \n \n \n \n \n);\n\nexport default component;\n\n')))}j.isMDXComponent=!0;var S=n(201),N=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(S.A,{title:t||"Text Styles",description:n,example:r.createElement(_.A,null),exampleSrc:r.createElement(j,null),isExpanded:a})};n(15996);var w=n(32824),P=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var D={};function M(e){var t=e.components,n=I(e,P);return(0,a.mdx)("wrapper",C({},D,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport IconGlasses from 'terra-icon/lib/icon/IconGlasses';\nimport ItemDisplay from 'terra-clinical-item-display';\n\nconst component = () => (} />);\n\nexport default component;\n\n")))}M.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(S.A,{title:t||"Icon",description:n,example:r.createElement(w.A,null),exampleSrc:r.createElement(M,null),isExpanded:a})},A=n(13075),R=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var H={};function L(e){var t=e.components,n=B(e,R);return(0,a.mdx)("wrapper",q({},H,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport IconGlasses from 'terra-icon/lib/icon/IconGlasses';\nimport ItemDisplay from 'terra-clinical-item-display';\n\nconst sampleText = 'Mr. James is currently receiving outpatient treatment. He has been diagnosed with an Axis I diagnosis of Psychosis NOS, ruled out Schizoaffective Disorder and Post Traumatic Stress Disorder, and is being treated with Haldol 5mg and Cogentin 1mg. ';\n\nconst component = () => (\n \n } />\n
\n } iconAlignment=\"top\" />\n
\n } iconAlignment=\"inline\" />\n
\n
\n);\n\nexport default component;\n\n")))}L.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(S.A,{title:t||"Icon Text",description:n,example:r.createElement(A.A,null),exampleSrc:r.createElement(L,null),isExpanded:a})},W=n(98419),z=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var X={};function Y(e){var t=e.components,n=G(e,z);return(0,a.mdx)("wrapper",F({},X,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies\nimport ItemComment from 'terra-clinical-item-display/lib/ItemComment';\n\nconst component = () => (\n \n \n \n);\n\nexport default component;\n\n")))}Y.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(S.A,{title:t||"Default Comment",description:n,example:r.createElement(W.A,null),exampleSrc:r.createElement(Y,null),isExpanded:a})},U=n(45862),K=["components"];function $(){return $=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Q={};function ee(e){var t=e.components,n=J(e,K);return(0,a.mdx)("wrapper",$({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ItemDisplay from \'terra-clinical-item-display\';\n\nconst component = () => (\n \n \n

Screen reader reads: “Important”, “Attention”, “Important End”

\n
\n \n

Screen reader reads: “Deletion”, “Strike-through (Default)”, “Deletion End”

\n
\n \n

Screen reader reads: “Update”, “Strike-through”, “Update End”

\n
\n);\n\nexport default component;\n\n')))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(S.A,{title:t||"Text Style Meaning",description:n,example:r.createElement(U.A,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(28204),re=["components"];function ae(){return ae=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var oe={};function ie(e){var t=e.components,n=le(e,re);return(0,a.mdx)("wrapper",ae({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef, useContext } from 'react';\nimport ItemDisplay from 'terra-clinical-item-display';\nimport List, { Item } from 'terra-list';\nimport Popup from 'terra-popup';\nimport Button from 'terra-button';\nimport ModalManager from 'terra-modal-manager';\nimport ToggleButton from 'terra-toggle-button';\nimport { DisclosureManagerContext, DisclosureManagerHeaderAdapter } from 'terra-disclosure-manager';\n\nconst fullText = 'Mr. James is currently receiving outpatient treatment. He has been diagnosed with an Axis I diagnosis of Psychosis NOS, ruled out Schizoaffective Disorder and Post Traumatic Stress Disorder, and is being treated with Haldol 5mg and Cogentin 1mg. His treatment may have potential side effects such as dizziness and headaches. His symptoms have been manageable, if any side effects or concerns come up, consult with the doctor immediately.';\n\nconst TruncatedText = () => {\n const [popupOpen, setPopupOpen] = useState(false);\n const popupRef = useRef(null);\n\n const setButtonNode = (node) => {\n popupRef.current = node;\n };\n\n const handleButtonClick = () => {\n if (!popupOpen) {\n document.querySelector('#root').setAttribute('inert', 'true');\n }\n setPopupOpen(true);\n };\n\n const handleRequestClose = () => {\n setPopupOpen(false);\n document.querySelector('#root').removeAttribute('inert');\n popupRef.current.focus();\n };\n\n const FullTextModalContent = () => {\n const disclosureManager = useContext(DisclosureManagerContext);\n\n const disclose = () => {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'tiny',\n content: {\n key: 'text-key',\n component: (\n <>\n \n \n \n ),\n },\n });\n };\n\n return (\n