diff --git a/10051-19234a2e4789f1fa9b7e.js b/10051-19234a2e4789f1fa9b7e.js new file mode 100644 index 000000000..41d792277 --- /dev/null +++ b/10051-19234a2e4789f1fa9b7e.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||(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;te.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-80d1e33cd59c57f26bc0.css b/12501-80d1e33cd59c57f26bc0.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/12501-80d1e33cd59c57f26bc0.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-80d1e33cd59c57f26bc0.js b/12501-80d1e33cd59c57f26bc0.js new file mode 100644 index 000000000..2807ba638 --- /dev/null +++ b/12501-80d1e33cd59c57f26bc0.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:"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.64.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/12793-001c4fd28322ff39c8b0.js b/12793-001c4fd28322ff39c8b0.js new file mode 100644 index 000000000..7bf611417 --- /dev/null +++ b/12793-001c4fd28322ff39c8b0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[12793],{19789:function(e,t,n){function l(e){return l="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},l(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.twitterButton=t.textWithBlueBorder=t.textHealthSolutionsData=t.textConsentFormData=t.textClinicalData=t.simpleText=t.settingsButton=t.menuButton=t.homeButton=t.chatButton=t.backtotopButton=t.alignExampleDivBlue=t.alignExampleDiv=void 0;var a=p(n(96540)),r=p(n(23986)),i=p(n(67967)),o=n(25966),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}(n(20404)),m=p(n(3609));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 p(e){return e&&e.__esModule?e:{default:e}}var c=i.default.bind(m.default),s="This example provides content containers with a fit (start and/or end region) and fill (middle region). Arrange Props have one required prop which is fill to the content to display in the body of the fill.",f=(t.simpleText=a.default.createElement("span",null,s),t.textWithBlueBorder=a.default.createElement("span",{className:c("outlined-placeholder")},s),a.default.createElement("span",null,"Clinical data is a staple resource for most health and medical research. Clinical data is either collected during the course of ongoing patient care or as part of a formal clinical trial program. For more information visit ",a.default.createElement("a",{href:"#clinical-information",onKeyDown:function(e){e.keyCode===o.KEY_SPACE&&e.preventDefault()}},"Clinical information"))),x=a.default.createElement("span",null,"Trusted clinical technology and evidence-based solutions that drive effective decision-making and outcomes across healthcare. Specialized in clinical effectiveness, research and safety.",a.default.createElement("button",{type:"button",className:c("space-around"),onClick:function(){alert("Health solutions button has been clicked")}},"View all health solutions")),g=a.default.createElement(a.default.Fragment,null,a.default.createElement(d.RadioField,{legend:"A telemedicine consent form is used to confirm that a patient agrees to telemedicine services, which are medical services done remotely over the phone or computer."},a.default.createElement(d.default,{id:"yes",name:"inline-example",labelText:"Yes",value:"yes",isInline:!0}),a.default.createElement(d.default,{id:"no",name:"inline-example",labelText:"No",value:"no",isInline:!0})));t.textClinicalData=a.default.createElement("span",{className:c("outlined-placeholder")},f),t.textHealthSolutionsData=a.default.createElement("span",{className:c("outlined-placeholder","info-text")},x),t.textConsentFormData=a.default.createElement("span",{className:c("outlined-placeholder")},g),t.alignExampleDiv=a.default.createElement("span",{className:c("placeholder")}),t.alignExampleDivBlue=a.default.createElement("span",{className:c("highlighted-placeholder")}),t.homeButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","home"])}),onClick:function(){alert("Home button has been clicked")},text:"Home button"}),t.menuButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","menu"])}),onClick:function(){alert("Menu button has been clicked")},text:"Menu button"}),t.chatButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","chat"])}),onClick:function(){alert("Chat button has been clicked")},text:"Chat with us button"}),t.settingsButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","settings"])}),onClick:function(){alert("Settings button has been clicked")},text:"Settings button"}),t.twitterButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","twitter"])}),onClick:function(){alert("Twitter button has been clicked")},text:"Twitter button"}),t.backtotopButton=a.default.createElement(r.default,{className:c(["arrange-button"]),isIconOnly:!0,icon:a.default.createElement("span",{className:c(["header-icon","backtotop"])}),onClick:function(){alert("Back to top button has been clicked")},text:"Back to top button"})},13533:function(e,t,n){t.A=void 0;var l=i(n(96540)),a=i(n(39496)),r=n(19789);function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return l.default.createElement("div",null,l.default.createElement("h3",null,"Align - Default"),l.default.createElement(a.default,{fitStart:r.homeButton,fill:r.textClinicalData,fitEnd:r.menuButton}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align - Center"),l.default.createElement(a.default,{align:"center",fitStart:r.settingsButton,fill:r.textHealthSolutionsData,fitEnd:r.chatButton}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align - Bottom"),l.default.createElement(a.default,{align:"bottom",fitStart:r.twitterButton,fill:r.textConsentFormData,fitEnd:r.backtotopButton}))}},73413:function(e,t,n){t.A=void 0;var l=i(n(96540)),a=i(n(39496)),r=n(19789);function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return l.default.createElement("div",null,l.default.createElement("h3",null,"Align Fill - Default"),l.default.createElement(a.default,{fitStart:r.alignExampleDiv,fill:r.textWithBlueBorder,fitEnd:r.alignExampleDiv}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align Fill - Center"),l.default.createElement(a.default,{alignFill:"center",fitStart:r.alignExampleDiv,fill:r.textWithBlueBorder,fitEnd:r.alignExampleDiv}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align Fill - Bottom"),l.default.createElement(a.default,{alignFill:"bottom",fitStart:r.alignExampleDiv,fill:r.textWithBlueBorder,fitEnd:r.alignExampleDiv}))}},32028:function(e,t,n){t.A=void 0;var l=i(n(96540)),a=i(n(39496)),r=n(19789);function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return l.default.createElement("div",null,l.default.createElement("h3",null,"Align FitEnd - Default"),l.default.createElement(a.default,{fitStart:r.alignExampleDiv,fill:r.simpleText,fitEnd:r.alignExampleDivBlue}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align FitEnd - Center"),l.default.createElement(a.default,{alignFitEnd:"center",fitStart:r.alignExampleDiv,fill:r.simpleText,fitEnd:r.alignExampleDivBlue}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align FitEnd - Bottom"),l.default.createElement(a.default,{alignFitEnd:"bottom",fitStart:r.alignExampleDiv,fill:r.simpleText,fitEnd:r.alignExampleDivBlue}))}},6341:function(e,t,n){t.A=void 0;var l=i(n(96540)),a=i(n(39496)),r=n(19789);function i(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return l.default.createElement("div",null,l.default.createElement("h3",null,"Align FitStart - Default"),l.default.createElement(a.default,{fitStart:r.alignExampleDivBlue,fill:r.simpleText,fitEnd:r.alignExampleDiv}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align FitStart - Center"),l.default.createElement(a.default,{alignFitStart:"center",fitStart:r.alignExampleDivBlue,fill:r.simpleText,fitEnd:r.alignExampleDiv}),l.default.createElement("br",null),l.default.createElement("hr",null),l.default.createElement("h3",null,"Align FitStart - Bottom"),l.default.createElement(a.default,{alignFitStart:"bottom",fitStart:r.alignExampleDivBlue,fill:r.simpleText,fitEnd:r.alignExampleDiv}))}},55713:function(e,t,n){var l=n(24994);t.A=void 0;var a=l(n(96540)),r=l(n(5556)),i=l(n(67967)),o=l(n(25642)),d=i.default.bind(o.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},u=function(e){var t=e.src,n=e.name,l=e.url,r=e.version,i=a.default.createElement("a",{className:d("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},a.default.createElement("span",{className:d("badge-name")},l?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(r))),o=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},i,o)};u.propTypes=m;t.A=u},12793:function(e,t,n){n.r(t),n.d(t,{default:function(){return L}});var l=n(96540),a=n(36665),r=n(45647),i=n(13533),o=["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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function p(e){var t=e.components,n=m(e,o);return(0,a.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport {\n textClinicalData, textHealthSolutionsData, textConsentFormData, homeButton, menuButton, chatButton, settingsButton, twitterButton, backtotopButton,\n} from '../common/examplesetup';\n\nconst ArrangeAlignAllContainers = () => (\n
\n

Align - Default

\n \n
\n
\n

Align - Center

\n \n
\n
\n

Align - Bottom

\n \n
\n);\n\nexport default ArrangeAlignAllContainers;\n\n")))}p.isMDXComponent=!0;var c=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align All Containers",description:n,example:l.createElement(i.A,null),exampleSrc:l.createElement(p,null),isExpanded:a})},f=n(73413),x=["components"];function g(){return g=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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var h={};function y(e){var t=e.components,n=b(e,x);return(0,a.mdx)("wrapper",g({},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 Arrange from 'terra-arrange';\nimport { alignExampleDiv, textWithBlueBorder } from '../common/examplesetup';\n\nconst ArrangeAlignFill = () => (\n
\n

Align Fill - Default

\n \n
\n
\n

Align Fill - Center

\n \n
\n
\n

Align Fill - Bottom

\n \n
\n);\n\nexport default ArrangeAlignFill;\n\n")))}y.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align Fill",description:n,example:l.createElement(f.A,null),exampleSrc:l.createElement(y,null),isExpanded:a})},v=n(32028),_=["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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var A={};function N(e){var t=e.components,n=T(e,_);return(0,a.mdx)("wrapper",O({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport { alignExampleDivBlue, alignExampleDiv, simpleText } from '../common/examplesetup';\n\nconst ArrangeAlignFitStart = () => (\n
\n

Align FitEnd - Default

\n \n
\n
\n

Align FitEnd - Center

\n \n
\n
\n

Align FitEnd - Bottom

\n \n
\n);\n\nexport default ArrangeAlignFitStart;\n\n")))}N.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align Fit End",description:n,example:l.createElement(v.A,null),exampleSrc:l.createElement(N,null),isExpanded:a})},D=n(6341),S=["components"];function j(){return j=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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var B={};function F(e){var t=e.components,n=w(e,S);return(0,a.mdx)("wrapper",j({},B,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport { alignExampleDiv, alignExampleDivBlue, simpleText } from '../common/examplesetup';\n\nconst ArrangeAlignFitStart = () => (\n
\n

Align FitStart - Default

\n \n
\n
\n

Align FitStart - Center

\n \n
\n
\n

Align FitStart - Bottom

\n \n
\n);\n\nexport default ArrangeAlignFitStart;\n\n")))}F.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align Fit Start",description:n,example:l.createElement(D.A,null),exampleSrc:l.createElement(F,null),isExpanded:a})},P=n(12883),R=["components"];function I(){return I=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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var q={},W="wrapper";function Z(e){var t=e.components,n=M(e,R);return(0,a.mdx)(W,I({},q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(P.Ay,{mdxType:"PropsTable"},(0,a.mdx)(P.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fitStart"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content to display in the body of the fitStart."))),(0,a.mdx)(P.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fill"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(P.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content to display in the body of the fill."))),(0,a.mdx)(P.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fitEnd"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The content to display in the body of the fitEnd."))),(0,a.mdx)(P.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"align"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The vertical orientation of all three containers. It will override the alignment of alignFitStart, alignFill and alignFitEnd if given. One of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,a.mdx)(P.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFitStart"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The vertical orientation of fitStart. One of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,a.mdx)(P.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFitEnd"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The vertical orientation of fitEnd. One of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,a.mdx)(P.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFill"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The vertical orientation of fill. One of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,a.mdx)(P.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fitStartAttributes"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The attributes to be set on the fitStart wrapper element"))),(0,a.mdx)(P.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fillAttributes"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The attributes to be set on the fill wrapper element"))),(0,a.mdx)(P.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(P.dt,{mdxType:"PropNameCell"},"fitEndAttributes"),(0,a.mdx)(P.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The attributes to be set on the fitEnd wrapper element")))))}Z.isMDXComponent=!0;var H=["components"];function V(){return V=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 r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var X={},$="wrapper";function L(e){var t=e.components,n=Y(e,H);return(0,a.mdx)($,V({},X,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-arrange"},"Terra Arrange"),(0,a.mdx)("p",null,"The arrange component provides content containers with a fit (start and/or end region) and fill (middle region)."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Terra arrange supports altering multiple CSS attributes without loss of function or information."),(0,a.mdx)("li",{parentName:"ul"},"Terra arrange supports resizing to 400%."),(0,a.mdx)("li",{parentName:"ul"},"Terra arrange supports reflow when the viewport is resized to 320x256 px without loss of information or function.")),(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-arrange"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Arrange from 'terra-arrange';\n")),(0,a.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,a.mdx)("p",null,"For further guidance, please view the full ",(0,a.mdx)("a",{parentName:"p",href:"./accessibility-guide"},"Accessibility Guide"),"."),(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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(k,{title:"Align Individual Containers - FitStart",mdxType:"ArrangeAlignFitStart"}),(0,a.mdx)(E,{title:"Align Individual Containers - Fill",mdxType:"ArrangeAlignFill"}),(0,a.mdx)(C,{title:"Align Individual Containers - FitEnd",mdxType:"ArrangeAlignFitEnd"}),(0,a.mdx)(s,{title:"Align All Containers",mdxType:"ArrangeAlignAllContainers"}),(0,a.mdx)("h2",{id:"arrange-props"},"Arrange Props"),(0,a.mdx)(Z,{mdxType:"ArrangePropsTable"}))}L.isMDXComponent=!0},45647:function(e,t,n){n.d(t,{E:function(){return r}});var l=n(96540),a=n(55713),r=function(e){var t=e.url;return l.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.56.1-alpha.0",url:t})}},3609:function(e,t,n){n.r(t),t.default={"outlined-placeholder":"examplesetup__outlined-placeholder___2yAIj",placeholder:"examplesetup__placeholder___+FlSk","highlighted-placeholder":"examplesetup__highlighted-placeholder___VMV4x","space-around":"examplesetup__space-around___XwTYU","radio-buttons":"examplesetup__radio-buttons___NQDlI",label:"examplesetup__label___+u06l","arrange-button":"examplesetup__arrange-button___y+qmf","header-icon":"examplesetup__header-icon___20Jih",menu:"examplesetup__menu___66Gx1",home:"examplesetup__home___g1SWV",chat:"examplesetup__chat___LUClD",settings:"examplesetup__settings___+OPef",backtotop:"examplesetup__backtotop___tpJtH",twitter:"examplesetup__twitter___C-3DO"}},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"}},92420:function(e,t,n){n.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"}},39496:function(e,t,n){function l(e){return l="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},l(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=m(n(96540)),r=m(n(5556)),i=m(n(67967)),o=m(n(92420)),d=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=i.default.bind(o.default),g={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,n=e.fill,l=e.fitEnd,r=e.align,i=e.alignFitStart,o=e.alignFill,m=e.alignFitEnd,p=e.fitStartAttributes,s=e.fillAttributes,g=e.fitEndAttributes,b=f(e,d),h=c({},p),y=c({},s),E=c({},g);return a.default.createElement("span",u({},b,{className:x("arrange",b.className)}),a.default.createElement("span",u({},h,{className:x("fit",r||i,h.className,"fit-block")}),t),a.default.createElement("span",u({},y,{className:x("fill",r||o,y.className,"fill-block")}),n),a.default.createElement("span",u({},E,{className:x("fit",r||m,E.className)}),l))};b.propTypes=g;t.default=b}}]); \ No newline at end of file diff --git a/14022-2a6ca814f840cebf0534.css b/14022-2a6ca814f840cebf0534.css new file mode 100644 index 000000000..ba8112e3d --- /dev/null +++ b/14022-2a6ca814f840cebf0534.css @@ -0,0 +1,7 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___3YhK5{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___7Wo5q{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___RIhrF{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___RIhrF{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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/14022-2a6ca814f840cebf0534.js b/14022-2a6ca814f840cebf0534.js new file mode 100644 index 000000000..96182e19b --- /dev/null +++ b/14022-2a6ca814f840cebf0534.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14022,4645,22147,44528,77385,99766,32623,55004,3618,85785,8166,30547,52928,96261],{27441:function(e,l,a){l.A=void 0;var r=m(a(96540)),t=a(49737),d=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var p=d.default.bind(n.default);l.A=function(){return r.default.createElement(t.SearchSelectField,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:p("form-select")},r.default.createElement(t.SearchSelectField.Option,{value:"xSmall",display:"Extra Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"small",display:"Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"medium",display:"Medium"}),r.default.createElement(t.SearchSelectField.Option,{value:"large",display:"Large"}),r.default.createElement(t.SearchSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},10430:function(e,l,a){l.A=void 0;var r=m(a(96540)),t=a(49737),d=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var p=d.default.bind(n.default);l.A=function(){return r.default.createElement(t.SearchSelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",required:!0,className:p("form-select")},r.default.createElement(t.SearchSelectField.Option,{value:"xSmall",display:"Extra Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"small",display:"Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"medium",display:"Medium"}),r.default.createElement(t.SearchSelectField.Option,{value:"large",display:"Large"}),r.default.createElement(t.SearchSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},75729:function(e,l,a){l.A=void 0;var r=m(a(96540)),t=a(49737),d=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var p=d.default.bind(n.default);l.A=function(){return r.default.createElement(t.SearchSelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",className:p("form-select")},r.default.createElement(t.SearchSelectField.Option,{value:"xSmall",display:"Extra Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"small",display:"Small"}),r.default.createElement(t.SearchSelectField.Option,{value:"medium",display:"Medium"}),r.default.createElement(t.SearchSelectField.Option,{value:"large",display:"Large"}),r.default.createElement(t.SearchSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},18710:function(e,l,a){a.r(l),a.d(l,{default:function(){return V}});var r=a(96540),t=a(36665),d=a(52968),n=a(75729),m=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(t[a]=e[a]);return t}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var s={};function c(e){var l=e.components,a=i(e,m);return(0,t.mdx)("wrapper",p({},s,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SearchSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SearchSelectFieldExample;\n\n')))}c.isMDXComponent=!0;var o=a(201),x=a(71459),u=function(e){var l=e.title,a=e.description,t=e.isExpanded;return r.createElement(o.A,{title:l||"Search Select Field",description:a,example:r.createElement(n.A,null),exampleCssSrc:r.createElement(x.A,null),exampleSrc:r.createElement(c,null),isExpanded:t})},y=a(10430),f=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(t[a]=e[a]);return t}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var T={};function N(e){var l=e.components,a=g(e,f);return(0,t.mdx)("wrapper",h({},T,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SearchSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SearchSelectFieldExample;\n\n')))}N.isMDXComponent=!0;var S=function(e){var l=e.title,a=e.description,t=e.isExpanded;return r.createElement(o.A,{title:l||"Required Search Select Field",description:a,example:r.createElement(y.A,null),exampleCssSrc:r.createElement(x.A,null),exampleSrc:r.createElement(N,null),isExpanded:t})},v=a(27441),C=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(t[a]=e[a]);return t}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var R={};function j(e){var l=e.components,a=O(e,C);return(0,t.mdx)("wrapper",b({},R,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SearchSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SearchSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SearchSelectFieldExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var l=e.title,a=e.description,t=e.isExpanded;return r.createElement(o.A,{title:l||"Incomplete Search Select Field",description:a,example:r.createElement(v.A,null),exampleCssSrc:r.createElement(x.A,null),exampleSrc:r.createElement(j,null),isExpanded:t})},E=a(12883),F=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(t[a]=e[a]);return t}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var I={},Z="wrapper";function P(e){var l=e.components,a=q(e,F);return(0,t.mdx)(Z,D({},I,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)(E.Ay,{mdxType:"PropsTable"},(0,t.mdx)(E.fI,{key:"ROW1",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"allowClear"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether a clear option is available to clear the selection."))),(0,t.mdx)(E.fI,{key:"ROW2",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"children"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The select options."))),(0,t.mdx)(E.fI,{key:"ROW3",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"label"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(E.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("p",null,"none")),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The field label."))),(0,t.mdx)(E.fI,{key:"ROW4",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,t.mdx)(E.fI,{key:"ROW5",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"disabled"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the input is disabled."))),(0,t.mdx)(E.fI,{key:"ROW6",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"error"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,t.mdx)(E.fI,{key:"ROW7",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"help"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Help message to display with the select."))),(0,t.mdx)(E.fI,{key:"ROW8",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,t.mdx)(E.fI,{key:"ROW9",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,t.mdx)("em",{parentName:"p"},"(usage note: ",(0,t.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,t.mdx)(E.fI,{key:"ROW10",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"isInline"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,t.mdx)(E.fI,{key:"ROW11",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,t.mdx)(E.fI,{key:"ROW12",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,t.mdx)(E.fI,{key:"ROW13",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,t.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,t.mdx)(E.fI,{key:"ROW14",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,t.mdx)(E.fI,{key:"ROW15",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The max height of the dropdown."))),(0,t.mdx)(E.fI,{key:"ROW16",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Set the max-width of a field using ",(0,t.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,t.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,t.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,t.mdx)(E.fI,{key:"ROW17",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"onChange"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,t.mdx)(E.fI,{key:"ROW18",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"placeholder"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Placeholder text."))),(0,t.mdx)(E.fI,{key:"ROW19",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"required"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether the field is required."))),(0,t.mdx)(E.fI,{key:"ROW20",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,t.mdx)(E.fI,{key:"ROW21",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"selectId"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,t.mdx)(E.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("p",null,"none")),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,t.mdx)(E.fI,{key:"ROW22",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"showOptional"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,t.mdx)(E.fI,{key:"ROW23",mdxType:"Row"},(0,t.mdx)(E.dt,{mdxType:"PropNameCell"},"value"),(0,t.mdx)(E.$d,{mdxType:"TypeCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,t.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,t.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,t.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,t.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}P.isMDXComponent=!0;var k=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(t[a]=e[a]);return t}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var H={},A="wrapper";function V(e){var l=e.components,a=L(e,k);return(0,t.mdx)(A,W({},H,a,{components:l,mdxType:"MDXLayout"}),(0,t.mdx)(d.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-form-search-select-field"},"Terra Form Search Select Field"),(0,t.mdx)("p",null,"A convenience wrapper assembling a ",(0,t.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/SearchSelect.jsx"},"terra-form-select SearchSelect")," within a ",(0,t.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,t.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Install with ",(0,t.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,t.mdx)("ul",{parentName:"li"},(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,t.mdx)("h2",{id:"usage"},"Usage"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { SearchSelectField } from 'terra-form-select';\n")),(0,t.mdx)("h2",{id:"component-features"},"Component Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,t.mdx)("h2",{id:"examples"},"Examples"),(0,t.mdx)(u,{title:"Search Select Field Example",mdxType:"SearchSelectFieldExample"}),(0,t.mdx)(S,{title:"Required Search Select Field Example",mdxType:"RequiredSearchSelectFieldExample"}),(0,t.mdx)(w,{title:"Incomplete Search Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteSearchSelectFieldExample"}),(0,t.mdx)("h2",{id:"search-select-field-props"},"Search Select Field Props"),(0,t.mdx)(P,{mdxType:"SearchSelectFieldPropsTable"}))}V.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/14481-9ee5d7fd16a2d59c0afa.css b/14481-9ee5d7fd16a2d59c0afa.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/14481-9ee5d7fd16a2d59c0afa.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/14481-9ee5d7fd16a2d59c0afa.js b/14481-9ee5d7fd16a2d59c0afa.js new file mode 100644 index 000000000..2c15a0204 --- /dev/null +++ b/14481-9ee5d7fd16a2d59c0afa.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14481,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,d){var l=d(24994);a.A=void 0;var n=l(d(96540)),m=l(d(5556)),t=l(d(67967)),r=l(d(25642)),i=t.default.bind(r.default),u={name:m.default.string.isRequired,src:m.default.string,url:m.default.string,version:m.default.string.isRequired},p=function(e){var a=e.src,d=e.name,l=e.url,m=e.version,t=n.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(d,"/v/").concat(m)},n.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(m))),r=a?n.default.createElement("a",{className:i("badge"),href:a},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")},t,r)};p.propTypes=u;a.A=p},14481:function(e,a,d){d.r(a),d.d(a,{default:function(){return h}});d(96540);var l=d(36665),n=d(41727),m=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[d]=e[d]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(n[d]=e[d])}return n}var i={},u="wrapper";function p(e){var a=e.components,d=r(e,m);return(0,l.mdx)(u,t({},i,d,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"changelog"},"Changelog"),(0,l.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,l.mdx)("h2",{id:"1410---april-10-2024"},"1.41.0 - (April 10, 2024)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added support for icons in ",(0,l.mdx)("inlineCode",{parentName:"li"},"SplitButton"),".")))),(0,l.mdx)("h2",{id:"1400---february-15-2024"},"1.40.0 - (February 15, 2024)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,l.mdx)("h2",{id:"1390---november-13-2023"},"1.39.0 - (November 13, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1380---november-2-2023"},"1.38.0 - (November 2, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added 'aria-haspoup' and 'aria-controls' attributes for dropdown button."),(0,l.mdx)("li",{parentName:"ul"},"Added customClass support for dropdown item.")))),(0,l.mdx)("h2",{id:"1370---october-26-2023"},"1.37.0 - (October 26, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated focus border as dashed border in ",(0,l.mdx)("inlineCode",{parentName:"li"},"dropdown-split-button"),".")))),(0,l.mdx)("h2",{id:"1360---august-8-2023"},"1.36.0 - (August 8, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added isMac helper in ",(0,l.mdx)("inlineCode",{parentName:"li"},"_DropdownListUtil.js")," file.")))),(0,l.mdx)("h2",{id:"1350---august-1-2023"},"1.35.0 - (August 1, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated aria-label for dropdown button."),(0,l.mdx)("li",{parentName:"ul"},"Added focus styles and screenreader support to announce expand/collapse state and index for dropdown list items.")))),(0,l.mdx)("h2",{id:"1340---may-9-2023"},"1.34.0 - (May 9, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added"),(0,l.mdx)("li",{parentName:"ul"},"Added screenreader support to announce the selection state for dropdown list items.")),(0,l.mdx)("h2",{id:"1330---april-27-2023"},"1.33.0 - (April 27, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed selection logic to cycle from last option to first option and vice-versa")))),(0,l.mdx)("h2",{id:"1320---march-1-2023"},"1.32.0 - (March 1, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1310---february-15-2023"},"1.31.0 - (February 15, 2023)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,l.mdx)("h2",{id:"1300---december-7-2022"},"1.30.0 - (December 7, 2022)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1291---december-14-2021"},"1.29.1 - (December 14, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Migrate doc to terra-core-docs.")))),(0,l.mdx)("h2",{id:"1290---september-21-2021"},"1.29.0 - (September 21, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,l.mdx)("h2",{id:"1280---june-8-2021"},"1.28.0 - (June 8, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated ",(0,l.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,l.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,l.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,l.mdx)("h2",{id:"1270---april-6-2021"},"1.27.0 - (April 6, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,l.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,l.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,l.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,l.mdx)("h2",{id:"1260---march-2-2021"},"1.26.0 - (March 2, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed misalignment when rendered with terra-button.")))),(0,l.mdx)("h2",{id:"1250---february-17-2021"},"1.25.0 - (February 17, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed incorrect role in ",(0,l.mdx)("inlineCode",{parentName:"li"},"Item")," from ",(0,l.mdx)("inlineCode",{parentName:"li"},"presentation")," to ",(0,l.mdx)("inlineCode",{parentName:"li"},"menuitem")," for upcoming axe-core version bump")))),(0,l.mdx)("h2",{id:"1240---january-5-2021"},"1.24.0 - (January 5, 2021)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed broken links in documentation.")),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated to be compatible with ",(0,l.mdx)("inlineCode",{parentName:"li"},"react-intl")," v2-v5"),(0,l.mdx)("li",{parentName:"ul"},"Removed usage of ",(0,l.mdx)("inlineCode",{parentName:"li"},"intlShape")),(0,l.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,l.mdx)("h2",{id:"1230---november-10-2020"},"1.23.0 - (November 10, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,l.mdx)("h2",{id:"1220---october-13-2020"},"1.22.0 - (October 13, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Fixed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fix to prevent modal from closing on pressing escape to close dropdown.")))),(0,l.mdx)("h2",{id:"1210---august-18-2020"},"1.21.0 - (August 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,l.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices and removed tests for hover styles.")))),(0,l.mdx)("h2",{id:"1200---august-4-2020"},"1.20.0 - (August 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1190---july-29-2020"},"1.19.0 - (July 29, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,l.mdx)("h2",{id:"1180---july-7-2020"},"1.18.0 - (July 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"1170---june-23-2020"},"1.17.0 - (June 23, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed dropdown not opening on pressing space in firefox, and reverted disabled tests for firefox.")))),(0,l.mdx)("h2",{id:"1160---june-11-2020"},"1.16.0 - (June 11, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Disabled wdio test which opens dropdown menu with space key for firefox testing. This will be re-enabled when ",(0,l.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/3008"},"https://github.com/cerner/terra-core/issues/3008")," is resolved."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Removed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed duplicate test")))),(0,l.mdx)("h2",{id:"1150---june-9-2020"},"1.15.0 - (June 9, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,l.mdx)("h2",{id:"1140---may-19-2020"},"1.14.0 - (May 19, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,l.mdx)("h2",{id:"1130---april-28-2020"},"1.13.0 - (April 28, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,l.mdx)("h2",{id:"1120---april-22-2020"},"1.12.0 - (April 22, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated docs for documentation link and expanded ",(0,l.mdx)("inlineCode",{parentName:"li"},"PropTypes")," for Props Table"),(0,l.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,l.mdx)("h2",{id:"1110---february-18-2020"},"1.11.0 - (February 18, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,l.mdx)("h2",{id:"1100---february-4-2020"},"1.10.0 - (February 4, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added metaData for primary-button in SplitButton to ",(0,l.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Changed focus behaviour of DropdownButton and SplitButton such that focus stays on button when dropdown is opened via mouse click."),(0,l.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Fixed primary button issue of not getting focused on click in Firefox, Safari and IE.")))),(0,l.mdx)("h2",{id:"190---january-7-2020"},"1.9.0 - (January 7, 2020)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"180---december-3-2019"},"1.8.0 - (December 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,l.mdx)("h2",{id:"170---october-30-2019"},"1.7.0 - (October 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Primary button click not closing menu, when menu is open issue fixed."),(0,l.mdx)("li",{parentName:"ul"},"Multiple instances of split-button and drop-down cannot be opened simultaneously."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added metaData and event to ",(0,l.mdx)("inlineCode",{parentName:"li"},"onSelect")," callback.")))),(0,l.mdx)("h2",{id:"160---october-3-2019"},"1.6.0 - (October 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,l.mdx)("h2",{id:"150---september-19-2019"},"1.5.0 - (September 19, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Changed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Removed ",(0,l.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Fixed"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Reset default margin in Safari."))),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("p",{parentName:"li"},"Added"),(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,l.mdx)("h2",{id:"140---september-6-2019"},"1.4.0 - (September 6, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Added",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,l.mdx)("h2",{id:"130---september-3-2019"},"1.3.0 - (September 3, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,l.mdx)("h2",{id:"120---august-21-2019"},"1.2.0 - (August 21, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,l.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,l.mdx)("h2",{id:"110---august-14-2019"},"1.1.0 - (August 14, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Changed",(0,l.mdx)("ul",{parentName:"li"},(0,l.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,l.mdx)("h2",{id:"100---july-30-2019"},"1.0.0 - (July 30, 2019)"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var o=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[d]=e[d]);return n}(e,a);if(Object.getOwnPropertySymbols){var m=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,d)&&(n[d]=e[d])}return n}var c={},N="wrapper";function h(e){var a=e.components,d=s(e,o);return(0,l.mdx)(N,x({},c,d,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(n.E,{mdxType:"Badge"}),(0,l.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},41727:function(e,a,d){d.d(a,{E:function(){return m}});var l=d(96540),n=d(55713),m=function(e){var a=e.url;return l.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dropdown-button",name:"terra-dropdown-button",version:"1.41.0",url:a})}},25642:function(e,a,d){d.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/14985-8043bc632f4a5f68e621.js b/14985-8043bc632f4a5f68e621.js new file mode 100644 index 000000000..18ae2b144 --- /dev/null +++ b/14985-8043bc632f4a5f68e621.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[14985],{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)),d=r(n(25642)),i=o.default.bind(d.default),m={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,a=e.version,o=l.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(a)},l.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(a))),d=t?l.default.createElement("a",{className:i("badge"),href:t},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},o,d)};u.propTypes=m;t.A=u},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 m.Row}}),t.Ay=t.$d=void 0;var a=s(n(96540)),o=r(n(5556)),d=r(n(67967)),i=n(92912),m=s(n(26984)),u=r(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=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=c(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&&Object.prototype.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var p=d.default.bind(u.default),f={children:o.default.node},x={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(m.Cell,{className:p("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return a.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(m.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return a.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return a.default.createElement(m.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,a.useContext)(i.ThemeContext);return a.default.createElement(m.default,{paddingStyle:"compact",className:p("table",n.className)},a.default.createElement(m.Header,{className:p("header")},a.default.createElement(m.HeaderCell,null,"Prop"),a.default.createElement(m.HeaderCell,null,"Type"),a.default.createElement(m.HeaderCell,null,"Required"),a.default.createElement(m.HeaderCell,null,"Default"),a.default.createElement(m.HeaderCell,null,"Description")),a.default.createElement(m.Body,null,t))};y.propTypes=f;t.Ay=y},86159:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(n(96540)),l=m(n(5556)),a=m(n(67967)),o=m(n(52103)),d=m(n(36605)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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(d.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:l.default.string},y=function(e){var t=e.children,n=c(e,i),l=r.default.useContext(o.default),d=(0,a.default)(s(["button",l.className]),n.className);return r.default.createElement("button",u({},n,{type:"button",className:d,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};y.propTypes=x;t.default=y},20999: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(67967)),o=i(n(52103)),d=i(n(17269));function i(e){return e&&e.__esModule?e:{default:e}}var m=a.default.bind(d.default),u={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,l=e.children,a=r.default.useContext(o.default);return r.default.createElement("div",{className:m("notice",n,a.className)},r.default.createElement("div",{className:m("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:m("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:m("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:m("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:m("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:m("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(l,(function(e){return"string"==typeof e?r.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},18778: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(46942)),o=u(n(67967)),d=u(n(52103)),i=u(n(16576)),m=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 p=o.default.bind(i.default),f={title:l.default.string},x=function(e){var t=e.title,n=s(e,m),l=r.default.useContext(d.default),o=(0,a.default)(p(["placeholder",l.className]),n.className),i=p(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:p("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},74647:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var r=o(n(20999)),l=o(n(18778)),a=o(n(86159));function o(e){return e&&e.__esModule?e:{default:e}}},66304:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(43693)),a=r(n(85715)),o=r(n(96540)),d=r(n(67967)),i=n(33049),m=r(n(67763)),u=r(n(88530));function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function s(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={},u="wrapper";function c(e){var t=e.components,n=i(e,o);return(0,r.mdx)(u,d({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.Ay,{mdxType:"PropsTable"},(0,r.mdx)(a.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The list of items to be displayed as content in the Folder Tree component."))),(0,r.mdx)(a.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"headerLevel"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"3\n"))),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The heading level for the title of the folder tree."))),(0,r.mdx)(a.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"title"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The title of the folder tree."))),(0,r.mdx)(a.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"onExpandAll"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The callback function for expand all event."))),(0,r.mdx)(a.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"onCollapseAll"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The callback function for collapse all event.")))))}c.isMDXComponent=!0;var s=["components"];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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var x={},y="wrapper";function b(e){var t=e.components,n=f(e,s);return(0,r.mdx)(y,p({},x,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.Ay,{mdxType:"PropsTable"},(0,r.mdx)(a.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label for the folder tree item."))),(0,r.mdx)(a.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"icon"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The icon to display to the left of the name."))),(0,r.mdx)(a.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"subfolderItems"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'element',\n}],\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The list of items to display in a subfolder when it is selected. This property makes the item expandable and collapsible. The item's icon also becomes a folder, overriding anything given as the icon property."))),(0,r.mdx)(a.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"isExpanded"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Indicates whether the item is expanded. Only items with subfolderItems can be expanded."))),(0,r.mdx)(a.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"isSelectable"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Indicates whether the item can be selected. Selectable items will display with a radio button."))),(0,r.mdx)(a.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"isSelected"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Indicates whether the item is selected. Because this component has the appearance of a radio button group, only one item should be selected at a time."))),(0,r.mdx)(a.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"onSelect"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The callback function for a click event."))),(0,r.mdx)(a.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"onToggle"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The callback function for an expand or collapse toggle event.")))))}b.isMDXComponent=!0;var h=n(71829),v=["components"];function g(){return g=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 N={},O="wrapper";function T(e){var t=e.components,n=_(e,v);return(0,r.mdx)(O,g({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-folder-tree"},"Terra Folder Tree"),(0,r.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Overview")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Design Decisions")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Examples")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Accessibility")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Implementation")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Terra Standards")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Properties"))),(0,r.mdx)("h2",{id:"overview"},"Overview"),(0,r.mdx)("p",null,"The Folder Tree component is an accessible ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/treeview/"},"tree view")," that allows the user to navigate a folder structure in a hierarchical view of collapsible, nested rows."),(0,r.mdx)("p",null,"The Folder Tree component displays an action header containing the title of the folder tree, a toolbar\nwith buttons to expand or collapse all items in the folder tree, and zero or more rows that\nmay include nested subrows.\nThe tree part of the component contains only one tab stop and the arrow keys are used for primary navigation.\nSee ",(0,r.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Keyboard Interactions")," for all supported keys."),(0,r.mdx)(h.A,{mdxType:"BasicFolderTree"}),(0,r.mdx)("h3",{id:"features"},"Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/about"},"Keyboard Navigation")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-selection"},"Selection")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse"},"Expand and Collapse")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse-all"},"Expand and Collapse All"))),(0,r.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,r.mdx)("p",null,"The Folder Tree component does not manage the state of consumer data. The consumer must manage the expanded, collapsed, and selection state of rows."),(0,r.mdx)("h2",{id:"examples"},"Examples"),(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},"Link to Example"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/basic-folder-tree"},"Basic Folder Tree")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of a basic folder tree.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-selection"},"Selection")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of implementing single row selection for a folder tree.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse"},"Expand/Collapse")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of implementing expand and collapse behavior for a folder tree.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/folder-tree/examples/folder-tree-expand-collapse-all"},"Expand/Collapse All")),(0,r.mdx)("td",{parentName:"tr",align:null},"An example of implementing expand and collapse all behavior for a folder tree.")))),(0,r.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,r.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,r.mdx)("p",null,"The Folder Tree component supports the following keyboard interactions based on the ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/treeview/#keyboardinteraction"},"tree view keyboard interactions")," outlined by the ARIA Authoring Practices Guide (APG):"),(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},"Keys"),(0,r.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("ul",null,(0,r.mdx)("li",null,"When a collapsed row is active, the items expand, and the active row does not change."),(0,r.mdx)("li",null,"When an expanded row is active, the first subrow becomes active."),(0,r.mdx)("li",null,"When a row with no subrows is active, no action is performed.")))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("ul",null,(0,r.mdx)("li",null,"When an expanded row is active, the items collapse."),(0,r.mdx)("li",null,"When a collapsed subrow or a subrow with no further nested items is active, the main row becomes active."),(0,r.mdx)("li",null,"When a collapsed row with subrows is active, no action is performed.")))),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the row below the currently active row without expanding or collapsing any items.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"UP ARROW"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the row above the currently active row without expanding or collapsing any items.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"HOME (Microsoft Windows)",(0,r.mdx)("br",null),"or",(0,r.mdx)("br",null),"COMMAND + LEFT ARROW (Apple Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the first row in the tree without expanding or collapsing any items.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"END (Microsoft Windows)",(0,r.mdx)("br",null),"or",(0,r.mdx)("br",null),"COMMAND + RIGHT ARROW (Apple Mac)"),(0,r.mdx)("td",{parentName:"tr",align:null},"Selects the last row in the tree without expanding any items.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"ENTER"),(0,r.mdx)("td",{parentName:"tr",align:null},"Performs the default action of the currently active row. For main rows, items are expanded or collapsed. In single select trees, if the row has no nested items, the current item is selected if not already selected by default.")))),(0,r.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,r.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The value of the ",(0,r.mdx)("inlineCode",{parentName:"li"},"title")," property is used as the ",(0,r.mdx)("inlineCode",{parentName:"li"},"aria-label")," for the folder tree.")))),(0,r.mdx)("h2",{id:"implementation"},"Implementation"),(0,r.mdx)("h3",{id:"installation"},"Installation"),(0,r.mdx)("p",null,"Install with ",(0,r.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,r.mdx)("inlineCode",{parentName:"p"},"npm install terra-folder-tree")),(0,r.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,r.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application for the component to properly function:"),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"properties"},"Properties"),(0,r.mdx)("h3",{id:"foldertree-props-table"},"FolderTree Props Table"),(0,r.mdx)(c,{mdxType:"FolderTreePropsTable"}),(0,r.mdx)("h3",{id:"foldertreeitem-props-table"},"FolderTree.Item Props Table"),(0,r.mdx)(b,{mdxType:"FolderTreeItemPropsTable"}),(0,r.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"testing"},"Testing"),(0,r.mdx)("p",null,"The Folder Tree component uses ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid"),", which changes the component's description ID dynamically. To mock the return value with the Jest testing library, you can use ",(0,r.mdx)("inlineCode",{parentName:"p"},"jest.spyOn"),"."),(0,r.mdx)("p",null,"If you are using Enzyme ",(0,r.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering for the tests, then the mock may not be required. However, if ",(0,r.mdx)("inlineCode",{parentName:"p"},"mount")," is used, then ",(0,r.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown in the following example:"),(0,r.mdx)("pre",null,(0,r.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")))}T.isMDXComponent=!0},71829:function(e,t,n){n.d(t,{A:function(){return p}});var r=n(96540),l=n(66304),a=n(36665),o=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m={};function u(e){var t=e.components,n=i(e,o);return(0,a.mdx)("wrapper",d({},m,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\n\nimport { IconDocuments } from 'terra-icon';\nimport FolderTree from 'terra-folder-tree';\n\nimport styles from './BasicFolderTree.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst data = {\n title: 'Documents',\n items: [\n { id: 'item-1-level-1', label: 'Information', icon: },\n { id: 'item-2-level-1', label: 'Projects - 2023', icon: },\n {\n id: 'item-3-level-1',\n label: 'Projects - 2023',\n items: [\n { id: 'item-1-level-2-1', label: 'Project Data - October', icon: },\n { id: 'item-2-level-2-1', label: 'Project Data - November', icon: },\n { id: 'item-3-level-2-1', label: 'Project Data - December', icon: },\n {\n id: 'item-4-level-2-1',\n label: 'Tests',\n items: [\n { id: 'item-1-level-3-1', label: 'Very Very Very Very Very Very Very Long Name Test', icon: },\n { id: 'item-2-level-3-1', label: 'Even Looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooonger Name Test', icon: },\n ],\n },\n ],\n },\n { id: 'item-4-level-1', label: 'Projects - 2024', icon: },\n {\n id: 'item-5-level-1',\n label: 'Projects - 2024',\n items: [\n { id: 'item-1-level-2-2', label: 'Project Data - January', icon: },\n ],\n },\n ],\n};\n\nconst folderExpandedState = {\n 'item-3-level-1': false,\n 'item-4-level-2-1': false,\n 'item-5-level-1': false,\n};\n\nconst BasicFolderTree = () => {\n const [selectedKey, setSelectedKey] = React.useState('');\n const [expandedItems, setExpandedItems] = React.useState(folderExpandedState);\n\n const handleExpandCollapseKeys = (key) => {\n const newExpandedItems = {\n ...expandedItems,\n [key]: !expandedItems[key],\n };\n setExpandedItems(newExpandedItems);\n };\n\n const handleExpandAll = () => {\n const newExpandedItems = {\n ...expandedItems,\n };\n Object.keys(newExpandedItems).forEach(v => { newExpandedItems[v] = true; });\n\n setExpandedItems(newExpandedItems);\n };\n\n const handleCollapseAll = () => {\n const newExpandedItems = {\n ...expandedItems,\n };\n Object.keys(newExpandedItems).forEach(v => { newExpandedItems[v] = false; });\n\n setExpandedItems(newExpandedItems);\n };\n\n const buildFolderTreeItems = (items) => {\n if (items) {\n const elements = [];\n items.forEach(item => {\n elements.push(\n { setSelectedKey(item.id); }}\n onToggle={() => { handleExpandCollapseKeys(item.id); }}\n />,\n );\n });\n return elements;\n }\n\n return null;\n };\n\n return (\n
\n \n {buildFolderTreeItems(data.items)}\n \n
\n );\n};\n\nexport default BasicFolderTree;\n\n")))}u.isMDXComponent=!0;var c=n(201),s=n(40462),p=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(c.A,{title:t||"Basic Folder Tree",description:n,example:r.createElement(l.A,null),exampleCssSrc:r.createElement(s.A,null),exampleSrc:r.createElement(u,null),isExpanded:a})}},46858: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-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.1.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"}},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},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=u(n(96540)),l=u(n(5556)),a=u(n(46942)),o=u(n(67967)),d=u(n(52103)),i=u(n(78482)),m=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 p=o.default.bind(i.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=s(e,m),i=r.default.useContext(d.default),u=(0,a.default)(p("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),o.className);return r.default.createElement("table",c({},o,{className:u}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},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 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 i={children:l.default.node},m=function(e){var t=e.children,n=d(e,a);return r.default.createElement("tbody",n,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},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 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 i={children:l.default.node},m=function(e){var t=e.children,n=d(e,a);return r.default.createElement("td",n,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=d(n(10767)),o=["children"];function d(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={},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 m={children:l.default.node},u=function(e){var t=e.children,n=i(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};u.propTypes=m,u.defaultProps={children:[]};t.default=u},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 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 i={children:l.default.node},m=function(e){var t=e.children,n=d(e,a);return r.default.createElement("th",n,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=m(n(96540)),l=m(n(5556)),a=m(n(67967)),o=m(n(78482)),d=m(n(10767)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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),p={children:l.default.node},f=function(e){var t=e.children,n=c(e,i),l=s(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),d.default.addScope(t,"row"))};f.propTypes=p,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 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 d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=m(n(85444)),l=m(n(61452)),a=m(n(36142)),o=m(n(86472)),d=m(n(97441)),i=m(n(22417));function m(e){return e&&e.__esModule?e:{default:e}}t.default=r.default}}]); \ No newline at end of file diff --git a/15451-deb057da6de939cf88d0.css b/15451-deb057da6de939cf88d0.css new file mode 100644 index 000000000..8b4099b0d --- /dev/null +++ b/15451-deb057da6de939cf88d0.css @@ -0,0 +1,4 @@ +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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/15451-deb057da6de939cf88d0.js b/15451-deb057da6de939cf88d0.js new file mode 100644 index 000000000..f89cc8b43 --- /dev/null +++ b/15451-deb057da6de939cf88d0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15451,4645,3618,85785,8166,30547,52928,96261],{39067:function(e,l,a){l.A=void 0;var t=m(a(96540)),d=m(a(83961)),r=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(n.default);l.A=function(){return t.default.createElement(d.default,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:i("form-select")},t.default.createElement(d.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(d.default.Option,{value:"small",display:"Small"}),t.default.createElement(d.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(d.default.Option,{value:"large",display:"Large"}),t.default.createElement(d.default.Option,{value:"xLarge",display:"Extra Large"}))}},49958:function(e,l,a){l.A=void 0;var t=m(a(96540)),d=m(a(83961)),r=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(n.default);l.A=function(){return t.default.createElement(d.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",required:!0,className:i("form-select")},t.default.createElement(d.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(d.default.Option,{value:"small",display:"Small"}),t.default.createElement(d.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(d.default.Option,{value:"large",display:"Large"}),t.default.createElement(d.default.Option,{value:"xLarge",display:"Extra Large"}))}},1431:function(e,l,a){l.A=void 0;var t=m(a(96540)),d=m(a(83961)),r=m(a(67967)),n=m(a(1537));function m(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(n.default);l.A=function(){return t.default.createElement(d.default,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",className:i("form-select")},t.default.createElement(d.default.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(d.default.Option,{value:"small",display:"Small"}),t.default.createElement(d.default.Option,{value:"medium",display:"Medium"}),t.default.createElement(d.default.Option,{value:"large",display:"Large"}),t.default.createElement(d.default.Option,{value:"xLarge",display:"Extra Large"}))}},55713:function(e,l,a){var t=a(24994);l.A=void 0;var d=t(a(96540)),r=t(a(5556)),n=t(a(67967)),m=t(a(25642)),i=n.default.bind(m.default),p={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},s=function(e){var l=e.src,a=e.name,t=e.url,r=e.version,n=d.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},d.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(r))),m=l?d.default.createElement("a",{className:i("badge"),href:l},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},n,m)};s.propTypes=p;l.A=s},23118:function(e,l,a){a.r(l),a.d(l,{default:function(){return _}});var t=a(96540),d=a(36665),r=a(52968),n=a(1431),m=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var s={};function o(e){var l=e.components,a=p(e,m);return(0,d.mdx)("wrapper",i({},s,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport TagSelectField from \'terra-form-select/lib/TagSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TagSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default TagSelectFieldExample;\n\n')))}o.isMDXComponent=!0;var u=a(201),c=a(71459),x=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(u.A,{title:l||"Tag Select Field",description:a,example:t.createElement(n.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(o,null),isExpanded:d})},f=a(49958),y=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var h={};function b(e){var l=e.components,a=T(e,y);return(0,d.mdx)("wrapper",g({},h,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport TagSelectField from \'terra-form-select/lib/TagSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TagSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default TagSelectFieldExample;\n\n')))}b.isMDXComponent=!0;var v=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(u.A,{title:l||"Required Tag Select Field",description:a,example:t.createElement(f.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(b,null),isExpanded:d})},N=a(39067),C=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var S={};function j(e){var l=e.components,a=R(e,C);return(0,d.mdx)("wrapper",O({},S,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport TagSelectField from \'terra-form-select/lib/TagSelectField\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TagSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default TagSelectFieldExample;\n\n')))}j.isMDXComponent=!0;var w=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(u.A,{title:l||"Incomplete Tag Select Field",description:a,example:t.createElement(N.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(j,null),isExpanded:d})},E=a(12883),q=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var F={},P="wrapper";function Z(e){var l=e.components,a=D(e,q);return(0,d.mdx)(P,I({},F,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(E.Ay,{mdxType:"PropsTable"},(0,d.mdx)(E.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"children"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The select options."))),(0,d.mdx)(E.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"label"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(E.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The field label."))),(0,d.mdx)(E.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,d.mdx)(E.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"disabled"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the input is disabled."))),(0,d.mdx)(E.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"error"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,d.mdx)(E.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"help"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Help message to display with the select."))),(0,d.mdx)(E.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,d.mdx)(E.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,d.mdx)("em",{parentName:"p"},"(usage note: ",(0,d.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,d.mdx)(E.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"isInline"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,d.mdx)(E.fI,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,d.mdx)(E.fI,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,d.mdx)(E.fI,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,d.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,d.mdx)(E.fI,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,d.mdx)(E.fI,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"maxSelectionCount"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The maximum number of options that can be selected. A value less than 2 will be ignored."))),(0,d.mdx)(E.fI,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The max height of the dropdown."))),(0,d.mdx)(E.fI,{key:"ROW16",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Set the max-width of a field using ",(0,d.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,d.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,d.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,d.mdx)(E.fI,{key:"ROW17",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,d.mdx)(E.fI,{key:"ROW18",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"placeholder"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Placeholder text."))),(0,d.mdx)(E.fI,{key:"ROW19",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"required"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field is required."))),(0,d.mdx)(E.fI,{key:"ROW20",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,d.mdx)(E.fI,{key:"ROW21",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"selectId"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(E.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,d.mdx)(E.fI,{key:"ROW22",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"showOptional"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,d.mdx)(E.fI,{key:"ROW23",mdxType:"Row"},(0,d.mdx)(E.dt,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(E.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,d.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}Z.isMDXComponent=!0;var k=["components"];function A(){return A=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var W={},L="wrapper";function _(e){var l=e.components,a=H(e,k);return(0,d.mdx)(L,A({},W,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(r.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-form-tag-select-field"},"Terra Form Tag Select Field"),(0,d.mdx)("p",null,"A convenience wrapper assembling a ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/TagSelect.jsx"},"terra-form-select TagSelect")," within a ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { TagSelectField } from 'terra-form-select';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(x,{title:"Tag Select Field Example",mdxType:"TagSelectFieldExample"}),(0,d.mdx)(v,{title:"Required Tag Select Field Example",mdxType:"RequiredTagSelectFieldExample"}),(0,d.mdx)(w,{title:"Incomplete Tag Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteTagSelectFieldExample"}),(0,d.mdx)("h2",{id:"tag-select-field-props"},"Tag Select Field Props"),(0,d.mdx)(Z,{mdxType:"TagSelectFieldPropsTable"}))}_.isMDXComponent=!0},25642:function(e,l,a){a.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"}},83961:function(e,l,a){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=o(a(96540)),d=o(a(5556)),r=a(8604),n=o(a(32527)),m=o(a(82805)),i=o(a(80030)),p=o(a(88547)),s=["children","defaultValue","disabled","error","help","hideRequired","intl","isIncomplete","isInline","isInvalid","isLabelHidden","isTouchAccessible","label","labelAttrs","maxSelectionCount","maxHeight","maxWidth","onChange","placeholder","required","selectAttrs","selectId","showOptional","value"];function o(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var x={children:d.default.node,label:d.default.string.isRequired,defaultValue:d.default.oneOfType([d.default.string,d.default.number,d.default.array]),disabled:d.default.bool,error:d.default.node,help:d.default.node,hideRequired:d.default.bool,intl:d.default.shape({formatMessage:d.default.func}).isRequired,isIncomplete:d.default.bool,isInline:d.default.bool,isInvalid:d.default.bool,isLabelHidden:d.default.bool,isTouchAccessible:d.default.bool,labelAttrs:d.default.object,maxSelectionCount:d.default.number,maxHeight:d.default.number,maxWidth:d.default.string,onChange:d.default.func,placeholder:d.default.string,required:d.default.bool,selectAttrs:d.default.object,selectId:d.default.string.isRequired,showOptional:d.default.bool,value:d.default.oneOfType([d.default.string,d.default.number,d.default.array])},f={children:void 0,defaultValue:void 0,disabled:!1,error:void 0,help:void 0,hideRequired:!1,isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,isTouchAccessible:!1,labelAttrs:{},maxSelectionCount:void 0,maxHeight:void 0,maxWidth:void 0,onChange:void 0,placeholder:void 0,required:!1,selectAttrs:{},showOptional:!1,value:void 0},y=function(e){var l,a=e.children,d=e.defaultValue,r=e.disabled,i=e.error,p=e.help,o=e.hideRequired,x=e.intl,f=e.isIncomplete,y=e.isInline,g=e.isInvalid,T=e.isLabelHidden,h=e.isTouchAccessible,b=e.label,v=e.labelAttrs,N=e.maxSelectionCount,C=e.maxHeight,O=e.maxWidth,R=e.onChange,S=e.placeholder,j=e.required,w=e.selectAttrs,E=e.selectId,q=e.showOptional,I=e.value,D=c(e,s),F=p;if(void 0!==N&&N>=2){var P=x.formatMessage({id:"Terra.form.select.maxSelectionHelp"},{text:N});F=p?t.default.createElement("span",null,P," ",p):P}return p&&i&&g?l="".concat(E,"-error ").concat(E,"-help"):(p&&(l="".concat(E,"-help")),i&&g&&(l="".concat(E,"-error"))),t.default.createElement(n.default,u({},D,{label:b,labelAttrs:v,error:i,help:F,hideRequired:o,required:j,showOptional:q,isInvalid:g,isInline:y,isLabelHidden:T,htmlFor:E,maxWidth:O}),t.default.createElement(m.default,u({},w,{ariaLabel:b,"aria-describedby":l,disabled:w.disabled||r,inputId:E,isIncomplete:f,isInvalid:g,isTouchAccessible:h,defaultValue:d,maxHeight:C||w.maxHeight,maxSelectionCount:void 0!==N&&N<2?void 0:N,onChange:R,placeholder:S,required:j,value:I}),a))};y.propTypes=x,y.defaultProps=f,y.Option=p.default,y.OptGroup=i.default;l.default=(0,r.injectIntl)(y)}}]); \ No newline at end of file diff --git a/15638-a71ecc1d6e76473d7c06.css b/15638-a71ecc1d6e76473d7c06.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/15638-a71ecc1d6e76473d7c06.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/15638-a71ecc1d6e76473d7c06.js b/15638-a71ecc1d6e76473d7c06.js new file mode 100644 index 000000000..18198661a --- /dev/null +++ b/15638-a71ecc1d6e76473d7c06.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15638,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 d=a(m(96540)),n=a(m(5556)),r=a(m(67967)),u=a(m(25642)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,m=e.name,a=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(m,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=l?d.default.createElement("a",{className:i("badge"),href:l},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;l.A=p},15638:function(e,l,m){m.r(l),m.d(l,{default:function(){return c}});m(96540);var a=m(36665),d=m(74128),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[m]=e[m]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(d[m]=e[m])}return d}var i={},t="wrapper";function p(e){var l=e.components,m=u(e,n);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:"4570---april-10-2024"},"4.57.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:"4560---february-15-2024"},"4.56.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:"4550---november-13-2023"},"4.55.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:"4540---october-23-2023"},"4.54.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:"4530---august-23-2023"},"4.53.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:"4520---august-1-2023"},"4.52.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:"4510---february-15-2023"},"4.51.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:"4500---december-7-2022"},"4.50.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:"4490---february-2-2022"},"4.49.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:"4480---september-28-2021"},"4.48.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:"4470---september-21-2021"},"4.47.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:"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---may-11-2021"},"4.45.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:"4440---april-13-2021"},"4.44.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:"4430---april-6-2021"},"4.43.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 tests to terra-functional-testing and WebDriverIO v6"),(0,a.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,a.mdx)("h2",{id:"4420---february-2-2021"},"4.42.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:"4410---january-5-2021"},"4.41.0 - (January 5, 2021)"),(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 broken links in documentation.")))),(0,a.mdx)("h2",{id:"4400---december-8-2020"},"4.40.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:"4390---november-17-2020"},"4.39.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:"4380---october-27-2020"},"4.38.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:"4370---october-20-2020"},"4.37.0 - (October 20, 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 incorrect documentation.")))),(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-9-2020"},"4.31.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"},"Minor changes to comply with eslint rules"),(0,a.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"),(0,a.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes.")))),(0,a.mdx)("h2",{id:"4300---may-19-2020"},"4.30.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:"4290---april-28-2020"},"4.29.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:"4280---april-22-2020"},"4.28.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"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4270---april-14-2020"},"4.27.0 - (April 14, 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)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(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"},"Minor dependency version bump")))),(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"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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 orion-fusion-theme and generated the respective reference wdio screenshots.")))),(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"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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"},(0,a.mdx)("p",{parentName:"li"},"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)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Changed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Only apply ",(0,a.mdx)("inlineCode",{parentName:"li"},"color: inherit")," if no colorClass is provided")))),(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"},"Import for package version from package.json added to doc page"),(0,a.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,a.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(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:"431---april-9-2019"},"4.3.1 - (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"},"Added max-width: 100% style when isWordWrapped prop is set to enable prop word wrapping in IE")))),(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:"2320---january-22-2019"},"2.32.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:"2310---january-8-2019"},"2.31.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:"2300---january-2-2019"},"2.30.0 - (January 2, 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 isWordWrapped prop"))),(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"},"Removed"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Removed dependency on terra-heading")))),(0,a.mdx)("h2",{id:"2291---november-20-2018"},"2.29.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:"2290---november-19-2018"},"2.29.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:"2280---november-13-2018"},"2.28.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:"2270---november-9-2018"},"2.27.0 - (November 9, 2018)"),(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 additional font sizes"),(0,a.mdx)("li",{parentName:"ul"},"Added ",(0,a.mdx)("inlineCode",{parentName:"li"},"300")," option for weight prop"))),(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"},"Fixed lint errors")))),(0,a.mdx)("h2",{id:"2260---october-24-2018"},"2.26.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:"2250---october-16-2018"},"2.25.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:"2240---october-8-2018"},"2.24.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:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Exports for text font size and weight added.")))),(0,a.mdx)("h2",{id:"2220---september-25-2018"},"2.22.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:"2211---september-6-2018"},"2.21.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:"2210---september-5-2018"},"2.21.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)("h2",{id:"2200---september-4-2018"},"2.20.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:"2190---august-29-2018"},"2.19.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:"2180---august-1-2018"},"2.18.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:"2170---july-19-2018"},"2.17.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:"2160---july-17-2018"},"2.16.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)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,a.mdx)("h2",{id:"2150---july-10-2018"},"2.15.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:"2140---june-28-2018"},"2.14.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:"2130---june-22-2018"},"2.13.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:"2120---june-12-2018"},"2.12.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:"2110---may-30-2018"},"2.11.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:"2100---may-23-2018"},"2.10.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:"290---may-16-2018"},"2.9.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:"280---may-9-2018"},"2.8.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"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"270---may-2-2018"},"2.7.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:"260---april-20-2018"},"2.6.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:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Fix",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Incorrect line-height inheritance.")))),(0,a.mdx)("h2",{id:"240---april-5-2018"},"2.4.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:"230---march-30-2018"},"2.3.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:"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:"1170---february-1-2018"},"1.17.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:"1160---january-18-2018"},"1.16.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:"1150---january-5-2018"},"1.15.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:"1140---november-28-2017"},"1.14.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:"1130---november-16-2017"},"1.13.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:"1120---october-24-2017"},"1.12.0 - (October 24, 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 to stop checking the computed value for bold and normal font weights.")))),(0,a.mdx)("h2",{id:"1110---october-6-2017"},"1.11.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:"1100---september-26--2017"},"1.10.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:"190---september-19-2017"},"1.9.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:"180---september-12-2017"},"1.8.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:"170---september-7-2017"},"1.7.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:"160---september-5-2017"},"1.6.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:"150---august-31-2017"},"1.5.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:"140---august-15-2017"},"1.4.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:"130---august-8-2017"},"1.3.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:"120---august-1-2017"},"1.2.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:"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||(d[m]=e[m]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(d[m]=e[m])}return d}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)(d.E,{mdxType:"Badge"}),(0,a.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},74128:function(e,l,m){m.d(l,{E:function(){return n}});var a=m(96540),d=m(55713),n=function(e){var l=e.url;return a.createElement(d.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.57.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/16829-d2d7b298d782ac112a7b.css b/16829-d2d7b298d782ac112a7b.css new file mode 100644 index 000000000..4be0ab79e --- /dev/null +++ b/16829-d2d7b298d782ac112a7b.css @@ -0,0 +1,6 @@ +.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} +.ProgressBar-module__clinical-lowlight-theme___2R-V2{--terra-progress-bar-border-radius: 0.5em;--terra-progress-bar-background-color: #000;--terra-progress-bar-progress-background-color: #6f7477;--terra-progress-bar-height: 0.8rem;--terra-progress-bar-tiny-height: 0.5rem;--terra-progress-bar-small-height: 0.8rem;--terra-progress-bar-medium-height: 1rem;--terra-progress-bar-large-height: 1.4rem;--terra-progress-bar-huge-height: 1.7rem}.ProgressBar-module__orion-fusion-theme___HjiAn{--terra-progress-bar-border-radius: 2px;--terra-progress-bar-background-color: transparent;--terra-progress-bar-progress-background-color: #007cc3;--terra-progress-bar-height: 1rem;--terra-progress-bar-tiny-height: 1rem;--terra-progress-bar-small-height: 1rem;--terra-progress-bar-medium-height: 1rem;--terra-progress-bar-large-height: 1rem;--terra-progress-bar-huge-height: 1rem}.ProgressBar-module__progress-bar___ldMCP{display:block;height:0.8rem;height:var(--terra-progress-bar-height, 0.8rem);overflow:hidden;width:100%}[dir] .ProgressBar-module__progress-bar___ldMCP{border-radius:0.5em;border-radius:var(--terra-progress-bar-border-radius, 0.5em)}.ProgressBar-module__progress-bar___ldMCP:focus{outline:none}.ProgressBar-module__progress-bar___ldMCP[value]{-webkit-appearance:none;appearance:none}[dir] .ProgressBar-module__progress-bar___ldMCP[value]{border:0}[dir] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-bar{border-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-value{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value]::-webkit-progress-value{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-webkit-progress-value, [dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-webkit-progress-value{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-webkit-progress-value, [dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-webkit-progress-value{border-bottom-left-radius:0;border-top-left-radius:0}.ProgressBar-module__default-color___-XUpG{color:#0092e0;color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG{background-color:#d3d4d5;background-color:var(--terra-progress-bar-background-color, #d3d4d5)}[dir] .ProgressBar-module__default-color___-XUpG::-webkit-progress-bar{background-color:#d3d4d5;background-color:var(--terra-progress-bar-background-color, #d3d4d5)}[dir] .ProgressBar-module__default-color___-XUpG::-webkit-progress-value{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG::-moz-progress-bar{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}[dir] .ProgressBar-module__default-color___-XUpG::-ms-fill{background-color:#0092e0;background-color:var(--terra-progress-bar-progress-background-color, #0092e0)}@-moz-document url-prefix(""){.ProgressBar-module__progress-bar___ldMCP{overflow:hidden}[dir] .ProgressBar-module__progress-bar___ldMCP{border-radius:.5em}.ProgressBar-module__progress-bar___ldMCP:focus{outline:none}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value]::-moz-progress-bar{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value]::-moz-progress-bar{border-bottom-right-radius:0;border-top-right-radius:0}[dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-moz-progress-bar, [dir=ltr] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-moz-progress-bar{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="0"]::-moz-progress-bar, [dir=rtl] .ProgressBar-module__progress-bar___ldMCP[value="100"]::-moz-progress-bar{border-bottom-left-radius:0;border-top-left-radius:0}}.ProgressBar-module__tiny___arTaR{height:0.5rem;height:var(--terra-progress-bar-tiny-height, 0.5rem)}.ProgressBar-module__small___aIbie{height:0.8rem;height:var(--terra-progress-bar-small-height, 0.8rem)}.ProgressBar-module__medium___DIoxZ{height:1rem;height:var(--terra-progress-bar-medium-height, 1rem)}.ProgressBar-module__large___KiWFK{height:1.4rem;height:var(--terra-progress-bar-large-height, 1.4rem)}.ProgressBar-module__huge___G3Q0C{height:1.7rem;height:var(--terra-progress-bar-huge-height, 1.7rem)} +.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)} +.colors-module__clinical-lowlight-theme___nKkHc{--terra-progress-bar-example-1-background-color: #fdb06c;--terra-progress-bar-example-2-background-color: #427c1f;--terra-progress-bar-example-3-background-color: #f94e4e;--terra-progress-bar-2-colors-example-1-bar-background-color: #222a2e;--terra-progress-bar-2-colors-example-1-value-background-color: #004c76;--terra-progress-bar-2-colors-example-2-bar-background-color: #222a2e;--terra-progress-bar-2-colors-example-2-value-background-color: #004c76;--terra-progress-bar-2-colors-example-3-bar-background-color: #222a2e;--terra-progress-bar-2-colors-example-3-value-background-color: #004c76;--terra-progress-bar-customized-example-1-bar-background-color: #222a2e;--terra-progress-bar-customized-example-1-value-background-color: #427c1f;--terra-progress-bar-customized-example-1-border-right: 1px solid #fff;--terra-progress-bar-customized-example-1-empty-border-right: 0 solid #fff;--terra-progress-bar-customized-example-2-bar-background: linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));--terra-progress-bar-customized-example-2-backup-bar-background-color: rgb(0, 0, 255);--terra-progress-bar-customized-example-2-value-background: linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));--terra-progress-bar-customized-example-2-backup-value-background-color: rgb(255, 0, 0);--terra-progress-bar-customized-example-2-border-right: 3px solid rgb(0, 255, 0);--terra-progress-bar-customized-example-2-empty-border-right: 0 solid rgb(0, 255, 0)}.colors-module__orion-fusion-theme___yJQlM{--terra-progress-bar-example-1-background-color: #f00;--terra-progress-bar-example-2-background-color: #ffc20a;--terra-progress-bar-example-3-background-color: #008000;--terra-progress-bar-2-colors-example-1-bar-background-color: #f4f4f4;--terra-progress-bar-2-colors-example-1-value-background-color: #008000;--terra-progress-bar-2-colors-example-2-bar-background-color: #f4f4f4;--terra-progress-bar-2-colors-example-2-value-background-color: #008000;--terra-progress-bar-2-colors-example-3-bar-background-color: #f4f4f4;--terra-progress-bar-2-colors-example-3-value-background-color: #008000;--terra-progress-bar-customized-example-1-bar-background-color: #d3d4d5;--terra-progress-bar-customized-example-1-value-background-color: #8ccc62;--terra-progress-bar-customized-example-1-border-right: 1px solid #fff;--terra-progress-bar-customized-example-1-empty-border-right: 0 solid #fff;--terra-progress-bar-customized-example-2-bar-background: linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));--terra-progress-bar-customized-example-2-backup-bar-background-color: rgb(0, 0, 255);--terra-progress-bar-customized-example-2-value-background: linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));--terra-progress-bar-customized-example-2-backup-value-background-color: rgb(255, 0, 0);--terra-progress-bar-customized-example-2-border-right: 3px solid rgb(0, 255, 0);--terra-progress-bar-customized-example-2-empty-border-right: 0 solid rgb(0, 255, 0)}:root{--terra-progress-bar-example-1-background-color: rgb(255, 165, 0);--terra-progress-bar-example-2-background-color: #8ccc62;--terra-progress-bar-example-3-background-color: rgb(255, 0, 0);--terra-progress-bar-2-colors-example-1-bar-background-color: #e8e8e8;--terra-progress-bar-2-colors-example-1-value-background-color: #8ccc62;--terra-progress-bar-2-colors-example-2-bar-background-color: rgb(0, 0, 0);--terra-progress-bar-2-colors-example-2-value-background-color: rgb(255, 0, 0);--terra-progress-bar-2-colors-example-3-bar-background-color: rgb(0, 0, 139);--terra-progress-bar-2-colors-example-3-value-background-color: rgb(255, 165, 0);--terra-progress-bar-customized-example-1-bar-background-color: #d3d4d5;--terra-progress-bar-customized-example-1-value-background-color: #8ccc62;--terra-progress-bar-customized-example-1-border-right: 1px solid #fff;--terra-progress-bar-customized-example-1-empty-border-right: 0 solid #fff;--terra-progress-bar-customized-example-2-backup-bar-background-color: rgb(0, 0, 255);--terra-progress-bar-customized-example-2-backup-value-background-color: rgb(255, 0, 0);--terra-progress-bar-customized-example-2-bar-background: linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));--terra-progress-bar-customized-example-2-value-background: linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));--terra-progress-bar-customized-example-2-border-right: 3px solid rgb(0, 255, 0);--terra-progress-bar-customized-example-2-empty-border-right: 0 solid rgb(0, 255, 0)}.colors-module__color-bar-example-1___IsU0K{color:rgb(255, 165, 0);color:var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0))}[dir] .colors-module__color-bar-example-1___IsU0K::-webkit-progress-value{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0))}[dir] .colors-module__color-bar-example-1___IsU0K::-moz-progress-bar{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0))}[dir] .colors-module__color-bar-example-1___IsU0K::-ms-fill{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0))}.colors-module__color-bar-example-2___j5kKs{color:#8ccc62;color:var(--terra-progress-bar-example-2-background-color, #8ccc62)}[dir] .colors-module__color-bar-example-2___j5kKs::-webkit-progress-value{background-color:#8ccc62;background-color:var(--terra-progress-bar-example-2-background-color, #8ccc62)}[dir] .colors-module__color-bar-example-2___j5kKs::-moz-progress-bar{background-color:#8ccc62;background-color:var(--terra-progress-bar-example-2-background-color, #8ccc62)}[dir] .colors-module__color-bar-example-2___j5kKs::-ms-fill{background-color:#8ccc62;background-color:var(--terra-progress-bar-example-2-background-color, #8ccc62)}.colors-module__color-bar-example-3___u46rC{color:rgb(255, 0, 0);color:var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0))}[dir] .colors-module__color-bar-example-3___u46rC::-webkit-progress-value{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0))}[dir] .colors-module__color-bar-example-3___u46rC::-moz-progress-bar{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0))}[dir] .colors-module__color-bar-example-3___u46rC::-ms-fill{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0))}.colors-module__two-colors-bar-2-colors-example-1___kByzW{color:#8ccc62;color:var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62)}[dir] .colors-module__two-colors-bar-2-colors-example-1___kByzW{background-color:#e8e8e8;background-color:var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8)}[dir] .colors-module__two-colors-bar-2-colors-example-1___kByzW::-webkit-progress-bar{background-color:#e8e8e8;background-color:var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8)}[dir] .colors-module__two-colors-bar-2-colors-example-1___kByzW::-webkit-progress-value{background-color:#8ccc62;background-color:var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62)}[dir] .colors-module__two-colors-bar-2-colors-example-1___kByzW::-moz-progress-bar{background-color:#8ccc62;background-color:var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62)}[dir] .colors-module__two-colors-bar-2-colors-example-1___kByzW::-ms-fill{background-color:#8ccc62;background-color:var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62)}.colors-module__two-colors-bar-2-colors-example-2___dN8qh{color:rgb(255, 0, 0);color:var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-2___dN8qh{background-color:rgb(0, 0, 0);background-color:var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-2___dN8qh::-webkit-progress-bar{background-color:rgb(0, 0, 0);background-color:var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-2___dN8qh::-webkit-progress-value{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-2___dN8qh::-moz-progress-bar{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-2___dN8qh::-ms-fill{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0))}.colors-module__two-colors-bar-2-colors-example-3___Oicor{color:rgb(255, 165, 0);color:var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-3___Oicor{background-color:rgb(0, 0, 139);background-color:var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139))}[dir] .colors-module__two-colors-bar-2-colors-example-3___Oicor::-webkit-progress-bar{background-color:rgb(0, 0, 139);background-color:var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139))}[dir] .colors-module__two-colors-bar-2-colors-example-3___Oicor::-webkit-progress-value{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-3___Oicor::-moz-progress-bar{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0))}[dir] .colors-module__two-colors-bar-2-colors-example-3___Oicor::-ms-fill{background-color:rgb(255, 165, 0);background-color:var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0))}.colors-module__customized-color-bar-example-1___TnPPE{color:#8ccc62;color:var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62)}[dir] .colors-module__customized-color-bar-example-1___TnPPE{background-color:#d3d4d5;background-color:var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE{border-right:1px solid #fff;border-right:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE{border-left:1px solid #fff;border-left:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir] .colors-module__customized-color-bar-example-1___TnPPE[value]::-webkit-progress-bar{background-color:#d3d4d5;background-color:var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5)}[dir] .colors-module__customized-color-bar-example-1___TnPPE[value]::-webkit-progress-value{background-color:#8ccc62;background-color:var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value]::-webkit-progress-value{border-right:1px solid #fff;border-right:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value]::-webkit-progress-value{border-left:1px solid #fff;border-left:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir] .colors-module__customized-color-bar-example-1___TnPPE[value]::-moz-progress-bar{background-color:#8ccc62;background-color:var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value]::-moz-progress-bar{border-right:1px solid #fff;border-right:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value]::-moz-progress-bar{border-left:1px solid #fff;border-left:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir] .colors-module__customized-color-bar-example-1___TnPPE[value]::-ms-fill{background-color:#8ccc62;background-color:var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value]::-ms-fill{border-right:1px solid #fff;border-right:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value]::-ms-fill{border-left:1px solid #fff;border-left:var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="100"], [dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]{border-right:0 solid #fff;border-right:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="100"], [dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]{border-left:0 solid #fff;border-left:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-webkit-progress-value, [dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-webkit-progress-value{border-right:0 solid #fff;border-right:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-webkit-progress-value, [dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-webkit-progress-value{border-left:0 solid #fff;border-left:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-moz-progress-bar, [dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-moz-progress-bar{border-right:0 solid #fff;border-right:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-moz-progress-bar, [dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-moz-progress-bar{border-left:0 solid #fff;border-left:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-ms-fill, [dir=ltr] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-ms-fill{border-right:0 solid #fff;border-right:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}[dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="100"]::-ms-fill, [dir=rtl] .colors-module__customized-color-bar-example-1___TnPPE[value="0"]::-ms-fill{border-left:0 solid #fff;border-left:var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff)}.colors-module__customized-color-bar-example-2___MpAMp{color:rgb(255, 0, 0);color:var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0))}[dir] .colors-module__customized-color-bar-example-2___MpAMp{background-color:rgb(0, 0, 255);background-color:var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp{background:linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));background:var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)));border-right:3px solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp{background:linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));background:var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to right, rgb(255, 255, 0), rgb(0, 0, 255)));border-left:3px solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-bar{background-color:rgb(0, 0, 255);background-color:var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-bar{background:linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));background:var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-bar{background:linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));background:var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to right, rgb(255, 255, 0), rgb(0, 0, 255)))}[dir] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-value{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-value{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));border-right:3px solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value]::-webkit-progress-value{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to right, rgb(255, 0, 0), rgb(0, 128, 0)));border-left:3px solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir] .colors-module__customized-color-bar-example-2___MpAMp[value]::-moz-progress-bar{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value]::-moz-progress-bar{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));border-right:3px solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value]::-moz-progress-bar{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to right, rgb(255, 0, 0), rgb(0, 128, 0)));border-left:3px solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir] .colors-module__customized-color-bar-example-2___MpAMp[value]::-ms-fill{background-color:rgb(255, 0, 0);background-color:var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value]::-ms-fill{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));border-right:3px solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value]::-ms-fill{background:linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));background:var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to right, rgb(255, 0, 0), rgb(0, 128, 0)));border-left:3px solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="100"], [dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]{border-right:0 solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="100"], [dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]{border-left:0 solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-webkit-progress-value, [dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-webkit-progress-value{border-right:0 solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-webkit-progress-value, [dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-webkit-progress-value{border-left:0 solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-moz-progress-bar, [dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-moz-progress-bar{border-right:0 solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-moz-progress-bar, [dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-moz-progress-bar{border-left:0 solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-ms-fill, [dir=ltr] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-ms-fill{border-right:0 solid rgb(0, 255, 0);border-right:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0))}[dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="100"]::-ms-fill, [dir=rtl] .colors-module__customized-color-bar-example-2___MpAMp[value="0"]::-ms-fill{border-left:0 solid rgb(0, 255, 0);border-left:var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 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/16829-d2d7b298d782ac112a7b.js b/16829-d2d7b298d782ac112a7b.js new file mode 100644 index 000000000..e5c3fb595 --- /dev/null +++ b/16829-d2d7b298d782ac112a7b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16829,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],{34251:function(e,r,a){r.A=void 0;var t=u(a(96540)),o=u(a(37311)),l=u(a(67967)),n=u(a(61301));function u(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(n.default);r.A=function(){return t.default.createElement("div",null,t.default.createElement(o.default,{valueText:"5%",value:5,max:10,colorClass:s(["color-bar-example-1"])}),t.default.createElement("br",null),t.default.createElement("br",null),t.default.createElement(o.default,{valueText:"7.5%",value:7.5,max:10,colorClass:s(["color-bar-example-2"])}),t.default.createElement("br",null),t.default.createElement("br",null),t.default.createElement(o.default,{valueText:"10%",value:10,max:10,colorClass:s(["color-bar-example-3"])}))}},53410:function(e,r,a){r.A=void 0;var t=l(a(96540)),o=l(a(37311));function l(e){return e&&e.__esModule?e:{default:e}}r.A=function(){return t.default.createElement("div",null,t.default.createElement(o.default,{ariaLabel:"Supply progress",heightSize:"medium",valueText:"Completed 3 out of 5 Refills",value:3,max:5}))}},20973:function(e,r,a){function t(e){return t="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},t(e)}r.A=void 0;var o=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=t(e)&&"function"!=typeof e)return{default:e};var a=s(r);if(a&&a.has(e))return a.get(e);var o={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&{}.hasOwnProperty.call(e,n)){var u=l?Object.getOwnPropertyDescriptor(e,n):null;u&&(u.get||u.set)?Object.defineProperty(o,n,u):o[n]=e[n]}return o.default=e,a&&a.set(e,o),o}(a(96540)),l=u(a(37311)),n=u(a(23986));function u(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:r})(e)}function c(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var t,o,l,n,u=[],s=!0,c=!1;try{if(l=(a=a.call(e)).next,0===r){if(Object(a)!==a)return;s=!1}else for(;!(s=(t=l.call(a)).done)&&(u.push(t.value),u.length!==r);s=!0);}catch(e){c=!0,o=e}finally{try{if(!s&&null!=a.return&&(n=a.return(),Object(n)!==n))return}finally{if(c)throw o}}return u}}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return d(e,r);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return d(e,r)}(e,r)||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,r){(null==r||r>e.length)&&(r=e.length);for(var a=0,t=new Array(r);a=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var d={};function i(e){var r=e.components,a=c(e,u);return(0,o.mdx)("wrapper",s({},d,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport ProgressBar from \'terra-progress-bar\';\nimport Button from \'terra-button\';\n\nconst ProgressBarDefault = () => {\n const [val, setVal] = useState(10);\n let intervalId; let\n curVal;\n curVal = 10;\n\n const updateProgress = () => {\n setVal((_val) => {\n curVal = _val + 10;\n return _val + 10;\n });\n\n if (curVal === 100) {\n clearInterval(intervalId);\n }\n };\n\n const start = () => {\n intervalId = setInterval(updateProgress, 2000);\n };\n\n return (\n
\n \n \n
\n
\n );\n};\n\nexport default ProgressBarDefault;\n\n')))}i.isMDXComponent=!0;var p=a(201),m=function(e){var r=e.title,a=e.description,o=e.isExpanded;return t.createElement(p.A,{title:r||"Progress Bar Default",description:a,example:t.createElement(n.A,null),exampleSrc:t.createElement(i,null),isExpanded:o})},b=a(8103),f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var v={};function y(e){var r=e.components,a=x(e,f);return(0,o.mdx)("wrapper",g({},v,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ProgressBar from \'terra-progress-bar\';\n\nconst ProgressBarSize = () => (\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n
\n \n
\n);\n\nexport default ProgressBarSize;\n\n')))}y.isMDXComponent=!0;var _=function(e){var r=e.title,a=e.description,o=e.isExpanded;return t.createElement(p.A,{title:r||"Progress Bar Size",description:a,example:t.createElement(b.A,null),exampleSrc:t.createElement(y,null),isExpanded:o})},h=a(34251),O=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var w={};function E(e){var r=e.components,a=P(e,O);return(0,o.mdx)("wrapper",k({},w,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ProgressBar from 'terra-progress-bar';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-progress-bar/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressBarColor = () => (\n
\n \n
\n
\n \n
\n
\n \n
\n);\n\nexport default ProgressBarColor;\n\n")))}E.isMDXComponent=!0;var T=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var C={};function S(e){var r=e.components,a=N(e,T);return(0,o.mdx)("wrapper",j({},C,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-scss"},"@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-progress-bar-example-1-background-color: rgb(255, 165, 0);\n --terra-progress-bar-example-2-background-color: #8ccc62;\n --terra-progress-bar-example-3-background-color: rgb(255, 0, 0);\n --terra-progress-bar-2-colors-example-1-bar-background-color: #e8e8e8;\n --terra-progress-bar-2-colors-example-1-value-background-color: #8ccc62;\n --terra-progress-bar-2-colors-example-2-bar-background-color: rgb(0, 0, 0);\n --terra-progress-bar-2-colors-example-2-value-background-color: rgb(255, 0, 0);\n --terra-progress-bar-2-colors-example-3-bar-background-color: rgb(0, 0, 139);\n --terra-progress-bar-2-colors-example-3-value-background-color: rgb(255, 165, 0);\n --terra-progress-bar-customized-example-1-bar-background-color: #d3d4d5;\n --terra-progress-bar-customized-example-1-value-background-color: #8ccc62;\n --terra-progress-bar-customized-example-1-border-right: 1px solid #fff;\n --terra-progress-bar-customized-example-1-empty-border-right: 0 solid #fff;\n --terra-progress-bar-customized-example-2-backup-bar-background-color: rgb(0, 0, 255);\n --terra-progress-bar-customized-example-2-backup-value-background-color: rgb(255, 0, 0);\n --terra-progress-bar-customized-example-2-bar-background: linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255));\n --terra-progress-bar-customized-example-2-value-background: linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0));\n --terra-progress-bar-customized-example-2-border-right: 3px solid rgb(0, 255, 0);\n --terra-progress-bar-customized-example-2-empty-border-right: 0 solid rgb(0, 255, 0);\n}\n\n:local {\n .color-bar-example-1 {\n color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0));\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n }\n\n .color-bar-example-2 {\n color: var(--terra-progress-bar-example-2-background-color, #8ccc62);\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-2-background-color, #8ccc62); }\n }\n\n .color-bar-example-3 {\n color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0));\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n }\n\n .two-colors-bar-2-colors-example-1 {\n background-color: var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8);\n color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62);\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-1-bar-background-color, #e8e8e8); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-1-value-background-color, #8ccc62); }\n }\n\n .two-colors-bar-2-colors-example-2 {\n background-color: var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0));\n color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0));\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-2-bar-background-color, rgb(0, 0, 0)); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-2-value-background-color, rgb(255, 0, 0)); }\n }\n\n .two-colors-bar-2-colors-example-3 {\n background-color: var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139));\n color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0));\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-3-bar-background-color, rgb(0, 0, 139)); }\n &::-webkit-progress-value { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--terra-progress-bar-2-colors-example-3-value-background-color, rgb(255, 165, 0)); }\n }\n\n .customized-color-bar-example-1 {\n background-color: var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n\n &[value] {\n &::-webkit-progress-bar { background-color: var(--terra-progress-bar-customized-example-1-bar-background-color, #d3d4d5); }\n\n &::-webkit-progress-value {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n\n &::-moz-progress-bar {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n\n &::-ms-fill {\n background-color: var(--terra-progress-bar-customized-example-1-value-background-color, #8ccc62);\n border-right: var(--terra-progress-bar-customized-example-1-border-right, 1px solid #fff);\n }\n }\n\n &[value='100'],\n &[value='0'] {\n border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff);\n &::-webkit-progress-value { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n &::-moz-progress-bar { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n &::-ms-fill { border-right: var(--terra-progress-bar-customized-example-1-empty-border-right, 0 solid #fff); }\n }\n\n }\n\n .customized-color-bar-example-2 {\n background: var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n\n &[value] {\n &::-webkit-progress-bar {\n background: var(--terra-progress-bar-customized-example-2-bar-background, linear-gradient(to left, rgb(255, 255, 0), rgb(0, 0, 255)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-bar-background-color, rgb(0, 0, 255));\n }\n\n &::-webkit-progress-value {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n\n &::-moz-progress-bar {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n\n &::-ms-fill {\n background: var(--terra-progress-bar-customized-example-2-value-background, linear-gradient(to left, rgb(255, 0, 0), rgb(0, 128, 0)));\n background-color: var(--terra-progress-bar-customized-example-2-backup-value-background-color, rgb(255, 0, 0));\n border-right: var(--terra-progress-bar-customized-example-2-border-right, 3px solid rgb(0, 255, 0));\n }\n }\n\n &[value='100'],\n &[value='0'] {\n border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0));\n &::-webkit-progress-value { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n &::-moz-progress-bar { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n &::-ms-fill { border-right: var(--terra-progress-bar-customized-example-2-empty-border-right, 0 solid rgb(0, 255, 0)); }\n }\n }\n}\n\n")))}S.isMDXComponent=!0;var z=function(e){var r=e.title,a=e.description,o=e.isExpanded;return t.createElement(p.A,{title:r||"Progress Bar Color",description:a,example:t.createElement(h.A,null),exampleCssSrc:t.createElement(S,null),exampleSrc:t.createElement(E,null),isExpanded:o})},B=a(69442),M=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var R={};function A(e){var r=e.components,a=I(e,M);return(0,o.mdx)("wrapper",D({},R,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ProgressBar from 'terra-progress-bar';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-progress-bar/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressBarGradient = () => (\n
\n \n
\n
\n \n
\n
\n \n
\n);\n\nexport default ProgressBarGradient;\n\n")))}A.isMDXComponent=!0;var q=function(e){var r=e.title,a=e.description,o=e.isExpanded;return t.createElement(p.A,{title:r||"Progress Bar Two Colors",description:a,example:t.createElement(B.A,null),exampleCssSrc:t.createElement(S,null),exampleSrc:t.createElement(A,null),isExpanded:o})},H=a(53410),L=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var V={};function X(e){var r=e.components,a=Z(e,L);return(0,o.mdx)("wrapper",W({},V,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ProgressBar from \'terra-progress-bar\';\n\nconst ProgressBarCustomText = () => (\n
\n \n
\n);\n\nexport default ProgressBarCustomText;\n\n')))}X.isMDXComponent=!0;var Y=function(e){var r=e.title,a=e.description,o=e.isExpanded;return t.createElement(p.A,{title:r||"Progress Bar Custom Text",description:a,example:t.createElement(H.A,null),exampleSrc:t.createElement(X,null),isExpanded:o})},G=a(12883),K=["components"];function $(){return $=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var J={},U="wrapper";function Q(e){var r=e.components,a=F(e,K);return(0,o.mdx)(U,$({},J,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)(G.Ay,{mdxType:"PropsTable"},(0,o.mdx)(G.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(G.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"String that labels the progress bar for screen readers."))),(0,o.mdx)(G.fI,{key:"ROW2",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"heightSize"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'tiny'\n 'small'\n 'medium'\n 'large'\n 'huge'\n],\n"))),(0,o.mdx)(G.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'small'\n"))),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the size of the progress-bar from the following values; ",(0,o.mdx)("inlineCode",{parentName:"p"},"tiny"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"small"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"medium"),", ",(0,o.mdx)("inlineCode",{parentName:"p"},"large")," and ",(0,o.mdx)("inlineCode",{parentName:"p"},"huge")))),(0,o.mdx)(G.fI,{key:"ROW3",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"value"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,o.mdx)(G.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the fill-value of the progress bar with respect to the ",(0,o.mdx)("inlineCode",{parentName:"p"},"max")," prop."))),(0,o.mdx)(G.fI,{key:"ROW4",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"max"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,o.mdx)(G.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"100\n"))),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets the maximum possible fill-value."))),(0,o.mdx)(G.fI,{key:"ROW5",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"valueText"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(G.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Value passed to aria-valuetext for accessibility. You can view more about this attribute\nat ",(0,o.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuetext"},"https://www.w3.org/WAI/PF/aria/states_and_properties#aria-valuetext"),"."),(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\naria-valuetext attribute defines a text alternative of aria-valuenow attribute for a Progress Bar Component, that can be easily perceived by all AT users."))),(0,o.mdx)(G.fI,{key:"ROW6",mdxType:"Row"},(0,o.mdx)(G.dt,{mdxType:"PropNameCell"},"colorClass"),(0,o.mdx)(G.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,o.mdx)(G.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,o.mdx)(G.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default-color'\n"))),(0,o.mdx)(G.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"Sets an author defined class, to control the colors of the progress bar and override the base color styles."),(0,o.mdx)("p",null,(0,o.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,o.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,o.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}Q.isMDXComponent=!0;var ee=["components"];function re(){return re=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var te={},oe="wrapper";function le(e){var r=e.components,a=ae(e,ee);return(0,o.mdx)(oe,re({},te,a,{components:r,mdxType:"MDXLayout"}),(0,o.mdx)(l.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"terra-progress-bar"},"Terra Progress Bar"),(0,o.mdx)("p",null,"The progress bar component provides users a way to display the progress of process or activity in a graphical manner. It can be modified\nin height and fill color. Its styling is set such that, the ",(0,o.mdx)("inlineCode",{parentName:"p"},"ProgressBar")," element will occupy full width of its parent element and will\nflex based on the width of the parent container."),(0,o.mdx)("p",null,"Note: The progress bar displays fill with respect to percentage (value between 0 and 100). If ",(0,o.mdx)("inlineCode",{parentName:"p"},"max")," isn't specified in the input to the component, then ",(0,o.mdx)("inlineCode",{parentName:"p"},"value")," corresponds to a percentage value."),(0,o.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},"Install with ",(0,o.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,o.mdx)("ul",{parentName:"li"},(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("inlineCode",{parentName:"li"},"npm install terra-progress-bar"))))),(0,o.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,o.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,o.mdx)("table",null,(0,o.mdx)("thead",{parentName:"table"},(0,o.mdx)("tr",{parentName:"thead"},(0,o.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,o.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,o.mdx)("tbody",{parentName:"table"},(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,o.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,o.mdx)("tr",{parentName:"tbody"},(0,o.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,o.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,o.mdx)("h2",{id:"usage"},"Usage"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ProgressBar from 'terra-progress-bar';\n")),(0,o.mdx)("h3",{id:"color-class"},"Color Class"),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-progress-bar-example-1-background-color: rgb(255, 165, 0);\n --my-app-progress-bar-example-2-background-color: #8ccc62;\n --my-app-progress-bar-example-3-background-color: rgb(255, 0, 0);\n}\n\n:local {\n .color-bar-example-1 {\n color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0));\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-1-background-color, rgb(255, 165, 0)); }\n }\n\n .color-bar-example-2 {\n color: var(--my-app-progress-bar-example-2-background-color, #8ccc62);\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-2-background-color, #8ccc62); }\n }\n\n .color-bar-example-3 {\n color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0));\n &::-webkit-progress-value { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-moz-progress-bar { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n &::-ms-fill { background-color: var(--my-app-progress-bar-example-3-background-color, rgb(255, 0, 0)); }\n }\n}\n")),(0,o.mdx)("h2",{id:"component-features"},"Component Features"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(m,{title:"Default",mdxType:"ProgressBarDefault"}),(0,o.mdx)(Y,{title:"Custom Text",mdxType:"ProgressBarCustomText"}),(0,o.mdx)(_,{title:"Size",mdxType:"ProgressBarSize"}),(0,o.mdx)(z,{title:"Color",description:"By passing in a colorClass, authors can manually set the bar color of any `` component.",mdxType:"ProgressBarColor"}),(0,o.mdx)(q,{title:"Foreground and Background Color",description:"By passing in a colorClass, authors can manually set the bar color of any `` component.",mdxType:"ProgressBarTwoColors"}),(0,o.mdx)("h2",{id:"progress-bar-props"},"Progress Bar Props"),(0,o.mdx)(Q,{mdxType:"ProgressBarPropsTable"}))}le.isMDXComponent=!0},97371:function(e,r,a){a.d(r,{E:function(){return l}});var t=a(96540),o=a(55713),l=function(e){var r=e.url;return t.createElement(o.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-progress-bar",name:"terra-progress-bar",version:"4.37.0",url:r})}},25642:function(e,r,a){a.r(r),r.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,r,a){a.r(r),r.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,r,a){a.r(r),r.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,r,a){a.r(r),r.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"}},75267:function(e,r,a){a.r(r),r.default={"clinical-lowlight-theme":"ProgressBar-module__clinical-lowlight-theme___2R-V2","orion-fusion-theme":"ProgressBar-module__orion-fusion-theme___HjiAn","progress-bar":"ProgressBar-module__progress-bar___ldMCP","default-color":"ProgressBar-module__default-color___-XUpG",tiny:"ProgressBar-module__tiny___arTaR",small:"ProgressBar-module__small___aIbie",medium:"ProgressBar-module__medium___DIoxZ",large:"ProgressBar-module__large___KiWFK",huge:"ProgressBar-module__huge___G3Q0C"}},61301:function(e,r,a){a.r(r),r.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___nKkHc","orion-fusion-theme":"colors-module__orion-fusion-theme___yJQlM","color-bar-example-1":"colors-module__color-bar-example-1___IsU0K","color-bar-example-2":"colors-module__color-bar-example-2___j5kKs","color-bar-example-3":"colors-module__color-bar-example-3___u46rC","two-colors-bar-2-colors-example-1":"colors-module__two-colors-bar-2-colors-example-1___kByzW","two-colors-bar-2-colors-example-2":"colors-module__two-colors-bar-2-colors-example-2___dN8qh","two-colors-bar-2-colors-example-3":"colors-module__two-colors-bar-2-colors-example-3___Oicor","customized-color-bar-example-1":"colors-module__customized-color-bar-example-1___TnPPE","customized-color-bar-example-2":"colors-module__customized-color-bar-example-2___MpAMp"}},85444:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=d(a(96540)),o=d(a(5556)),l=d(a(46942)),n=d(a(67967)),u=d(a(52103)),s=d(a(78482)),c=["children","disableStripes","paddingStyle"];function d(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var m=n.default.bind(s.default),b={children:o.default.node.isRequired,disableStripes:o.default.bool,paddingStyle:o.default.oneOf(["none","standard","compact"])},f=function(e){var r=e.children,a=e.disableStripes,o=e.paddingStyle,n=p(e,c),s=t.default.useContext(u.default),d=(0,l.default)(m("table",{striped:!a},{"padding-standard":"standard"===o},{"padding-compact":"compact"===o},s.className),n.className);return t.default.createElement("table",i({},n,{className:d}),r)};f.propTypes=b,f.defaultProps={disableStripes:!1,paddingStyle:"none"};r.default=f},61452:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=n(a(96540)),o=n(a(5556)),l=["children"];function n(e){return e&&e.__esModule?e:{default:e}}function u(e,r){if(null==e)return{};var a,t,o=function(e,r){if(null==e)return{};var a,t,o={},l=Object.keys(e);for(t=0;t=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var s={children:o.default.node},c=function(e){var r=e.children,a=u(e,l);return t.default.createElement("tbody",a,r)};c.propTypes=s,c.defaultProps={children:[]};r.default=c},86472:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=n(a(96540)),o=n(a(5556)),l=["children"];function n(e){return e&&e.__esModule?e:{default:e}}function u(e,r){if(null==e)return{};var a,t,o=function(e,r){if(null==e)return{};var a,t,o={},l=Object.keys(e);for(t=0;t=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var s={children:o.default.node},c=function(e){var r=e.children,a=u(e,l);return t.default.createElement("td",a,r)};c.propTypes=s,c.defaultProps={children:[]};r.default=c},97441:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=u(a(96540)),o=u(a(5556)),l=u(a(10767)),n=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function s(e,r){if(null==e)return{};var a,t,o=function(e,r){if(null==e)return{};var a,t,o={},l=Object.keys(e);for(t=0;t=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var c={children:o.default.node},d=function(e){var r=e.children,a=s(e,n);return t.default.createElement("thead",a,t.default.createElement("tr",null,l.default.addScope(r,"col")))};d.propTypes=c,d.defaultProps={children:[]};r.default=d},22417:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=n(a(96540)),o=n(a(5556)),l=["children"];function n(e){return e&&e.__esModule?e:{default:e}}function u(e,r){if(null==e)return{};var a,t,o=function(e,r){if(null==e)return{};var a,t,o={},l=Object.keys(e);for(t=0;t=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var s={children:o.default.node},c=function(e){var r=e.children,a=u(e,l);return t.default.createElement("th",a,r)};c.propTypes=s,c.defaultProps={children:[]};r.default=c},36142:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=c(a(96540)),o=c(a(5556)),l=c(a(67967)),n=c(a(78482)),u=c(a(10767)),s=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var p=l.default.bind(n.default),m={children:o.default.node},b=function(e){var r=e.children,a=i(e,s),o=p(["row"]);return t.default.createElement("tr",d({},a,{className:a.className?"".concat(o," ").concat(a.className):o}),u.default.addScope(r,"row"))};b.propTypes=m,b.defaultProps={children:[]};r.default=b},10767:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t,o=(t=a(96540))&&t.__esModule?t:{default:t};var l={addScope:function(e,r){var a=[];return o.default.Children.forEach(e,(function(e){a.push(o.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?r:void 0}))})),a}};r.default=l},26984:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),Object.defineProperty(r,"Body",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(r,"Cell",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(r,"Header",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(r,"HeaderCell",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(r,"Row",{enumerable:!0,get:function(){return l.default}}),r.default=void 0;var t=c(a(85444)),o=c(a(61452)),l=c(a(36142)),n=c(a(86472)),u=c(a(97441)),s=c(a(22417));function c(e){return e&&e.__esModule?e:{default:e}}r.default=t.default},49558:function(e,r,a){Object.defineProperty(r,"__esModule",{value:!0}),r.default=void 0;var t=l(a(96540)),o=l(a(25365));function l(e){return e&&e.__esModule?e:{default:e}}function n(){return n=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(o[a]=e[a]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(o[a]=e[a])}return o}var f=n.default.bind(d.default),g=(r.ProgressBarHeightSize={TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},{ariaLabel:o.default.string,heightSize:o.default.oneOf(["tiny","small","medium","large","huge"]),value:o.default.number.isRequired,max:o.default.number,valueText:o.default.string,colorClass:o.default.string,intl:o.default.shape({formatMessage:o.default.func})}),x={heightSize:"small",max:100,valueText:void 0,colorClass:"default-color"},v=function(e){var r=e.ariaLabel,a=e.heightSize,o=e.value,n=e.max,u=e.valueText,d=e.colorClass,p=e.intl,g=b(e,i),x=t.default.useContext(s.default),v=(0,l.default)(f("progress-bar",a,d,x.className),g.className),y=o/n*100,_=u||p.formatMessage({id:"Terra.progress.bar.percentage"},{value:y});return t.default.createElement("div",null,t.default.createElement("progress",m({},g,{"aria-label":r,className:v,max:100,value:y,"aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":y,"aria-valuetext":_,tabIndex:"-1"})),u&&t.default.createElement(c.default,{"aria-live":"polite",text:_}))};v.propTypes=g,v.defaultProps=x;r.default=(0,u.injectIntl)(v)}}]); \ No newline at end of file diff --git a/18305-4cb9af4bd19bd79c1214.css b/18305-4cb9af4bd19bd79c1214.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/18305-4cb9af4bd19bd79c1214.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/18305-4cb9af4bd19bd79c1214.js b/18305-4cb9af4bd19bd79c1214.js new file mode 100644 index 000000000..d3550eff1 --- /dev/null +++ b/18305-4cb9af4bd19bd79c1214.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18305,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(a,t,r){var e=r(24994);t.A=void 0;var n=e(r(96540)),l=e(r(5556)),d=e(r(67967)),o=e(r(25642)),m=d.default.bind(o.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(a){var t=a.src,r=a.name,e=a.url,l=a.version,d=n.default.createElement("a",{className:m("badge"),href:e||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},n.default.createElement("span",{className:m("badge-name")},e?"package":"npm"),n.default.createElement("span",{className:m("badge-version")},"v".concat(l))),o=t?n.default.createElement("a",{className:m("badge"),href:t},n.default.createElement("span",{className:m("badge-name")},"github"),n.default.createElement("span",{className:m("badge-version")},"source")):void 0;return n.default.createElement("div",{className:m("badge-container")},d,o)};s.propTypes=u;t.A=s},18305:function(a,t,r){r.r(t),r.d(t,{default:function(){return s}});r(96540);var e=r(36665),n=r(39053),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(a){for(var t=1;t=0||(n[r]=a[r]);return n}(a,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(a);for(e=0;e=0||Object.prototype.propertyIsEnumerable.call(a,r)&&(n[r]=a[r])}return n}var m={},u="wrapper";function s(a){var t=a.components,r=o(a,l);return(0,e.mdx)(u,d({},m,r,{components:t,mdxType:"MDXLayout"}),(0,e.mdx)(n.E,{mdxType:"Badge"}),(0,e.mdx)("h1",{id:"terra-tabs-upgrade-guide"},"Terra Tabs Upgrade Guide"),(0,e.mdx)("h2",{id:"changes-from-version-6-to-version-7"},"Changes from version 6 to version 7"),(0,e.mdx)("h3",{id:"removed-props"},"Removed props"),(0,e.mdx)("ul",null,(0,e.mdx)("li",{parentName:"ul"},"Removed responsiveTo")),(0,e.mdx)("h2",{id:"changes-from-version-3-to-version-4"},"Changes from version 3 to version 4"),(0,e.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,e.mdx)("h4",{id:"renamed"},"Renamed"),(0,e.mdx)("table",null,(0,e.mdx)("thead",{parentName:"table"},(0,e.mdx)("tr",{parentName:"thead"},(0,e.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,e.mdx)("th",{parentName:"tr",align:null},"New"))),(0,e.mdx)("tbody",{parentName:"table"},(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-width"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-collapsed-modular-tab-bar-border-bottom-width")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-hover-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-width"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-tab-bar-border-bottom-width")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-disabled-hover-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-background-image"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-background-image")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-focus-border-radius"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-active-focus-border-radius")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-rtl-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-active-focus-ltr-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-modular-selection-bar-background-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-bottom-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-menu-bar-border-radius"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-collapsed-border-radius")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-width"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-tab-bar-border-bottom-width")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-margin-between-tabs"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-between-tabs-margin-left")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing-function")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-duration"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-duration")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-transition-timing"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-before-transition-timing-function")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-background-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-background-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-color"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-color")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-opacity"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-disabled-hover-opacity")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-background-image"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-structural-active-focus-background-image")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-rtl-box-shadow"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-rtl-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-focus-ltr-box-shadow"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-keyboard-active-focus-ltr-box-shadow")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-margin-next-to-icon"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-label-next-to-icon-margin-left")),(0,e.mdx)("tr",{parentName:"tbody"},(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-left-margin"),(0,e.mdx)("td",{parentName:"tr",align:null},"--terra-tabs-menu-arrow-margin-left")))),(0,e.mdx)("h4",{id:"added"},"Added"),(0,e.mdx)("ul",null,(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-content-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-border-bottom-width"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-position"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-background"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-before-content-height"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-extended-tabs-border-radius"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-active-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-focus-background-image"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-color"),(0,e.mdx)("li",{parentName:"ul"},"--terra-tabs-structural-collapsed-menu-bar-focus-border-bottom-width")))}s.isMDXComponent=!0},39053:function(a,t,r){r.d(t,{E:function(){return l}});var e=r(96540),n=r(55713),l=function(a){var t=a.url;return e.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.26.0",url:t})}},25642:function(a,t,r){r.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"}}}]); \ No newline at end of file diff --git a/18531-e6bae993f0c84ff73b0c.css b/18531-e6bae993f0c84ff73b0c.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/18531-e6bae993f0c84ff73b0c.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} +.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/18531-e6bae993f0c84ff73b0c.js b/18531-e6bae993f0c84ff73b0c.js new file mode 100644 index 000000000..bdb50d8b6 --- /dev/null +++ b/18531-e6bae993f0c84ff73b0c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[18531,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],{46353: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,a=(l=n(96540))&&l.__esModule?l:{default:l},o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var d=a?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(l,o,d):l[o]=e[o]}return l.default=e,n&&n.set(e,l),l}(n(80708));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)}t.A=function(){return a.default.createElement(o.default,null,a.default.createElement(o.SubsectionHeader,{title:"Default SubsectionHeader",key:"default"}))}},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),i={name:a.default.string.isRequired,src:a.default.string,url:a.default.string,version:a.default.string.isRequired},c=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)};c.propTypes=i;t.A=c},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=m(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&&Object.prototype.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)),i=n(92912),c=r(n(49558)),s=r(n(53665)),f=n(25966),p=r(n(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var b=d.default.bind(p.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=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,p=(0,o.useState)(d),m=(0,a.default)(p,2),_=m[0],g=m[1],h=(0,o.useState)(!1),x=(0,a.default)(h,2),O=x[0],E=x[1],j=o.default.useContext(i.ThemeContext),T=void 0!==r,P=function(){E(!O),_&&g(!_)},w=function(){g(!_),O&&E(!O)},N=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",j.className)},o.default.createElement("div",{className:b("header")},l&&o.default.createElement("h2",{className:b("title")},l)),o.default.createElement("div",{className:b("content")},u&&o.default.createElement("div",{className:b("description")},u),t),o.default.createElement("div",{className:b("footer")},n?o.default.createElement("div",{className:b("button-container")},T&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:P,onKeyDown:function(e){return N(e,P)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":_}),onClick:w,onKeyDown:function(e){return N(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:b("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:b("css")},r),_&&o.default.createElement("div",{className:b("code")},n))))};g.propTypes=_,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 i.Row}}),t.Ay=t.$d=void 0;var a=f(n(96540)),o=r(n(5556)),u=r(n(67967)),d=n(92912),i=f(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 f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=s(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&&Object.prototype.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 p=u.default.bind(c.default),m={children:o.default.node},b={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:p("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(i.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return a.default.createElement(i.Cell,null,t)}).propTypes=m;var _=function(e){var t=e.children,n=(0,a.useContext)(d.ThemeContext);return a.default.createElement(i.default,{paddingStyle:"compact",className:p("table",n.className)},a.default.createElement(i.Header,{className:p("header")},a.default.createElement(i.HeaderCell,null,"Prop"),a.default.createElement(i.HeaderCell,null,"Type"),a.default.createElement(i.HeaderCell,null,"Required"),a.default.createElement(i.HeaderCell,null,"Default"),a.default.createElement(i.HeaderCell,null,"Description")),a.default.createElement(i.Body,null,t))};_.propTypes=m;t.Ay=_},18531:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var r=n(96540),l=n(36665),a=n(86273),o=n(46353),u=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={};function s(e){var t=e.components,n=i(e,u);return(0,l.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { SubsectionHeader } from 'terra-list';\n\nconst ListSubsectionHeaderExample = () => (\n \n \n \n);\n\nexport default ListSubsectionHeaderExample;\n\n")))}s.isMDXComponent=!0;var f=n(201),p=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(f.A,{title:t||"List Subsection Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:l})},m=n(12883),b=["components"];function _(){return _=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 v={},g="wrapper";function h(e){var t=e.components,n=y(e,b);return(0,l.mdx)(g,_({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m.Ay,{mdxType:"PropsTable"},(0,l.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"level"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,l.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Optionally sets the heading level. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"6"),"."))),(0,l.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,l.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"title"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(m.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Title text to be placed within the subsection header.")))))}h.isMDXComponent=!0;var x=["components"];function O(){return O=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 j={},T="wrapper";function P(e){var t=e.components,n=E(e,x);return(0,l.mdx)(T,O({},j,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"list-subsection-header"},"List Subsection Header"),(0,l.mdx)("p",null,"The list subsection header is a sub-component of the list subsection. It provides the visual representation of the subsection, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The subsection header should only be consumed directly when the header is static, as the actual list item collapse is handled by the subsection."),(0,l.mdx)("p",null,"When consumed by itself as an individual list item avoid enabling the collapsible properties."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { SubsectionHeader } from 'terra-list';\n")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(p,{mdxType:"ListSubsectionHeaderExample"}),(0,l.mdx)("h2",{id:"list-subsection-header-props"},"List Subsection Header Props"),(0,l.mdx)(h,{mdxType:"ListSubsectionHeaderPropsTable"}))}P.isMDXComponent=!0},86273: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-list",name:"terra-list",version:"4.73.1",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"}},85444: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(46942)),o=c(n(67967)),u=c(n(52103)),d=c(n(78482)),i=["children","disableStripes","paddingStyle"];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||(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 p=o.default.bind(d.default),m={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=f(e,i),d=r.default.useContext(u.default),c=(0,a.default)(p("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return r.default.createElement("table",s({},o,{className:c}),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)),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},i=function(e){var t=e.children,n=u(e,a);return r.default.createElement("tbody",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},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},i=function(e){var t=e.children,n=u(e,a);return r.default.createElement("td",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},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 i={children:l.default.node},c=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")))};c.propTypes=i,c.defaultProps={children:[]};t.default=c},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},i=function(e){var t=e.children,n=u(e,a);return r.default.createElement("th",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},36142: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(67967)),o=i(n(78482)),u=i(n(10767)),d=["children"];function i(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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=a.default.bind(o.default),p={children:l.default.node},m=function(e){var t=e.children,n=s(e,d),l=f(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),u.default.addScope(t,"row"))};m.propTypes=p,m.defaultProps={children:[]};t.default=m},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=i(n(85444)),l=i(n(61452)),a=i(n(36142)),o=i(n(86472)),u=i(n(97441)),d=i(n(22417));function i(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=0||(a[m]=e[m]);return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(a[m]=e[m])}return a}var i={},t="wrapper";function p(e){var l=e.components,m=u(e,d);return(0,n.mdx)(t,r({},i,m,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("h1",{id:"changelog"},"Changelog"),(0,n.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,n.mdx)("h2",{id:"2790---april-10-2024"},"2.79.0 - (April 10, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2780---february-28-2024"},"2.78.0 - (February 28, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2770---february-27-2024"},"2.77.0 - (February 27, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2760---february-23-2024"},"2.76.0 - (February 23, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2750---february-15-2024"},"2.75.0 - (February 15, 2024)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,n.mdx)("h2",{id:"2740---december-11-2023"},"2.74.0 - (December 11, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2730---november-21-2023"},"2.73.0 - (November 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2720---november-13-2023"},"2.72.0 - (November 13, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2710---october-23-2023"},"2.71.0 - (October 23, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2700---october-16-2023"},"2.70.0 - (October 16, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2690---september-21-2023"},"2.69.0 - (September 21, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2680---september-19-2023"},"2.68.0 - (September 19, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2670---august-23-2023"},"2.67.0 - (August 23, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2660---august-1-2023"},"2.66.0 - (August 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2650---april-27-2023"},"2.65.0 - (April 27, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2640---april-5-2023"},"2.64.0 - (April 5, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2630---march-1-2023"},"2.63.0 - (March 1, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2620---february-15-2023"},"2.62.0 - (February 15, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,n.mdx)("h2",{id:"2610---february-7-2023"},"2.61.0 - (February 7, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2601---january-31-2023"},"2.60.1 - (January 31, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2600---january-9-2023"},"2.60.0 - (January 9, 2023)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump of terra-toggle")))),(0,n.mdx)("h2",{id:"2590---december-7-2022"},"2.59.0 - (December 7, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Renamed ",(0,n.mdx)("inlineCode",{parentName:"li"},"terra-section-header")," title prop to text"),(0,n.mdx)("li",{parentName:"ul"},"Updated snapshots from changes made to terra-section-header"),(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots from changes made to terra-section-header")))),(0,n.mdx)("h2",{id:"2584---july-14-2022"},"2.58.4 - (July 14, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots from changes made to terra-section-header")))),(0,n.mdx)("h2",{id:"2583---july-5-2022"},"2.58.3 - (July 5, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2582---may-3-2022"},"2.58.2 - (May 3, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2581---april-29-2022"},"2.58.1 - (April 29, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2580---february-2-2022"},"2.58.0 - (February 2, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,n.mdx)("h2",{id:"2571---january-4-2022"},"2.57.1 - (January 4, 2022)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2570---september-28-2021"},"2.57.0 - (September 28, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2560---september-21-2021"},"2.56.0 - (September 21, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,n.mdx)("h2",{id:"2550---august-25-2021"},"2.55.0 - (August 25, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2540---july-6-2021"},"2.54.0 - (July 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2530---june-22-2021"},"2.53.0 - (June 22, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,n.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,n.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,n.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,n.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,n.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,n.mdx)("h2",{id:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2420---september-16-2020"},"2.42.0 - (September 16, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2410---august-6-2020"},"2.41.0 - (August 6, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2400---august-4-2020"},"2.40.0 - (August 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2390---july-29-2020"},"2.39.0 - (July 29, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2380---july-7-2020"},"2.38.0 - (July 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2370---june-11-2020"},"2.37.0 - (June 11, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2360---june-9-2020"},"2.36.0 - (June 9, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added ",(0,n.mdx)("inlineCode",{parentName:"li"},"isOpen")," prop for programmatic toggle."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor file changes to comply with eslint rules"),(0,n.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,n.mdx)("h2",{id:"2350---may-19-2020"},"2.35.0 - (May 19, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2340---april-28-2020"},"2.34.0 - (April 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,n.mdx)("h2",{id:"2330---april-22-2020"},"2.33.0 - (April 22, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated documentation links")))),(0,n.mdx)("h2",{id:"2320---march-10-2020"},"2.32.0 - (March 10, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,n.mdx)("h2",{id:"2310---march-3-2020"},"2.31.0 - (March 3, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2300---february-18-2020"},"2.30.0 - (February 18, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,n.mdx)("h2",{id:"2290---february-4-2020"},"2.29.0 - (February 4, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2280---january-28-2020"},"2.28.0 - (January 28, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2270---january-7-2020"},"2.27.0 - (January 7, 2020)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2260---december-3-2019"},"2.26.0 - (December 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,n.mdx)("h2",{id:"2250---october-30-2019"},"2.25.0 - (October 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2240---october-3-2019"},"2.24.0 - (October 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2230---september-19-2019"},"2.23.0 - (September 19, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed ",(0,n.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,n.mdx)("h2",{id:"2220---september-6-2019"},"2.22.0 - (September 6, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,n.mdx)("h2",{id:"2210---september-3-2019"},"2.21.0 - (September 3, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2200---august-21-2019"},"2.20.0 - (August 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,n.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,n.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,n.mdx)("h2",{id:"2190---august-14-2019"},"2.19.0 - (August 14, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,n.mdx)("h2",{id:"2180---july-30-2019"},"2.18.0 - (July 30, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2170---july-24-2019"},"2.17.0 - (July 24, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2160---july-16-2019"},"2.16.0 - (July 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Added",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,n.mdx)("h2",{id:"2150----july-11-2019"},"2.15.0 - (July 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2140---july-9-2019"},"2.14.0 - (July 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2130---june-28-2019"},"2.13.0 - (June 28, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"2120---june-18-2019"},"2.12.0 - (June 18, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated toggle tests to use Terra.defineViewports and to use Terra.validate element helpers")))),(0,n.mdx)("h2",{id:"2110---june-11-2019"},"2.11.0 - (June 11, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,n.mdx)("h2",{id:"2100---may-21-2019"},"2.10.0 - (May 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"290---may-1-2019"},"2.9.0 - (May 1, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"280---april-16-2019"},"2.8.0 - (April 16, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"270---april-9-2019"},"2.7.0 - (April 9, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"260---march-26-2019"},"2.6.0 - (March 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Removed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,n.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,n.mdx)("h2",{id:"250---march-21-2019"},"2.5.0 - (March 21, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"241---march-5-2019"},"2.4.1 - (March 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"240---february-26-2019"},"2.4.0 - (February 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"230---february-12-2019"},"2.3.0 - (February 12, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"220---february-5-2019"},"2.2.0 - (February 5, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"210---january-26-2019"},"2.1.0 - (January 26, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"200---january-22-2019"},"2.0.0 - (January 22, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,n.mdx)("h2",{id:"1320---january-8-2019"},"1.32.0 - (January 8, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1310---january-2-2019"},"1.31.0 - (January 2, 2019)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Remove use of componentWillReceiveProps"),(0,n.mdx)("li",{parentName:"ul"},"Regenerate screenshots caused by section-header theme var changes"),(0,n.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,n.mdx)("h2",{id:"1301---november-20-2018"},"1.30.1 - (November 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1300---november-19-2018"},"1.30.0 - (November 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1290---november-13-2018"},"1.29.0 - (November 13, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1280---november-9-2018"},"1.28.0 - (November 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1270---october-30-2018"},"1.27.0 - (October 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1260---october-24-2018"},"1.26.0 - (October 24, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1250---october-16-2018"},"1.25.0 - (October 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1240---october-8-2018"},"1.24.0 - (October 8, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1230---october-2-2018"},"1.23.0 - (October 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1220---september-25-2018"},"1.22.0 - (September 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1211---september-6-2018"},"1.21.1 - (September 6, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,n.mdx)("h2",{id:"1210---september-5-2018"},"1.21.0 - (September 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,n.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,n.mdx)("h2",{id:"1200---september-4-2018"},"1.20.0 - (September 4, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1190---august-29-2018"},"1.19.0 - (August 29, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1180---august-1-2018"},"1.18.0 - (August 1, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,n.mdx)("h2",{id:"1170---july-19-2018"},"1.17.0 - (July 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,n.mdx)("h2",{id:"1160---july-17-2018"},"1.16.0 - (July 17, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,n.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,n.mdx)("h2",{id:"1150---july-10-2018"},"1.15.0 - (July 10, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"1140---june-28-2018"},"1.14.0 - (June 28, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Changed"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},"Added"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,n.mdx)("h2",{id:"1130---june-22-2018"},"1.13.0 - (June 22, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,n.mdx)("h2",{id:"1120---june-19-2018"},"1.12.0 - (June 19, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Fixed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Removed onOpen and onClose from customProps in ToggleSectionHeader.")))),(0,n.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,n.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,n.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"180---may-23-2018"},"1.8.0 - (May 23, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"170---may-16-2018"},"1.7.0 - (May 16, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"160---may-9-2018"},"1.6.0 - (May 9, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"150---may-2-2018"},"1.5.0 - (May 2, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"140---april-20-2018"},"1.4.0 - (April 20, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"130---april-15-2018"},"1.3.0 - (April 15, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,n.mdx)("h2",{id:"110---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Changed",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Update snapshots as a result of underlying component change.")))),(0,n.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"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||(a[m]=e[m]);return a}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(a[m]=e[m])}return a}var s={},h="wrapper";function c(e){var l=e.components,m=N(e,x);return(0,n.mdx)(h,o({},s,m,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(a.E,{mdxType:"Badge"}),(0,n.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},57263:function(e,l,m){m.d(l,{E:function(){return d}});var n=m(96540),a=m(55713),d=function(e){var l=e.url;return n.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-section-header",name:"terra-toggle-section-header",version:"2.79.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/20753-1ea7ff3e19d68d57c201.css b/20753-1ea7ff3e19d68d57c201.css new file mode 100644 index 000000000..6cfca39a6 --- /dev/null +++ b/20753-1ea7ff3e19d68d57c201.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} +.ListDocCommon-module__placeholder___9sgl3{height:50px}[dir] .list-item{padding:10px 0}[dir] .list-item-focus{padding:10px 0}.list-item-focus:focus{outline:2px dashed #000;outline-offset:-2px} +.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/20753-1ea7ff3e19d68d57c201.js b/20753-1ea7ff3e19d68d57c201.js new file mode 100644 index 000000000..9bf4ef724 --- /dev/null +++ b/20753-1ea7ff3e19d68d57c201.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[20753,17711,40092,52947,75328,72949,8185,4645,47115,95330,7235,29616,30566,63423,62473,24087,84854,25553,38663,38149,66653,89034,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],{60098:function(e,t,l){function a(e){return a="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},a(e)}t.A=void 0;var n=i(l(96540)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=c(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var m=r?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(n,o,m):n[o]=e[o]}return n.default=e,l&&l.set(e,n),n}(l(80708)),o=l(74647),m=i(l(67967)),d=i(l(22738));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(c=function(e){return e?l:t})(e)}function i(e){return e&&e.__esModule?e:{default:e}}var s=m.default.bind(d.default);t.A=function(){return n.default.createElement(r.default,{role:"listbox","aria-label":"example-label"},n.default.createElement(r.Item,{key:"default"},n.default.createElement(o.Placeholder,{title:"Default ListItem",className:s("placeholder")})),n.default.createElement(r.Item,{key:"chevron",hasChevron:!0},n.default.createElement(o.Placeholder,{title:"Chevron ListItem",className:s("placeholder")})),n.default.createElement(r.Item,{key:"selectable",isSelectable:!0},n.default.createElement(o.Placeholder,{title:"Selectable ListItem",className:s("placeholder")})),n.default.createElement(r.Item,{key:"selected",isSelectable:!0,isSelected:!0},n.default.createElement(o.Placeholder,{title:"Selected ListItem",className:s("placeholder")})))}},201:function(e,t,l){var a=l(24994),n=l(73738);t.A=void 0;var r=a(l(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var m=r?Object.getOwnPropertyDescriptor(e,o):null;m&&(m.get||m.set)?Object.defineProperty(a,o,m):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(96540)),m=a(l(5556)),d=a(l(67967)),c=l(92912),i=a(l(49558)),s=a(l(53665)),p=l(25966),u=a(l(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var x=d.default.bind(u.default),y={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,l=e.exampleSrc,a=e.exampleCssSrc,n=e.title,m=e.description,d=e.isExpanded,u=(0,o.useState)(d),f=(0,r.default)(u,2),y=f[0],_=f[1],v=(0,o.useState)(!1),T=(0,r.default)(v,2),g=T[0],N=T[1],E=o.default.useContext(c.ThemeContext),C=void 0!==a,O=function(){N(!g),y&&_(!y)},j=function(){_(!y),g&&N(!g)},k=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",E.className)},o.default.createElement("div",{className:x("header")},n&&o.default.createElement("h2",{className:x("title")},n)),o.default.createElement("div",{className:x("content")},m&&o.default.createElement("div",{className:x("description")},m),t),o.default.createElement("div",{className:x("footer")},l?o.default.createElement("div",{className:x("button-container")},C&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":g}),onClick:O,onKeyDown:function(e){return k(e,O)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:j,onKeyDown:function(e){return k(e,j)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:x("chevron")}))):null,o.default.createElement("div",null,g&&o.default.createElement("div",{className:x("css")},a),y&&o.default.createElement("div",{className:x("code")},l))))};_.propTypes=y,_.defaultProps={isExpanded:!1};t.A=_},74817:function(e,t,l){l.r(t),l.d(t,{default:function(){return k}});var a=l(96540),n=l(36665),r=l(86273),o=l(60098),m=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var i={};function s(e){var t=e.components,l=c(e,m);return(0,n.mdx)("wrapper",d({},i,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport List, { Item } from \'terra-list\';\nimport { Placeholder } from \'@cerner/terra-docs\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./ListDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ListSectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default ListSectionExample;\n\n')))}s.isMDXComponent=!0;var p=l(201),u=l(95552),f=function(e){var t=e.title,l=e.description,n=e.isExpanded;return a.createElement(p.A,{title:t||"List Item",description:l,example:a.createElement(o.A,null),exampleCssSrc:a.createElement(u.A,null),exampleSrc:a.createElement(s,null),isExpanded:n})},x=l(38296),y=l(12883),b=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var v={},T="wrapper";function g(e){var t=e.components,l=_(e,b);return(0,n.mdx)(T,h({},v,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(y.Ay,{mdxType:"PropsTable"},(0,n.mdx)(y.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The content element to be placed inside the list item for display."))),(0,n.mdx)(y.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"hasChevron"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the list item has a disclosure indicator presented."))),(0,n.mdx)(y.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"isSelected"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the list item should have selection styles applied."))),(0,n.mdx)(y.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"isSelectable"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether or not the list item should have styles to indicate the item is selectable."))),(0,n.mdx)(y.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"metaData"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,n.mdx)(y.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"onSelect"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.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)"))),(0,n.mdx)(y.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(y.dt,{mdxType:"PropNameCell"},"refCallback"),(0,n.mdx)(y.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function callback for the ref of the li.")))))}g.isMDXComponent=!0;var N=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[l]=e[l]);return n}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(n[l]=e[l])}return n}var O={},j="wrapper";function k(e){var t=e.components,l=C(e,N);return(0,n.mdx)(j,E({},O,l,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"list-item"},"List Item"),(0,n.mdx)("p",null,"The list item provides a pattern for selection/selectability for ",(0,n.mdx)("inlineCode",{parentName:"p"},"
  • "),"-encapsulated child content.\nWhen the list item has ",(0,n.mdx)("inlineCode",{parentName:"p"},"isSelectable=true"),", then ",(0,n.mdx)("inlineCode",{parentName:"p"},"aria-label")," must be provided to List for accessibility.\nThe onSelect event is the primary means for interaction, as it yields the associated metaData when valid selection occurs,\nthough individual onClick and onKeyDown events can be applied through the use of customProps if greater granularity is required."),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { Item } from 'terra-list';\n")),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(f,{mdxType:"ListItemExample"}),(0,n.mdx)(x.A,{mdxType:"ListDraggableExample"}),(0,n.mdx)("h2",{id:"list-item-props"},"List Item Props"),(0,n.mdx)(g,{mdxType:"ListItemPropsTable"}))}k.isMDXComponent=!0},89986:function(e,t,l){l.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"}}}]); \ No newline at end of file diff --git a/21829-1bf14b2cf316c828088b.css b/21829-1bf14b2cf316c828088b.css new file mode 100644 index 000000000..f4e109937 --- /dev/null +++ b/21829-1bf14b2cf316c828088b.css @@ -0,0 +1,7 @@ +.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} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___LNRe1{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___gqUxa{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.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)} +.CardPaddingHR__horizontal-rule___ASg\+G{box-sizing:border-box;height:1px}[dir] .CardPaddingHR__horizontal-rule___ASg\+G{border:0 none;border-top:1px solid #c8cacb;margin: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/21829-1bf14b2cf316c828088b.js b/21829-1bf14b2cf316c828088b.js new file mode 100644 index 000000000..d87864b3d --- /dev/null +++ b/21829-1bf14b2cf316c828088b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[21829,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],{65827:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{isContentCentered:!0},"Content is centered"))}},37056:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,"Hello World!!"))}},62420:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,null,"Hello World!!")))}},5294:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=o(n(67967)),l=o(n(74858)),d=o(n(87084));function o(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(d.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement(l.default,null,r.default.createElement(l.default.Body,null,"Hello World Above The Line!!"),r.default.createElement("hr",{className:u("horizontal-rule")}),r.default.createElement(l.default.Body,null,"Hello World Below The Line!!")))}},61212:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingVertical:!1},"Hello World!!")))}},34754:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,null,r.default.createElement(a.default.Body,{hasPaddingHorizontal:!1},"Hello World!!")))}},79141:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{variant:"raised"},"Hello World!!"))}},61337:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(74858));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{visuallyHiddenText:"This is a Hello World Card Introduction"},"Hello World!!"))}},55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),d=r(n(67967)),o=r(n(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},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,d=a.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:u("badge-version")},"v".concat(l))),o=t?a.default.createElement("a",{className:u("badge"),href:t},a.default.createElement("span",{className:u("badge-name")},"github"),a.default.createElement("span",{className:u("badge-version")},"source")):void 0;return a.default.createElement("div",{className:u("badge-container")},d,o)};c.propTypes=i;t.A=c},201:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(85715)),d=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 d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=l?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}return r.default=e,n&&n.set(e,r),r}(n(96540)),o=r(n(5556)),u=r(n(67967)),i=n(92912),c=r(n(49558)),p=r(n(53665)),s=n(25966),m=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(m.default),x={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,o=e.description,u=e.isExpanded,m=(0,d.useState)(u),f=(0,l.default)(m,2),x=f[0],g=f[1],_=(0,d.useState)(!1),h=(0,l.default)(_,2),O=h[0],C=h[1],j=d.default.useContext(i.ThemeContext),E=void 0!==r,P=function(){C(!O),x&&g(!x)},T=function(){g(!x),O&&C(!O)},w=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:y("template",j.className)},d.default.createElement("div",{className:y("header")},a&&d.default.createElement("h2",{className:y("title")},a)),d.default.createElement("div",{className:y("content")},o&&d.default.createElement("div",{className:y("description")},o),t),d.default.createElement("div",{className:y("footer")},n?d.default.createElement("div",{className:y("button-container")},E&&d.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:P,onKeyDown:function(e){return w(e,P)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(c.default,{className:y("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(p.default,{className:y("chevron")})),d.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return w(e,T)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(c.default,{className:y("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(p.default,{className:y("chevron")}))):null,d.default.createElement("div",null,O&&d.default.createElement("div",{className:y("css")},r),x&&d.default.createElement("div",{className:y("code")},n))))};g.propTypes=x,g.defaultProps={isExpanded:!1};t.A=g},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 i.Row}}),t.Ay=t.$d=void 0;var l=s(n(96540)),d=r(n(5556)),o=r(n(67967)),u=n(92912),i=s(n(26984)),c=r(n(89744));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)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=l?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(r,d,o):r[d]=e[d]}return r.default=e,n&&n.set(e,r),r}var m=o.default.bind(c.default),f={children:d.default.node},y={isRequired:d.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(i.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return l.default.createElement(i.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(i.Cell,null,t)}).propTypes=f;var x=function(e){var t=e.children,n=(0,l.useContext)(u.ThemeContext);return l.default.createElement(i.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(i.Header,{className:m("header")},l.default.createElement(i.HeaderCell,null,"Prop"),l.default.createElement(i.HeaderCell,null,"Type"),l.default.createElement(i.HeaderCell,null,"Required"),l.default.createElement(i.HeaderCell,null,"Default"),l.default.createElement(i.HeaderCell,null,"Description")),l.default.createElement(i.Body,null,t))};x.propTypes=f;t.Ay=x},21829:function(e,t,n){n.r(t),n.d(t,{default:function(){return He}});var r=n(96540),a=n(36665),l=n(64591),d=n(37056),o=["components"];function u(){return u=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 c={};function p(e){var t=e.components,n=i(e,o);return(0,a.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
    \n Hello World!!\n
    \n);\n\nexport default CardDefault;\n\n")))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Default",description:n,example:r.createElement(d.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(79141),y=["components"];function x(){return x=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={};function g(e){var t=e.components,n=b(e,y);return(0,a.mdx)("wrapper",x({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardDefault = () => (\n
    \n Hello World!!\n
    \n);\n\nexport default CardDefault;\n\n")))}g.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Raised",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:a})},h=n(62420),O=["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 E={};function P(e){var t=e.components,n=j(e,O);return(0,a.mdx)("wrapper",C({},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 Card from 'terra-card/lib/Card';\n\nconst CardPadding = () => (\n
    \n \n Hello World!!\n \n
    \n);\n\nexport default CardPadding;\n\n")))}P.isMDXComponent=!0;var T=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding",description:n,example:r.createElement(h.A,null),exampleSrc:r.createElement(P,null),isExpanded:a})},w=n(34754),N=["components"];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 H={};function D(e){var t=e.components,n=M(e,N);return(0,a.mdx)("wrapper",S({},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 Card from 'terra-card/lib/Card';\n\nconst CardPaddingVertical = () => (\n
    \n \n Hello World!!\n \n
    \n);\n\nexport default CardPaddingVertical;\n\n")))}D.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding Vertical",description:n,example:r.createElement(w.A,null),exampleSrc:r.createElement(D,null),isExpanded:a})},k=n(61212),A=["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 W={};function q(e){var t=e.components,n=I(e,A);return(0,a.mdx)("wrapper",B({},W,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardPaddingHorizontal = () => (\n
    \n \n Hello World!!\n \n
    \n);\n\nexport default CardPaddingHorizontal;\n\n")))}q.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding Horizontal",description:n,example:r.createElement(k.A,null),exampleSrc:r.createElement(q,null),isExpanded:a})},V=n(5294),X=["components"];function L(){return L=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 Y={};function $(e){var t=e.components,n=Z(e,X);return(0,a.mdx)("wrapper",L({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Card from 'terra-card/lib/Card';\nimport styles from './CardPaddingHR.scss';\n\nconst cx = classNames.bind(styles);\n\nconst CardPaddingHR = () => (\n
    \n \n Hello World Above The Line!!\n
    \n Hello World Below The Line!!\n     \n
    \n);\n\nexport default CardPaddingHR;\n\n")))}$.isMDXComponent=!0;var G=["components"];function J(){return J=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={};function F(e){var t=e.components,n=K(e,G);return(0,a.mdx)("wrapper",J({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .horizontal-rule {\n border: 0 none;\n border-top: 1px solid #c8cacb;\n box-sizing: border-box;\n height: 1px;\n margin: 0;\n }\n}\n\n")))}F.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Padding HR",description:n,example:r.createElement(V.A,null),exampleCssSrc:r.createElement(F,null),exampleSrc:r.createElement($,null),isExpanded:a})},ee=n(65827),te=["components"];function ne(){return ne=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 ae={};function le(e){var t=e.components,n=re(e,te);return(0,a.mdx)("wrapper",ne({},ae,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardContentCentered = () => (\n \n \n Content is centered\n \n \n);\n\nexport default CardContentCentered;\n\n")))}le.isMDXComponent=!0;var de=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Content Centered",description:n,example:r.createElement(ee.A,null),exampleSrc:r.createElement(le,null),isExpanded:a})},oe=n(61337),ue=["components"];function ie(){return ie=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 pe={};function se(e){var t=e.components,n=ce(e,ue);return(0,a.mdx)("wrapper",ie({},pe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Card from 'terra-card/lib/Card';\n\nconst CardVisuallyHiddenText = () => (\n
    \n Hello World!!\n
    \n);\n\nexport default CardVisuallyHiddenText;\n\n")))}se.isMDXComponent=!0;var me=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Card Visually Hidden Text",description:n,example:r.createElement(oe.A,null),exampleSrc:r.createElement(se,null),isExpanded:a})},fe=n(12883),ye=["components"];function xe(){return xe=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 ve={},ge="wrapper";function _e(e){var t=e.components,n=be(e,ye);return(0,a.mdx)(ge,xe({},ve,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.Ay,{mdxType:"PropsTable"},(0,a.mdx)(fe.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'raised'\n],\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the card variant to change the style for different use cases. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"raised"),"."))),(0,a.mdx)(fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"visuallyHiddenText"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text that describes the badge to a screen reader. Use this\nif more information is needed to accurately describe\nthis card to screen reader users.")))))}_e.isMDXComponent=!0;var he=["components"];function Oe(){return Oe=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 je={},Ee="wrapper";function Pe(e){var t=e.components,n=Ce(e,he);return(0,a.mdx)(Ee,Oe({},je,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(fe.Ay,{mdxType:"PropsTable"},(0,a.mdx)(fe.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child Nodes"))),(0,a.mdx)(fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"hasPaddingVertical"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding vertical"))),(0,a.mdx)(fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"hasPaddingHorizontal"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Provides themeable padding horizontal"))),(0,a.mdx)(fe.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"isContentCentered"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(fe.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(fe.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the content of the card to be centered")))))}Pe.isMDXComponent=!0;var Te=["components"];function we(){return we=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 Se={},Me="wrapper";function He(e){var t=e.components,n=Ne(e,Te);return(0,a.mdx)(Me,we({},Se,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-card"},"Terra Card"),(0,a.mdx)("p",null,"Card is a basic container with some base styling to help separate elements with different content"),(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-card"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Card from 'terra-card';\n")),(0,a.mdx)("h2",{id:"expected-use"},"Expected Use"),(0,a.mdx)("p",null,"The expected use for a card would be to keep elements separated from each other with different content, for example one card could contain a graph while another could have text. Another use would be to help make some elements stand out on the screen with the use of the base styling."),(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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{title:"Card basic example",mdxType:"CardDefault"}),(0,a.mdx)(_,{title:"Card basic raised example",mdxType:"CardRaised"}),(0,a.mdx)(T,{title:"Card plus Card Body with default padding",mdxType:"CardPadding"}),(0,a.mdx)(R,{title:"Card plus Card Body with only vertical padding",mdxType:"CardPaddingVertical"}),(0,a.mdx)(z,{title:"Card plus Card Body with only horizontal padding",mdxType:"CardPaddingHorizontal"}),(0,a.mdx)(Q,{title:"Card plus padded and non-padded children",mdxType:"CardPaddingHR"}),(0,a.mdx)(de,{title:"Centered content inside card",mdxType:"CardContentCentered"}),(0,a.mdx)(me,{title:"Card with Visually Hidden Text",mdxType:"CardVisuallyHiddenText"}),(0,a.mdx)("h2",{id:"card-props"},"Card Props"),(0,a.mdx)(_e,{mdxType:"CardPropsTable"}),(0,a.mdx)("h2",{id:"card-body-props"},"Card Body Props"),(0,a.mdx)(Pe,{mdxType:"CardBodyPropsTable"}))}He.isMDXComponent=!0},64591: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-card",name:"terra-card",version:"3.48.0",url:t})}},87084:function(e,t,n){n.r(t),t.default={"horizontal-rule":"CardPaddingHR__horizontal-rule___ASg+G"}},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"}},99794:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr","redwood-theme":"Card-module__redwood-theme___LNRe1",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},38254:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","redwood-theme":"CardBody-module__redwood-theme___gqUxa","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},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"}},74858:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(96540)),a=s(n(5556)),l=s(n(46942)),d=s(n(67967)),o=s(n(16524)),u=s(n(52103)),i=s(n(99794)),c=s(n(9146)),p=["children","variant","visuallyHiddenText"];function s(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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 y=d.default.bind(i.default),x={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},b={variant:"default"},v=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,d=f(e,p),i=r.default.useContext(u.default),c=(0,l.default)(y(["card",n,i.className]),d.className),s=a?r.default.createElement(o.default,{text:a}):null;return r.default.createElement("article",m({},d,{className:c}),s,t)};v.propTypes=x,v.defaultProps=b,v.Body=c.default;t.default=v},9146: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)),d=c(n(67967)),o=c(n(52103)),u=c(n(38254)),i=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];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||(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=d.default.bind(u.default),f={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},y=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,d=e.isContentCentered,u=s(e,i),c=r.default.useContext(o.default),f=(0,l.default)(m([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":d},c.className]),u.className);return r.default.createElement("div",p({},u,{className:f}),t)};y.propTypes=f,y.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=y},85444: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)),d=c(n(67967)),o=c(n(52103)),u=c(n(78482)),i=["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||(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=d.default.bind(u.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,d=s(e,i),u=r.default.useContext(o.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),d.className);return r.default.createElement("table",p({},d,{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=d(n(96540)),a=d(n(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 u={children:a.default.node},i=function(e){var t=e.children,n=o(e,l);return r.default.createElement("tbody",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 u={children:a.default.node},i=function(e){var t=e.children,n=o(e,l);return r.default.createElement("td",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=o(n(10767)),d=["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,d);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=i,c.defaultProps={children:[]};t.default=c},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 u={children:a.default.node},i=function(e){var t=e.children,n=o(e,l);return r.default.createElement("th",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(67967)),d=i(n(78482)),o=i(n(10767)),u=["children"];function i(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 s=l.default.bind(d.default),m={children:a.default.node},f=function(e){var t=e.children,n=p(e,u),a=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),o.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},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 d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=i(n(85444)),a=i(n(61452)),l=i(n(36142)),d=i(n(86472)),o=i(n(97441)),u=i(n(22417));function i(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 d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;te.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 c={};function p(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ProfileImage from 'terra-profile-image';\nimport exampleProfileImage from '../assets/150x150.jpg';\nimport styles from '../../../test/profile-image/ProfileImageCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProfileImageDefault = () => (\n
    \n \n Successful Image Source\n
    \n);\n\nexport default ProfileImageDefault;\n\n")))}p.isMDXComponent=!0;var f=n(201),m=["components"];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 g={};function b(e){var t=e.components,n=y(e,m);return(0,a.mdx)("wrapper",s({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .add-left-margin {\n margin-left: 0.7142857143rem;\n }\n\n .test-style-border {\n border: 10px solid rgb(69, 221, 170);\n border-radius: 25px;\n }\n\n .test-style-size {\n height: 100px !important;\n width: 50px !important;\n }\n}\n\n")))}b.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Profile Image Default",description:n,example:r.createElement(o.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(p,null),isExpanded:a})},x=n(2764),h=["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 P={};function j(e){var t=e.components,n=O(e,h);return(0,a.mdx)("wrapper",_({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport ProfileImage from 'terra-profile-image';\nimport exampleProfileImage from '../assets/170x251.jpg';\nimport FitTypesWrapper from './common/FitTypesWrapper';\n\nconst propTypes = { fit: PropTypes.string };\n\nconst ProfileImageFitTypes = ({\n ...props\n}) => (\n
    \n \n
    \n);\n\nProfileImageFitTypes.propTypes = propTypes;\nexport default FitTypesWrapper(ProfileImageFitTypes);\n\n")))}j.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Profile Image Fit Types",description:n,example:r.createElement(x.A,null),exampleSrc:r.createElement(j,null),isExpanded:a})},E=n(60757),T=["components"];function N(){return N=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 I={};function C(e){var t=e.components,n=S(e,T);return(0,a.mdx)("wrapper",N({},I,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport ProfileImage from \'terra-profile-image\';\nimport styles from \'../../../test/profile-image/ProfileImageCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ProfileImagePlaceholderFallback = () => (\n
    \n \n Failed or Invalid Image Source\n
    \n
    \n \n No Provided Image Source\n
    \n);\n\nexport default ProfileImagePlaceholderFallback;\n\n')))}C.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Profile Image Placeholder Fallback",description:n,example:r.createElement(E.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(C,null),isExpanded:a})},D=n(44042),k=["components"];function R(){return R=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={};function Y(e){var t=e.components,n=A(e,k);return(0,a.mdx)("wrapper",R({},F,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 ProfileImage from \'terra-profile-image\';\nimport exampleProfileImage from \'../assets/150x150.jpg\';\n\nconst ProfileImageDefault = () => {\n const [variant, setVariant] = useState(\'default\');\n\n function handleOnSelect(event) {\n setVariant(event.target.value);\n }\n return (\n
    \n \n

    \n \n
    \n );\n};\n\nexport default ProfileImageDefault;\n\n')))}Y.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Profile Image Variants",description:n,example:r.createElement(D.A,null),exampleSrc:r.createElement(Y,null),isExpanded:a})},H=n(35812),W=["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 L={};function B(e){var t=e.components,n=X(e,W);return(0,a.mdx)("wrapper",Z({},L,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 DropdownButton, { Item } from 'terra-dropdown-button';\nimport PropTypes from 'prop-types';\nimport ProfileImage from 'terra-profile-image';\nimport exampleProfileImage from '../assets/150x150.jpg';\n\nconst Dropdown = () => (\n \n);\n\nDropdown.prototype = {\n ariaLabel: PropTypes.string,\n};\n\nconst ProfileImageHigherOrderComponent = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n
    \n \n \n \n \n \n setMessage('You are in profile')} />\n setMessage('You are in organization')} />\n setMessage('You are in enterprise')} />\n setMessage('You are in projects')} />\n \n

    {message}

    \n     \n\n
    \n\n );\n};\n\nexport default ProfileImageHigherOrderComponent;\n\n")))}B.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Profile Image Higher Order Component",description:n,example:r.createElement(H.A,null),exampleSrc:r.createElement(B,null),isExpanded:a})},z=n(12883),$=["components"];function U(){return U=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 J={},K="wrapper";function Q(e){var t=e.components,n=G(e,$);return(0,a.mdx)(K,U({},J,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(z.Ay,{mdxType:"PropsTable"},(0,a.mdx)(z.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"src"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The source for the image which will be displayed."))),(0,a.mdx)(z.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"alt"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The text content that specifies an alternative text for an image."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," For accessibility best practices, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"alt")," description must be provided in most situations."))),(0,a.mdx)(z.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"fit"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'cover'\n 'scale-down'\n 'contain'\n 'none'\n],\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'cover'\n"))),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the ",(0,a.mdx)("inlineCode",{parentName:"p"},"object-fit")," style of the image from the following values: ",(0,a.mdx)("inlineCode",{parentName:"p"},"cover"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"contain"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"scale-down"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"none"),"."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Design-Standards/blue",alt:"IMPORTANT"})," Anywhere the terra-profile-image is used to show images of People, ",(0,a.mdx)("em",{parentName:"p"},"only")," ",(0,a.mdx)("inlineCode",{parentName:"p"},"cover")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"contain")," are acceptable."))),(0,a.mdx)(z.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"height"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'75'\n"))),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the height of the image. Note: always define the width and height of the image as number value in pixels, e.g. ",(0,a.mdx)("inlineCode",{parentName:"p"},'height="75"'),' for "75px".'))),(0,a.mdx)(z.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"width"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'75'\n"))),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the width of the image. Note: always define the width and height of the image as number value in pixels, e.g. ",(0,a.mdx)("inlineCode",{parentName:"p"},'width="75"'),' for "75px".'))),(0,a.mdx)(z.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"variant"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'default'\n 'rounded'\n 'circle'\n 'thumbnail'\n],\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the style of the image from the following values; ",(0,a.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"rounded"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"circle"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"thumbnail"),"."))),(0,a.mdx)(z.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"onLoad"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to be executed when the profile image load is successful."))),(0,a.mdx)(z.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(z.dt,{mdxType:"PropNameCell"},"onError"),(0,a.mdx)(z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to be executed when the profile image load errors.")))))}Q.isMDXComponent=!0;var ee=["components"];function te(){return te=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 re={},ae="wrapper";function le(e){var t=e.components,n=ne(e,ee);return(0,a.mdx)(ae,te({},re,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-profile-image"},"Terra Profile Image"),(0,a.mdx)("p",null,"The terra-profile-image component displays an avatar image while the profile image is being loaded. If the profile image successfully loads, the avatar image is replaced with the profile image. Otherwise, the avatar image is left as is. All styling set on the profile image will be applied to the avatar image."),(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-profile-image"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ProfileImage from 'terra-profile-image';\n")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(v,{title:"Basic Profile Image",mdxType:"ProfileImageDefault"}),(0,a.mdx)(M,{title:"Placeholder Fallback Examples",mdxType:"ProfileImagePlaceholderFallback"}),(0,a.mdx)(w,{mdxType:"ProfileImageFit"}),(0,a.mdx)(q,{mdxType:"ProfileImageVariant"}),(0,a.mdx)(V,{mdxType:"ProfileImageHigherOrderComponent"}),(0,a.mdx)("h2",{id:"profile-image-props"},"Profile Image Props"),(0,a.mdx)(Q,{mdxType:"ProfileImagePropsTable"}))}le.isMDXComponent=!0},69584: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-profile-image",name:"terra-profile-image",version:"3.46.0",url:t})}},54001:function(e,t,n){n.r(t),t.default=n.p+"51d085f765a7361bab659ffffdb9bb46.jpg"},10489:function(e,t,n){n.r(t),t.default=n.p+"e2f185bcea2cc1dac4fefdd29f998ede.jpg"},40236:function(e,t,n){n.r(t),t.default={"add-left-margin":"ProfileImageCommon-module__add-left-margin___jlSzx","test-style-border":"ProfileImageCommon-module__test-style-border___a13XV","test-style-size":"ProfileImageCommon-module__test-style-size___4Syxq"}},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"}},13339:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ProfileImage-module__clinical-lowlight-theme___r33my","orion-fusion-theme":"ProfileImage-module__orion-fusion-theme___Rt25G","profile-image":"ProfileImage-module__profile-image___D1Rho",placeholder:"ProfileImage-module__placeholder___AuJho",cover:"ProfileImage-module__cover___KLRUu",fill:"ProfileImage-module__fill___26GbU",contain:"ProfileImage-module__contain___Zxexv","scale-down":"ProfileImage-module__scale-down___cElXj",none:"ProfileImage-module__none___5aTdO",default:"ProfileImage-module__default___5tzW+",rounded:"ProfileImage-module__rounded___oft5f",circle:"ProfileImage-module__circle___oBbOS",thumbnail:"ProfileImage-module__thumbnail___nZiTU"}},85444: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(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||(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=o.default.bind(u.default),s={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=f(e,d),u=r.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return r.default.createElement("table",p({},o,{className:c}),t)};y.propTypes=s,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=o(n(96540)),a=o(n(5556)),l=["children"];function o(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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},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 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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(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 d={children:a.default.node},c=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.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=o(n(96540)),a=o(n(5556)),l=["children"];function o(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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};d.propTypes=u,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)),a=d(n(5556)),l=d(n(67967)),o=d(n(78482)),i=d(n(10767)),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 f=l.default.bind(o.default),m={children:a.default.node},s=function(e){var t=e.children,n=p(e,u),a=f(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};s.propTypes=m,s.defaultProps={children:[]};t.default=s},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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(85444)),a=d(n(61452)),l=d(n(36142)),o=d(n(86472)),i=d(n(97441)),u=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=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 s=o.default.bind(d.default),y={src:a.default.string,alt:a.default.string,fit:a.default.oneOf(["cover","scale-down","contain","none"]),height:a.default.string,width:a.default.string,variant:a.default.oneOf(["default","rounded","circle","thumbnail"]),onLoad:a.default.func,onError:a.default.func},g=function(e){return!/\D/.test(e)},b=function(e){var t=e.src,n=e.alt,a=e.fit,o=e.height,d=e.width,p=e.variant,y=e.onLoad,b=e.onError,v=m(e,c),x=r.default.useContext(i.default),h={height:g(o)?"".concat(o,"px"):o,width:g(d)?"".concat(d,"px"):d},_=(0,l.default)(s(["profile-image","placeholder",a,p,x.className]),v.className),O=r.default.createElement("span",f({},v,{role:n?"img":"presentation","aria-label":n,style:h,className:_}));if(t){var P=(0,l.default)(s(["profile-image",x.className]),v.className);return r.default.createElement(u.default,f({},v,{src:t,alt:n,role:n?"img":"presentation",height:o,width:d,fit:a,variant:p,placeholder:O,onLoad:y,onError:b,className:P}))}return O};b.propTypes=y,b.defaultProps={fit:"cover",height:"75",width:"75",variant:"default"};t.default=b}}]); \ No newline at end of file diff --git a/23842-dfa81e7af31e3e3f0880.js b/23842-dfa81e7af31e3e3f0880.js new file mode 100644 index 000000000..934e048dd --- /dev/null +++ b/23842-dfa81e7af31e3e3f0880.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[23842],{55713:function(e,l,a){var d=a(24994);l.A=void 0;var m=d(a(96540)),n=d(a(5556)),r=d(a(67967)),t=d(a(25642)),i=r.default.bind(t.default),u={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,a=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(a,"/v/").concat(n)},m.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:i("badge-version")},"v".concat(n))),t=l?m.default.createElement("a",{className:i("badge"),href:l},m.default.createElement("span",{className:i("badge-name")},"github"),m.default.createElement("span",{className:i("badge-version")},"source")):void 0;return m.default.createElement("div",{className:i("badge-container")},r,t)};p.propTypes=u;l.A=p},1461:function(e,l,a){a.r(l),a.d(l,{default:function(){return h}});a(96540);var d=a(36665),m=a(73223),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[a]=e[a]);return m}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}var i={},u="wrapper";function p(e){var l=e.components,a=t(e,n);return(0,d.mdx)(u,r({},i,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"5190---april-10-2024"},"5.19.0 - (April 10, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"(flowsheet-data-grid only) Added support for subsections."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the cell component auto focus logic to be configured by the grid context.")))),(0,d.mdx)("h2",{id:"5180---april-4-2024"},"5.18.0 - (April 4, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to configure the table to use auto table layout."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed action header row so that it is properly fixed to the top of the table.")))),(0,d.mdx)("h2",{id:"5170---march-29-2024"},"5.17.0 - (March 29, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to select a cell by pressing Escape on an auto focused button or anchor element (terra-data-grid only).")))),(0,d.mdx)("h2",{id:"5160---march-25-2024"},"5.16.0 - (March 25, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed an issue where the click event for buttons inside table cells was not triggered by the spacebar.")))),(0,d.mdx)("h2",{id:"5150---march-21-2024"},"5.15.0 - (March 21, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Prevent right click from selecting row in row selection mode.")))),(0,d.mdx)("h2",{id:"5140---march-19-2024"},"5.14.0 - (March 19, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"boundingRef")," is no longer necessary for the section header's sticky behavior for tables. This change is still passive in nature as it doesn't change any functionality for consumers.")))),(0,d.mdx)("h2",{id:"5130---march-14-2024"},"5.13.0 - (March 14, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"event")," object to ",(0,d.mdx)("inlineCode",{parentName:"li"},"onCellSelect")," callback."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Internal focus trap update for terra-data-grid.")))),(0,d.mdx)("h2",{id:"5120---march-8-2024"},"5.12.0 - (March 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"5110---march-5-2024"},"5.11.0 - (March 5, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed padding from section header cell to eliminate gaps between sections.")))),(0,d.mdx)("h2",{id:"5100---march-1-2024"},"5.10.0 - (March 1, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for table with no row headers.")))),(0,d.mdx)("h2",{id:"590---february-28-2024"},"5.9.0 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Column actions added.")))),(0,d.mdx)("h2",{id:"580---february-28-2024"},"5.8.0 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"boundingRef")," prop for bounded table."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed flowsheet data grid sections to have sticky title.")))),(0,d.mdx)("h2",{id:"570---february-20-2024"},"5.7.0 - (February 20, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added timeout to resize observer.")))),(0,d.mdx)("h2",{id:"560---february-16-2024"},"5.6.0 - (February 16, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed the default rowMinimumHeight value to auto to fit the row contents."),(0,d.mdx)("li",{parentName:"ul"},"Updated lowlight light zebra strap color to darker grey to improve colour contrast."))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for orange and green column highlighting.")))),(0,d.mdx)("h2",{id:"550---february-1-2024"},"5.5.0 - (February 1, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added rowMinimumHeight prop to support flexible row height."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added margin right to only tables with resizable columns."),(0,d.mdx)("li",{parentName:"ul"},"Exported the table margin right via the ",(0,d.mdx)("inlineCode",{parentName:"li"},"TableConstants.TABLE_MARGIN_RIGHT")," constant."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced cell ",(0,d.mdx)("inlineCode",{parentName:"li"},"height")," property with ",(0,d.mdx)("inlineCode",{parentName:"li"},"min-height")," property to support large text content inside cell.")))),(0,d.mdx)("h2",{id:"540---january-12-2024"},"5.4.0 - (January 12, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Support for non contiguous multi select in flowsheet data grid.")))),(0,d.mdx)("h2",{id:"532---december-18-2023"},"5.3.2 - (December 18, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed focus indicator issues.")))),(0,d.mdx)("h2",{id:"531---december-11-2023"},"5.3.1 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed comment error for Table documentation."),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary rerenders")))),(0,d.mdx)("h2",{id:"530---december-6-2023"},"5.3.0 - (December 6, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Changes (Note: this breaking change is needed at this time but does not have major impact)",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the onRowSelect callback to return an object containing section and row ids."))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exported the row selection column width via the ",(0,d.mdx)("inlineCode",{parentName:"li"},"TableConstants.ROW_SELECTION_COLUMN_WIDTH")," constant."))),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed console warning message when no pinned columns exist."),(0,d.mdx)("li",{parentName:"ul"},"Updated the table component to properly support selection callbacks for the grid context.")))),(0,d.mdx)("h2",{id:"521---december-1-2023"},"5.2.1 - (December 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the section headers so that the title would not scroll off the screen.")))),(0,d.mdx)("h2",{id:"520---november-22-2023"},"5.2.0 - (November 22, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the AT messages for the row selection functionality.")))),(0,d.mdx)("h2",{id:"511-alpha2---november-20-2023"},"5.1.1-alpha.2 - (November 20, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasColumnHeaders")," prop to ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders"),"."),(0,d.mdx)("li",{parentName:"ul"},"Renamed ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasSelectableRows")," prop to ",(0,d.mdx)("inlineCode",{parentName:"li"},"rowSelectionMode")," with an enumeration."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added navigation via Home and End Keys."),(0,d.mdx)("li",{parentName:"ul"},"Added title attribute to column header cells to enable tooltips."),(0,d.mdx)("li",{parentName:"ul"},"Exported shapes for reusability."),(0,d.mdx)("li",{parentName:"ul"},"Added single row selection mode."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed tab index issues in the column header cells."),(0,d.mdx)("li",{parentName:"ul"},"Fixed screenreader issue due to space in the headers attribute."),(0,d.mdx)("li",{parentName:"ul"},"Fixed pinned column divider covering section headers.")))),(0,d.mdx)("h2",{id:"511-alpha1---november-9-2023"},"5.1.1-alpha.1 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added row selection mode to the table component."),(0,d.mdx)("li",{parentName:"ul"},"Added ability for consumers to specify a custom screen reader message for masked cells."),(0,d.mdx)("li",{parentName:"ul"},"Added sections support to the table component."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the column header background color for the Orion Fusion theme."),(0,d.mdx)("li",{parentName:"ul"},"Fixed issue where column header cell was receiving tab focus instead of the button for table role."),(0,d.mdx)("li",{parentName:"ul"},"Fixed column header left border style."),(0,d.mdx)("li",{parentName:"ul"},"Fixed resize handle being communicated when non-header cell is focused.")))),(0,d.mdx)("h2",{id:"511-alpha0---october-25-2023"},"5.1.1-alpha.0 - (October 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"510-alpha0---october-20-2023"},"5.1.0-alpha.0 - (October 20, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to toggle zebra striping for table rows."))),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the table component so that the cell dive-in logic would not execute when not in the grid context."),(0,d.mdx)("li",{parentName:"ul"},"Updated the table component to allow consumers to control the visibility of column headers in the table."),(0,d.mdx)("li",{parentName:"ul"},"Modified the table component so that it can receive focus when scrollable.")))),(0,d.mdx)("h2",{id:"500-alpha0---october-17-2023"},"5.0.0-alpha.0 - (October 17, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Redesigned the table component to meet accessibility guidelines. See Docs for details of the new API.")))),(0,d.mdx)("h2",{id:"4360---august-1-2023"},"4.36.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4350---july-13-2023"},"4.35.0 - (July 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4341---june-28-2023"},"4.34.1 - (June 28, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4340---february-15-2023"},"4.34.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"4330---december-7-2022"},"4.33.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4320---july-14-2022"},"4.32.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed fusion theme colors and caret icon size to match similar components")))),(0,d.mdx)("h2",{id:"4312---july-5-2022"},"4.31.2 - (July 5, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4311---february-24-2022"},"4.31.1 - (February 24, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4310---february-2-2022"},"4.31.0 - (February 2, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"4301---january-4-2022"},"4.30.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4300---november-2-2021"},"4.30.0 - (November 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4290---september-21-2021"},"4.29.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"4280---august-25-2021"},"4.28.0 - (August 25, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4270---july-6-2021"},"4.27.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4260---june-22-2021"},"4.26.0 - (June 22, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4250---june-8-2021"},"4.25.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"4240---april-6-2021"},"4.24.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Upgrade to terra-functional-testing"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4230---march-9-2021"},"4.23.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"focus-outline")," colors for lowlight.")))),(0,d.mdx)("h2",{id:"4220---march-2-2021"},"4.22.0 - (March 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed errors in the Clinical Low Light theme")))),(0,d.mdx)("h2",{id:"4210---february-2-2021"},"4.21.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed missing id mapping for header cells")))),(0,d.mdx)("h2",{id:"4200---january-5-2021"},"4.20.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4190---december-8-2020"},"4.19.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Update wdio tests to remove deprecated Terra.it helpers")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed broken hyperlinks in Table documentation"))))),(0,d.mdx)("h2",{id:"4180---november-17-2020"},"4.18.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4170---october-13-2020"},"4.17.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced references to terra-doc-template with terra-docs")))),(0,d.mdx)("h2",{id:"4160---september-16-2020"},"4.16.0 - (September 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated guides with realistic data.")))),(0,d.mdx)("h2",{id:"4150---august-18-2020"},"4.15.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed jaws to announce state change for Rows and Header checkbox."),(0,d.mdx)("li",{parentName:"ul"},"Fix click interactions on Header check mark when disabled."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices.")))),(0,d.mdx)("h2",{id:"4140---august-4-2020"},"4.14.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4130---july-29-2020"},"4.13.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"4120---july-21-2020"},"4.12.0 - (July 21, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Align column and rows for selectable tables.")))),(0,d.mdx)("h2",{id:"4110---july-14-2020"},"4.11.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Corrected themeable variable duplicates and missing variables.")))),(0,d.mdx)("h2",{id:"4100---july-7-2020"},"4.10.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Rows and Header checkbox when disabled are now accessible for screenreaders to read out accordingly.")))),(0,d.mdx)("h2",{id:"490---june-23-2020"},"4.9.0 - (June 23, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"480---june-9-2020"},"4.8.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"470---april-28-2020"},"4.7.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"460---april-22-2020"},"4.6.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"overflow: hidden")," style to cell."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"450---march-17-2020"},"4.5.0 - (March 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed refCallBack not working for table rows.")))),(0,d.mdx)("h2",{id:"440---march-10-2020"},"4.4.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"430---march-3-2020"},"4.3.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"420---february-18-2020"},"4.2.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"410---february-4-2020"},"4.1.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"400---january-17-2020"},"4.0.0 - (January 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"terra-table now only provides controlled variants."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"SingleSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"MultiSelectTableRows")," - No longer supported this uncontrolled variant of table."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"SelectableTableRows")," - Selection by index is no longer provided."),(0,d.mdx)("li",{parentName:"ul"},"Removed Component ",(0,d.mdx)("inlineCode",{parentName:"li"},"TableRows")," - body element now provided by default within the table.")))),(0,d.mdx)("h2",{id:"3300---january-7-2020"},"3.30.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,d.mdx)("h2",{id:"3290---december-3-2019"},"3.29.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"3280---october-30-2019"},"3.28.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3270---october-3-2019"},"3.27.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3260---september-19-2019"},"3.26.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"3250---september-6-2019"},"3.25.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"3240---september-3-2019"},"3.24.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"3230---august-21-2019"},"3.23.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"3220---august-14-2019"},"3.22.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"3210---july-30-2019"},"3.21.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3200---july-24-2019"},"3.20.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3190---july-16-2019"},"3.19.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"3180----july-11-2019"},"3.18.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")),(0,d.mdx)("li",{parentName:"ul"},"Increased subheader css specificity")))),(0,d.mdx)("h2",{id:"3170---june-28-2019"},"3.17.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-table-subheader-border-bottom"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,d.mdx)("h2",{id:"3160---june-18-2019"},"3.16.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"3150---june-11-2019"},"3.15.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"3140---may-22-2019"},"3.14.0 - (May 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Revert update to allow VoiceOver to read selectable table rows."),(0,d.mdx)("li",{parentName:"ul"},"Revert update to allow row selection with Voice Over + space.")))),(0,d.mdx)("h2",{id:"3130---may-21-2019"},"3.13.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added missing en-US and en-AU table translations"),(0,d.mdx)("li",{parentName:"ul"},"Updated to allow VoiceOver to read selectable table rows."),(0,d.mdx)("li",{parentName:"ul"},"Updated to allow row selection with Voice Over + space.")))),(0,d.mdx)("h2",{id:"3120---may-9-2019"},"3.12.0 - (May 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exclude subheader from zebra row styles.")))),(0,d.mdx)("h2",{id:"3110---may-1-2019"},"3.11.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3100---april-16-2019"},"3.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"390---april-9-2019"},"3.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"380---march-26-2019"},"3.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"370---march-21-2019"},"3.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"360---february-26-2019"},"3.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added stylelint-enable to Table.module.scss")))),(0,d.mdx)("h2",{id:"350---february-12-2019"},"3.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"340---february-5-2019"},"3.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"330---january-26-2019"},"3.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---january-22-2019"},"3.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"310---january-22-2019"},"3.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---january-8-2019"},"3.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Split focus and hover styles to separate blocks"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Table header (th) styles"),(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Exports for table header cell minimum width and sort added."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"SingleSelectableRows documentation")))),(0,d.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2200---august-8-2018"},"2.20.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation pages for TableRows, SelectableTableRows, and SingleSelectableRows"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Changed background color to transparent")))),(0,d.mdx)("h2",{id:"2190---august-1-2018"},"2.19.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-19-2018"},"2.18.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"2170---july-17-2018"},"2.17.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"2160---july-10-2018"},"2.16.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---june-28-2018"},"2.15.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"2140---june-22-2018"},"2.14.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"2130---june-12-2018"},"2.13.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Convert nightwatch tests to wdio."),(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"2120---may-30-2018"},"2.12.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"2110---may-25-2018"},"2.11.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---may-23-2018"},"2.10.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---may-16-2018"},"2.9.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---may-9-2018"},"2.8.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---may-2-2018"},"2.7.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-20-2018"},"2.6.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-15-2018"},"2.5.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---april-5-2018"},"2.4.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-30-2018"},"2.3.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue with setting onClick handler on TableHeaderCell")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"1200---february-1-2018"},"1.20.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved table sort indicator")))),(0,d.mdx)("h2",{id:"1190---january-18-2018"},"1.19.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---november-28-2017"},"1.17.0 - (November 28, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1160---november-16-2017"},"1.16.0 - (November 16, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"MultiSelectableRows component")))),(0,d.mdx)("h2",{id:"1150---november-7-2017"},"1.15.0 - (November 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1140---october-24-2017"},"1.14.0 - (October 24, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---october-6-2017"},"1.13.0 - (October 6, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"SelectableTableRows component"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Refactor Single Selectable Rows typecheck"),(0,d.mdx)("li",{parentName:"ul"},"Refactor nightwatch tests"),(0,d.mdx)("li",{parentName:"ul"},"Updated SingleSelectableRows to utilize the SelectableTableRows component"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Initial Single Select Table render to accept an isSelected Row")))),(0,d.mdx)("h2",{id:"1120---september-26-2017"},"1.12.0 - (September 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,d.mdx)("h2",{id:"1110---september-19-2017"},"1.11.0 - (September 19, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update selection styles")))),(0,d.mdx)("h2",{id:"190---september-7-2017"},"1.9.0 - (September 7, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---september-5-2017"},"1.8.0 - (September 5, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,d.mdx)("h2",{id:"170---august-31-2017"},"1.7.0 - (August 31, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---august-15-2017"},"1.6.0 - (August 15, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---august-8-2017"},"1.5.0 - (August 8, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Change data-class to be name spaced")))),(0,d.mdx)("h2",{id:"140---august-1-2017"},"1.4.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed typo which dropped custom class names on TableCell component")))),(0,d.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules")))),(0,d.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added preventDefault to SingleSelect table row"),(0,d.mdx)("li",{parentName:"ul"},"Added missing props-tables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,d.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,d.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||(m[a]=e[a]);return m}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(m[a]=e[a])}return m}var s={},c="wrapper";function h(e){var l=e.components,a=N(e,x);return(0,d.mdx)(c,o({},s,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},73223:function(e,l,a){a.d(l,{E:function(){return n}});var d=a(96540),m=a(55713),n=function(e){var l=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.0",url:l})}},25642:function(e,l,a){a.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/24264-9348dfe3ca098fb36b7a.css b/24264-9348dfe3ca098fb36b7a.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/24264-9348dfe3ca098fb36b7a.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/24264-9348dfe3ca098fb36b7a.js b/24264-9348dfe3ca098fb36b7a.js new file mode 100644 index 000000000..a1799793d --- /dev/null +++ b/24264-9348dfe3ca098fb36b7a.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24264,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,r){var t=r(24994);a.A=void 0;var n=t(r(96540)),o=t(r(5556)),s=t(r(67967)),d=t(r(25642)),i=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},u=function(e){var a=e.src,r=e.name,t=e.url,o=e.version,s=n.default.createElement("a",{className:i("badge"),href:t||"https://www.npmjs.org/package/".concat(r,"/v/").concat(o)},n.default.createElement("span",{className:i("badge-name")},t?"package":"npm"),n.default.createElement("span",{className:i("badge-version")},"v".concat(o))),d=a?n.default.createElement("a",{className:i("badge"),href:a},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")},s,d)};u.propTypes=c;a.A=u},24264:function(e,a,r){r.r(a),r.d(a,{default:function(){return u}});r(96540);var t=r(36665),n=r(57263),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(n[r]=e[r]);return n}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}var i={},c="wrapper";function u(e){var a=e.components,r=d(e,o);return(0,t.mdx)(c,s({},i,r,{components:a,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-toggle-section-header-upgrade-guide"},"Terra Toggle Section Header Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-10-to-20"},"Changes from 1.0 to 2.0"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("p",null,"The following transitive dependencies had breaking changes. See their upgrade guides for more information."),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"terra-doc-template"),(0,t.mdx)("li",{parentName:"ul"},"terra-section-header")))}u.isMDXComponent=!0},57263:function(e,a,r){r.d(a,{E:function(){return o}});var t=r(96540),n=r(55713),o=function(e){var a=e.url;return t.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-toggle-section-header",name:"terra-toggle-section-header",version:"2.79.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/24427-9cdf8d0bc971807d6637.css b/24427-9cdf8d0bc971807d6637.css new file mode 100644 index 000000000..fed9347c4 --- /dev/null +++ b/24427-9cdf8d0bc971807d6637.css @@ -0,0 +1,7 @@ +.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} +.MenuItem-module__clinical-lowlight-theme___TY1D3{--terra-navigation-side-menu-list-item-background-color: #222a2e;--terra-navigation-side-menu-list-item-border-bottom: none;--terra-navigation-side-menu-list-item-border-left: none;--terra-navigation-side-menu-list-item-border-right: none;--terra-navigation-side-menu-list-item-border-top: none;--terra-navigation-side-menu-item-active-background-color: #2d3539;--terra-navigation-side-menu-item-active-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-border-bottom: none;--terra-navigation-side-menu-item-border-left: none;--terra-navigation-side-menu-item-border-right: none;--terra-navigation-side-menu-item-border-top: none;--terra-navigation-side-menu-item-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-chevron-height: 0.8em;--terra-navigation-side-menu-item-chevron-padding-left: 0.7143rem;--terra-navigation-side-menu-item-chevron-width: 0.8em;--terra-navigation-side-menu-item-color: #b2b5b6;--terra-navigation-side-menu-item-focus-background-color: #2d3539;--terra-navigation-side-menu-item-focus-box-shadow: inset 0 0 0 1px #4a90e2, inset 0 0 0 4px rgba(0, 0, 0, 0.3);--terra-navigation-side-menu-item-font-size: 1.071rem;--terra-navigation-side-menu-item-font-weight: normal;--terra-navigation-side-menu-item-line-height: 1.42857;--terra-navigation-side-menu-item-focus-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-hover-background-color: #2d3539;--terra-navigation-side-menu-item-hover-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-hover-color: #b2b5b6;--terra-navigation-side-menu-item-padding-bottom: 0.8225rem;--terra-navigation-side-menu-item-padding-left: 1.2143rem;--terra-navigation-side-menu-item-padding-right: 0.7143rem;--terra-navigation-side-menu-item-padding-top: 0.8225rem;--terra-navigation-side-menu-item-selected-background-attachment: none;--terra-navigation-side-menu-item-selected-background-color: #2d3539;--terra-navigation-side-menu-item-selected-background-image: none;--terra-navigation-side-menu-item-selected-before-background-image: none;--terra-navigation-side-menu-item-selected-background-size: auto;--terra-navigation-side-menu-item-selected-border-left: 4px solid #3496cf;--terra-navigation-side-menu-item-selected-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-color: #b2b5b6;--terra-navigation-side-menu-item-selected-focus-background-color: #2d3539;--terra-navigation-side-menu-item-selected-focus-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-focus-color: #b2b5b6;--terra-navigation-side-menu-item-selected-font-weight: 600;--terra-navigation-side-menu-item-selected-padding-left: 0.7143rem;--terra-navigation-side-menu-item-selected-hover-background-color: #2d3539;--terra-navigation-side-menu-item-selected-hover-chevron-color: #c5c5c6;--terra-navigation-side-menu-item-selected-hover-color: #b2b5b6;--terra-navigation-side-menu-item-text-transform: none;--terra-navigation-side-menu-focus-outline: 2px dashed #b2b5b6;--terra-navigation-side-menu-focus-outline-offset: -2px;--terra-navigation-side-menu-item-focus-box-shadow: none}.MenuItem-module__orion-fusion-theme___iAr0x{--terra-navigation-side-menu-list-item-background-color: transparent;--terra-navigation-side-menu-list-item-border-bottom: none;--terra-navigation-side-menu-list-item-border-left: none;--terra-navigation-side-menu-list-item-border-right: none;--terra-navigation-side-menu-list-item-border-top: none;--terra-navigation-side-menu-item-active-background-color: #f5fafe;--terra-navigation-side-menu-item-active-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-border-bottom: none;--terra-navigation-side-menu-item-border-left: none;--terra-navigation-side-menu-item-border-right: none;--terra-navigation-side-menu-item-border-top: none;--terra-navigation-side-menu-item-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-chevron-height: 0.8em;--terra-navigation-side-menu-item-chevron-padding-left: 0.7143rem;--terra-navigation-side-menu-item-chevron-width: 0.8em;--terra-navigation-side-menu-item-color: #1c1f21;--terra-navigation-side-menu-item-focus-background-color: transparent;--terra-navigation-side-menu-item-focus-box-shadow: inset 0 0 0 1px #26a2e5, inset 0 0 0 4px rgba(76, 178, 233, 0.2);--terra-navigation-side-menu-item-font-size: 1.071rem;--terra-navigation-side-menu-item-font-weight: normal;--terra-navigation-side-menu-item-line-height: 1.42857;--terra-navigation-side-menu-item-focus-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-hover-background-color: #f5fafe;--terra-navigation-side-menu-item-hover-chevron-color: #bcbfc0;--terra-navigation-side-menu-item-hover-color: #1c1f21;--terra-navigation-side-menu-item-padding-bottom: 0.8225rem;--terra-navigation-side-menu-item-padding-left: 1.2143rem;--terra-navigation-side-menu-item-padding-right: 0.7143rem;--terra-navigation-side-menu-item-padding-top: 0.8225rem;--terra-navigation-side-menu-item-selected-background-attachment: none;--terra-navigation-side-menu-item-selected-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-background-image: none;--terra-navigation-side-menu-item-selected-before-background-image: none;--terra-navigation-side-menu-item-selected-background-size: auto;--terra-navigation-side-menu-item-selected-border-left: 0.5rem solid #007cc3;--terra-navigation-side-menu-item-selected-chevron-color: #909496;--terra-navigation-side-menu-item-selected-color: #1c1f21;--terra-navigation-side-menu-item-selected-focus-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-focus-chevron-color: #909496;--terra-navigation-side-menu-item-selected-focus-color: #1c1f21;--terra-navigation-side-menu-item-selected-font-weight: 600;--terra-navigation-side-menu-item-selected-padding-left: 0.7143rem;--terra-navigation-side-menu-item-selected-hover-background-color: #f4f4f4;--terra-navigation-side-menu-item-selected-hover-chevron-color: #909496;--terra-navigation-side-menu-item-selected-hover-color: #1c1f21;--terra-navigation-side-menu-item-text-transform: none;--terra-navigation-side-menu-focus-outline: none;--terra-navigation-side-menu-focus-outline-offset: 0;--terra-navigation-side-menu-item-focus-box-shadow: 0 0 0 1px rgba(76, 178, 233, 0.5), 0 0 4px 3px rgba(76, 178, 233, 0.35)}[dir] .MenuItem-module__list-item___QYK2Z{background-color:var(--terra-navigation-side-menu-list-item-background-color);border-bottom:none;border-bottom:var(--terra-navigation-side-menu-list-item-border-bottom, none);border-top:none;border-top:var(--terra-navigation-side-menu-list-item-border-top, none)}[dir=ltr] .MenuItem-module__list-item___QYK2Z{border-left:none;border-left:var(--terra-navigation-side-menu-list-item-border-left, none);border-right:none;border-right:var(--terra-navigation-side-menu-list-item-border-right, none)}[dir=rtl] .MenuItem-module__list-item___QYK2Z{border-right:none;border-right:var(--terra-navigation-side-menu-list-item-border-left, none);border-left:none;border-left:var(--terra-navigation-side-menu-list-item-border-right, none)}.MenuItem-module__menu-item___L2QZX{-ms-flex-align:stretch;align-items:stretch;color:#1c1f21;color:var(--terra-navigation-side-menu-item-color, #1c1f21);display:-ms-flexbox;display:flex;font-size:1.071rem;font-size:var(--terra-navigation-side-menu-item-font-size, 1.071rem);font-weight:normal;font-weight:var(--terra-navigation-side-menu-item-font-weight, normal);line-height:1.42857;line-height:var(--terra-navigation-side-menu-item-line-height, 1.42857);outline:none;position:relative;text-decoration:none;text-transform:none;text-transform:var(--terra-navigation-side-menu-item-text-transform, none);width:100%;z-index:0}[dir] .MenuItem-module__menu-item___L2QZX{border-bottom:none;border-bottom:var(--terra-navigation-side-menu-item-border-bottom, none);border-top:none;border-top:var(--terra-navigation-side-menu-item-border-top, none);cursor:pointer;padding-bottom:0.8225rem;padding-bottom:var(--terra-navigation-side-menu-item-padding-bottom, 0.8225rem);padding-top:0.8225rem;padding-top:var(--terra-navigation-side-menu-item-padding-top, 0.8225rem)}[dir=ltr] .MenuItem-module__menu-item___L2QZX{border-left:none;border-left:var(--terra-navigation-side-menu-item-border-left, none);border-right:none;border-right:var(--terra-navigation-side-menu-item-border-right, none);padding-left:1.2143rem;padding-left:var(--terra-navigation-side-menu-item-padding-left, 1.2143rem);padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-padding-right, 0.7143rem)}[dir=rtl] .MenuItem-module__menu-item___L2QZX{border-right:none;border-right:var(--terra-navigation-side-menu-item-border-left, none);border-left:none;border-left:var(--terra-navigation-side-menu-item-border-right, none);padding-right:1.2143rem;padding-right:var(--terra-navigation-side-menu-item-padding-left, 1.2143rem);padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-padding-right, 0.7143rem)}.MenuItem-module__menu-item___L2QZX:hover,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-hovered___JbCFx{color:var(--terra-navigation-side-menu-item-hover-color)}[dir] .MenuItem-module__menu-item___L2QZX:hover, [dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-hovered___JbCFx{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-hover-background-color, #f5fafe)}.MenuItem-module__menu-item___L2QZX:hover .MenuItem-module__chevron___Qrxmr,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-hovered___JbCFx .MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-hover-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2):hover,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2).MenuItem-module__is-hovered___JbCFx{color:var(--terra-navigation-side-menu-item-hover-color)}[dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2):hover, [dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2).MenuItem-module__is-hovered___JbCFx{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-hover-background-color, #f5fafe)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2):hover .MenuItem-module__chevron___Qrxmr,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-focused___0h4Si:not(.MenuItem-module__is-selected___sM\+R2).MenuItem-module__is-hovered___JbCFx .MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-hover-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___L2QZX:focus{outline:2px dashed #000;outline:var(--terra-navigation-side-menu-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-navigation-side-menu-focus-outline-offset, -2px)}[dir] .MenuItem-module__menu-item___L2QZX:focus{box-shadow:none;box-shadow:var(--terra-navigation-side-menu-item-focus-box-shadow, none)}.MenuItem-module__menu-item___L2QZX:focus .MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-focus-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___L2QZX:active,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K{z-index:5}[dir] .MenuItem-module__menu-item___L2QZX:active, [dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-active-background-color, #f5fafe)}.MenuItem-module__menu-item___L2QZX:active .MenuItem-module__chevron___Qrxmr,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K .MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-active-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___L2QZX:active.MenuItem-module__is-focused___0h4Si,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K.MenuItem-module__is-focused___0h4Si{z-index:5}[dir] .MenuItem-module__menu-item___L2QZX:active.MenuItem-module__is-focused___0h4Si, [dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K.MenuItem-module__is-focused___0h4Si{background-color:#f5fafe;background-color:var(--terra-navigation-side-menu-item-active-background-color, #f5fafe)}.MenuItem-module__menu-item___L2QZX:active.MenuItem-module__is-focused___0h4Si .MenuItem-module__chevron___Qrxmr,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-active___5-z9K.MenuItem-module__is-focused___0h4Si .MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-active-chevron-color, #bcbfc0)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2{color:var(--terra-navigation-side-menu-item-selected-color);font-weight:600;font-weight:var(--terra-navigation-side-menu-item-selected-font-weight, 600)}[dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2{background-attachment:var(--terra-navigation-side-menu-item-selected-background-attachment);background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-item-selected-background-color, #f4f4f4);background-image:var(--terra-navigation-side-menu-item-selected-background-image);background-size:var(--terra-navigation-side-menu-item-selected-background-size)}[dir=ltr] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2{border-left:0.5rem solid #007cc3;border-left:var(--terra-navigation-side-menu-item-selected-border-left, 0.5rem solid #007cc3);padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-selected-padding-left, 0.7143rem)}[dir=rtl] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2{border-right:0.5rem solid #007cc3;border-right:var(--terra-navigation-side-menu-item-selected-border-left, 0.5rem solid #007cc3);padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-selected-padding-left, 0.7143rem)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2::before{content:"";height:100%;position:absolute;top:0;width:100%;z-index:-1}[dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2::before{background-image:var(--terra-navigation-side-menu-item-selected-before-background-image)}[dir=ltr] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2::before{left:0}[dir=rtl] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2::before{right:0}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2 .MenuItem-module__chevron___Qrxmr{color:#909496;color:var(--terra-navigation-side-menu-item-selected-chevron-color, #909496)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:hover,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2.MenuItem-module__is-hovered___JbCFx{color:var(--terra-navigation-side-menu-item-selected-hover-color)}[dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:hover, [dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2.MenuItem-module__is-hovered___JbCFx{background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-item-selected-hover-background-color, #f4f4f4)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:hover .MenuItem-module__chevron___Qrxmr,.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2.MenuItem-module__is-hovered___JbCFx .MenuItem-module__chevron___Qrxmr{color:#909496;color:var(--terra-navigation-side-menu-item-selected-hover-chevron-color, #909496)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:focus{outline:2px dashed #000;outline:var(--terra-navigation-side-menu-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-navigation-side-menu-focus-outline-offset, -2px)}[dir] .MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:focus{box-shadow:none;box-shadow:var(--terra-navigation-side-menu-item-focus-box-shadow, none)}.MenuItem-module__menu-item___L2QZX.MenuItem-module__is-selected___sM\+R2:focus .MenuItem-module__chevron___Qrxmr{color:#909496;color:var(--terra-navigation-side-menu-item-selected-focus-chevron-color, #909496)}.MenuItem-module__title___WobpM,.MenuItem-module__chevron___Qrxmr{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;position:relative}.MenuItem-module__title___WobpM{-ms-flex:1 1 auto;flex:1 1 auto;width:100%}.MenuItem-module__chevron___Qrxmr{color:#bcbfc0;color:var(--terra-navigation-side-menu-item-chevron-color, #bcbfc0);-ms-flex:0 0 auto;flex:0 0 auto}[dir=ltr] .MenuItem-module__chevron___Qrxmr{padding-left:0.7143rem;padding-left:var(--terra-navigation-side-menu-item-chevron-padding-left, 0.7143rem)}[dir=rtl] .MenuItem-module__chevron___Qrxmr{padding-right:0.7143rem;padding-right:var(--terra-navigation-side-menu-item-chevron-padding-left, 0.7143rem)}.MenuItem-module__chevron___Qrxmr>svg{height:0.8em;height:var(--terra-navigation-side-menu-item-chevron-height, 0.8em);width:0.8em;width:var(--terra-navigation-side-menu-item-chevron-width, 0.8em)} +.NavigationSideMenu-module__clinical-lowlight-theme___S8txn{--terra-navigation-side-menu-action-header-background-color: #141719;--terra-navigation-side-menu-action-header-border-bottom-color: #141719;--terra-navigation-side-menu-action-header-box-shadow: none;--terra-navigation-side-menu-action-header-color: #b2b5b6;--terra-navigation-side-menu-content-container-background-color: #222a2e;--terra-navigation-side-menu-content-container-header-background-color: #141719;--terra-navigation-side-menu-content-container-main-background-color: #222a2e;--terra-navigation-side-menu-list-background-color: #222a2e;--terra-navigation-side-menu-list-padding-bottom: 0.125rem;--terra-navigation-side-menu-list-padding-top: 0.125rem}.NavigationSideMenu-module__orion-fusion-theme___Rxjvu{--terra-navigation-side-menu-action-header-background-color: #f4f4f4;--terra-navigation-side-menu-action-header-border-bottom-color: #dedfe0;--terra-navigation-side-menu-action-header-box-shadow: none;--terra-navigation-side-menu-action-header-color: #fff;--terra-navigation-side-menu-content-container-background-color: transparent;--terra-navigation-side-menu-content-container-header-background-color: transparent;--terra-navigation-side-menu-content-container-main-background-color: transparent;--terra-navigation-side-menu-list-background-color: transparent;--terra-navigation-side-menu-list-padding-bottom: 0.125rem;--terra-navigation-side-menu-list-padding-top: 0.125rem}.NavigationSideMenu-module__side-menu-content-container___XykxV{overflow:hidden}[dir] .NavigationSideMenu-module__side-menu-content-container___XykxV{background-color:var(--terra-navigation-side-menu-content-container-background-color)}[dir] .NavigationSideMenu-module__side-menu-content-container___XykxV>:nth-child(1){background-color:var(--terra-navigation-side-menu-content-container-header-background-color)}[dir] .NavigationSideMenu-module__side-menu-content-container___XykxV>:nth-child(2), [dir] .NavigationSideMenu-module__side-menu-content-container___XykxV.NavigationSideMenu-module__is-root___q19Z\+>:nth-child(1){background-color:var(--terra-navigation-side-menu-content-container-main-background-color)}.NavigationSideMenu-module__side-menu-list___\+ze5L{list-style:none}[dir] .NavigationSideMenu-module__side-menu-list___\+ze5L{background-color:transparent;background-color:var(--terra-navigation-side-menu-list-background-color, transparent);margin:0;padding:0;padding-bottom:0.125rem;padding-bottom:var(--terra-navigation-side-menu-list-padding-bottom, 0.125rem);padding-top:0.125rem;padding-top:var(--terra-navigation-side-menu-list-padding-top, 0.125rem)}.NavigationSideMenu-module__side-menu-action-header___3NHhV{color:var(--terra-navigation-side-menu-action-header-color);z-index:1}[dir] .NavigationSideMenu-module__side-menu-action-header___3NHhV{background-color:#f4f4f4;background-color:var(--terra-navigation-side-menu-action-header-background-color, #f4f4f4);border-bottom-color:#dedfe0;border-bottom-color:var(--terra-navigation-side-menu-action-header-border-bottom-color, #dedfe0);box-shadow:var(--terra-navigation-side-menu-action-header-box-shadow)} +.NavigationSideMenuExample-module__content___I6fgz{height:100%;position:relative;width:100%}[dir] .NavigationSideMenuExample-module__content___I6fgz{background-color:pink}.NavigationSideMenuExample-module__content-wrapper___4oIAd{height:768px;position:relative;width:300px}.NavigationSideMenuExample-module__toolbar___isGca{color:#fff}[dir] .NavigationSideMenuExample-module__toolbar___isGca{background:#303030;padding:8px}.NavigationSideMenuExample-module__content-wrapper___4oIAd{height:450px;position:relative;width:300px}[dir] .NavigationSideMenuExample-module__content-wrapper___4oIAd{border:1px solid #d3d3d3} +.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)} diff --git a/24427-9cdf8d0bc971807d6637.js b/24427-9cdf8d0bc971807d6637.js new file mode 100644 index 000000000..6d39bf264 --- /dev/null +++ b/24427-9cdf8d0bc971807d6637.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[24427,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],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),l=a(n(5556)),u=a(n(67967)),i=a(n(25642)),o=u.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,u=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),i=t?r.default.createElement("a",{className:o("badge"),href:t},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},u,i)};s.propTypes=d;t.A=s},201:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var l=a(n(85715)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(a,u,i):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),o=a(n(67967)),d=n(92912),s=a(n(49558)),c=a(n(53665)),m=n(25966),p=a(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=o.default.bind(p.default),h={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,o=e.isExpanded,p=(0,u.useState)(o),f=(0,l.default)(p,2),h=f[0],_=f[1],g=(0,u.useState)(!1),x=(0,l.default)(g,2),O=x[0],C=x[1],N=u.default.useContext(d.ThemeContext),E=void 0!==a,M=function(){C(!O),h&&_(!h)},w=function(){_(!h),O&&C(!O)},T=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return u.default.createElement("div",{className:y("template",N.className)},u.default.createElement("div",{className:y("header")},r&&u.default.createElement("h2",{className:y("title")},r)),u.default.createElement("div",{className:y("content")},i&&u.default.createElement("div",{className:y("description")},i),t),u.default.createElement("div",{className:y("footer")},n?u.default.createElement("div",{className:y("button-container")},E&&u.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":O}),onClick:M,onKeyDown:function(e){return T(e,M)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},u.default.createElement(s.default,{className:y("chevron")}),u.default.createElement("span",null,"CSS"),u.default.createElement(c.default,{className:y("chevron")})),u.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":h}),onClick:w,onKeyDown:function(e){return T(e,w)},onBlur:v,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},u.default.createElement(s.default,{className:y("chevron")}),u.default.createElement("span",null,"Code"),u.default.createElement(c.default,{className:y("chevron")}))):null,u.default.createElement("div",null,O&&u.default.createElement("div",{className:y("css")},a),h&&u.default.createElement("div",{className:y("code")},n))))};_.propTypes=h,_.defaultProps={isExpanded:!1};t.A=_},12883:function(e,t,n){var a=n(24994),r=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)),u=a(n(5556)),i=a(n(67967)),o=n(92912),d=m(n(26984)),s=a(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function m(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(a,u,i):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}var p=i.default.bind(s.default),f={children:u.default.node},y={isRequired:u.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 h=function(e){var t=e.children,n=(0,l.useContext)(o.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))};h.propTypes=f;t.Ay=h},54850:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(17383)),l=a(n(34579)),u=a(n(28452)),i=a(n(63072)),o=a(n(29511)),d=a(n(96540)),s=a(n(67967)),c=a(n(766)),m=a(n(70960));function p(e,t,n){return t=(0,i.default)(t),(0,u.default)(e,f()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var y=s.default.bind(m.default),h=function(e){function t(e){var n;return(0,r.default)(this,t),(n=p(this,t,[e])).handleOnChange=n.handleOnChange.bind(n),n.state={selectedMenuKey:"menu",selectedChildKey:void 0},n}return(0,o.default)(t,e),(0,l.default)(t,[{key:"handleOnChange",value:function(e,t){this.setState({selectedMenuKey:t.selectedMenuKey,selectedChildKey:t.selectedChildKey})}},{key:"render",value:function(){var e=d.default.createElement(c.default,{id:"test-menu",menuItems:[{key:"menu",text:"Hospital Details",childKeys:["submenu1","submenu2","submenu3","submenu4"]},{key:"submenu1",text:"Hospital services",childKeys:["subsubmenu1","subsubmenu2","subsubmenu3"],id:"test-item-1"},{key:"submenu2",text:"Hospital events"},{key:"submenu3",text:"Hospital Accommodations"},{key:"submenu4",text:"Hospital Careers"},{key:"subsubmenu1",text:"Imaging",id:"test-item-2"},{key:"subsubmenu2",text:"Laboratory"},{key:"subsubmenu3",text:"Rehabilitation services"}],onChange:this.handleOnChange,selectedMenuKey:this.state.selectedMenuKey,selectedChildKey:this.state.selectedChildKey,ariaLabel:"Sub Menu List"});return d.default.createElement("div",{className:y("content-wrapper")},e)}}])}(d.default.Component);t.A=h},24427:function(e,t,n){n.r(t),n.d(t,{default:function(){return P}});var a=n(96540),r=n(36665),l=n(42387),u=n(12883),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={},c="wrapper";function m(e){var t=e.components,n=d(e,i);return(0,r.mdx)(c,o({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(u.Ay,{mdxType:"PropsTable"},(0,r.mdx)(u.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"String that labels the navigation menu for screen readers."))),(0,r.mdx)(u.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"menuItems"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n childKeys: {\n arrayOf: [{\n type: 'string',\n }],\n },\n hasSubMenu: {\n type: 'bool',\n description: 'Used to match visual style of a menuItem with children on an item without children.',\n },\n isRootMenu: {\n type: 'bool',\n description: 'Whether or not the menu is the primary navigation links in small form factor.',\n },\n id: {\n type: 'string',\n description: 'ID to be applied to the menu item div.',\n },\n metaData: {\n type: 'object',\n description: 'Optional meta data to be returned along with the item key within the onChange.',\n },\n key: {\n type: 'string',\n required: true,\n description: 'Unique identifier that will be returned in the onChange callback when an endpoint is reached.',\n },\n text: {\n type: 'string',\n required: true,\n description: 'Text for the menu row and header title when selected.',\n },\n },\n}],\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An array of configuration for each menu item."))),(0,r.mdx)(u.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(u.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Callback function when a menu endpoint is reached.\nreturns (event, { selectedMenuKey: String, selectedChildKey: String, metaData: Object})"))),(0,r.mdx)(u.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"routingStackBack"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Delegate prop showParent function that is provided by the terra-navigation-layout."))),(0,r.mdx)(u.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"selectedChildKey"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Key of the currently selected child item on the selected menu page.\nThis is used when traveling back up the menu stack or when the child is an end point."))),(0,r.mdx)(u.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"selectedMenuKey"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(u.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Key of the currently selected menu page."))),(0,r.mdx)(u.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(u.dt,{mdxType:"PropNameCell"},"toolbar"),(0,r.mdx)(u.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(u.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(u.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(u.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An optional toolbar to display below the side menu action header")))))}m.isMDXComponent=!0;var p=n(54850),f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v={};function b(e){var t=e.components,n=h(e,f);return(0,r.mdx)("wrapper",y({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport NavigationSideMenu from 'terra-navigation-side-menu';\n\nimport styles from './NavigationSideMenuExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass NavigationSideMenuDefault extends React.Component {\n constructor(props) {\n super(props);\n\n this.handleOnChange = this.handleOnChange.bind(this);\n\n this.state = { selectedMenuKey: 'menu', selectedChildKey: undefined };\n }\n\n handleOnChange(event, changeData) {\n this.setState({ selectedMenuKey: changeData.selectedMenuKey, selectedChildKey: changeData.selectedChildKey });\n }\n\n render() {\n const content = (\n \n );\n\n return (\n
    \n {content}\n
    \n );\n }\n}\n\nexport default NavigationSideMenuDefault;\n\n")))}b.isMDXComponent=!0;var _=n(201),g=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function N(e){var t=e.components,n=O(e,g);return(0,r.mdx)("wrapper",x({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import '../../../test/navigation-side-menu/NavigationSideMenuDocCommon.module';\n\n:local {\n .content-wrapper {\n border: 1px solid #d3d3d3;\n height: 450px;\n position: relative;\n width: 300px;\n }\n}\n\n")))}N.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(_.A,{title:t||"Navigation Side Menu Example",description:n,example:a.createElement(p.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(b,null),isExpanded:r})},M=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var k={},j="wrapper";function P(e){var t=e.components,n=T(e,M);return(0,r.mdx)(j,w({},k,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-navigation-side-menu"},"Terra Navigation Side Menu"),(0,r.mdx)("p",null,"A structural component for nesting navigational items within the content section of the terra-menu-layout."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-navigation-side-menu"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import NavigationSideMenu from 'terra-navigation-side-menu';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(E,{title:"Navigation Side Menu Example",mdxType:"NavigationSideMenuExample"}),(0,r.mdx)("h2",{id:"navigation-side-menu-props-table"},"Navigation Side Menu Props Table"),(0,r.mdx)(m,{mdxType:"NavigationSideMenuPropsTable"}))}P.isMDXComponent=!0},42387:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-side-menu",name:"terra-navigation-side-menu",version:"2.54.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"}},70960:function(e,t,n){n.r(t),t.default={content:"NavigationSideMenuExample-module__content___I6fgz","content-wrapper":"NavigationSideMenuExample-module__content-wrapper___4oIAd",toolbar:"NavigationSideMenuExample-module__toolbar___isGca"}},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"}},91544:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"MenuItem-module__clinical-lowlight-theme___TY1D3","orion-fusion-theme":"MenuItem-module__orion-fusion-theme___iAr0x","list-item":"MenuItem-module__list-item___QYK2Z","menu-item":"MenuItem-module__menu-item___L2QZX","is-hovered":"MenuItem-module__is-hovered___JbCFx",chevron:"MenuItem-module__chevron___Qrxmr","is-focused":"MenuItem-module__is-focused___0h4Si","is-selected":"MenuItem-module__is-selected___sM+R2","is-active":"MenuItem-module__is-active___5-z9K",title:"MenuItem-module__title___WobpM"}},62246:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"NavigationSideMenu-module__clinical-lowlight-theme___S8txn","orion-fusion-theme":"NavigationSideMenu-module__orion-fusion-theme___Rxjvu","side-menu-content-container":"NavigationSideMenu-module__side-menu-content-container___XykxV","is-root":"NavigationSideMenu-module__is-root___q19Z+","side-menu-list":"NavigationSideMenu-module__side-menu-list___+ze5L","side-menu-action-header":"NavigationSideMenu-module__side-menu-action-header___3NHhV"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),l=s(n(46942)),u=s(n(67967)),i=s(n(52103)),o=s(n(78482)),d=["children","disableStripes","paddingStyle"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=u.default.bind(o.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,u=m(e,d),o=a.default.useContext(i.default),s=(0,l.default)(p("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},o.className),u.className);return a.default.createElement("table",c({},u,{className:s}),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 a=u(n(96540)),r=u(n(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},d=function(e){var t=e.children,n=i(e,l);return a.default.createElement("tbody",n,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},d=function(e){var t=e.children,n=i(e,l);return a.default.createElement("td",n,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=i(n(10767)),u=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},s=function(e){var t=e.children,n=o(e,u);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};s.propTypes=d,s.defaultProps={children:[]};t.default=s},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var o={children:r.default.node},d=function(e){var t=e.children,n=i(e,l);return a.default.createElement("th",n,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),l=d(n(67967)),u=d(n(78482)),i=d(n(10767)),o=["children"];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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(u.default),p={children:r.default.node},f=function(e){var t=e.children,n=c(e,o),r=m(["row"]);return a.default.createElement("tr",s({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),i.default.addScope(t,"row"))};f.propTypes=p,f.defaultProps={children:[]};t.default=f},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.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 r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=d(n(85444)),r=d(n(61452)),l=d(n(36142)),u=d(n(86472)),i=d(n(97441)),o=d(n(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),r=l(n(25365));function l(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t0,isSelected:e===this.props.selectedChildKey,text:n.text,key:e,onClick:function(n){t.handleItemClick(n,e)},onKeyDown:function(n){n.nativeEvent.keyCode!==g.KEY_SPACE&&n.nativeEvent.keyCode!==g.KEY_RETURN||(n.preventDefault(),t.handleItemClick(n,e))},getMenuContainerRef:this.getMenuContainerRef,"data-menu-item":e})}},{key:"buildListContent",value:function(e){var t=this;return e&&e.childKeys&&e.childKeys.length?p.default.createElement("nav",{role:"navigation","aria-label":this.props.ariaLabel},p.default.createElement("ul",{role:"menu",ref:function(e){return t.handleMenuListRef(e)},className:k(["side-menu-list"])},e.childKeys.map((function(e){return t.buildListItem(e)})))):null}},{key:"updateAriaLiveContent",value:function(e){var t=this.props.intl.formatMessage({id:"Terra.navigation.side.menu.selected"});this.visuallyHiddenComponent&&(this.visuallyHiddenComponent.innerText=e?"".concat(e," ").concat(t):"")}},{key:"render",value:function(){var e,t,n=this.props,a=(n.menuItems,n.onChange,n.routingStackBack),r=(n.selectedChildKey,n.selectedMenuKey),i=n.toolbar,o=(0,u.default)(n,N),d=this.state.items[r],s=this.context,c=k(["side-menu-content-container",s.className]);return(e=this.state.parents[r]?this.handleBackClick:a)||!d.isRootMenu?t=p.default.createElement(p.Fragment,null,p.default.createElement(v.default,{className:k("side-menu-action-header"),onBack:e,text:d?d.text:null,"data-navigation-side-menu-action-header":!0,backButtonA11yLabel:d?d.text:null}),i):c=k(["side-menu-content-container","is-root"]),p.default.createElement(p.Fragment,null,p.default.createElement(_.default,{"aria-atomic":"true","aria-live":"assertive","aria-relevant":"additions text",refCallback:this.setVisuallyHiddenComponent}),p.default.createElement(b.default,(0,l.default)({},o,{header:t,fill:!0,className:c}),this.buildListContent(d)))}}],[{key:"getDerivedStateFromProps",value:function(e,t){return e.menuItems!==t.prevPropsMenuItem?P(e.menuItems):null}}])}(p.Component);S.propTypes=j,S.defaultProps={menuItems:[]},S.contextType=x.default;t.default=(0,y.injectIntl)(S)},88199:function(e,t,n){var a=n(24994),r=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(94634)),u=a(n(91847)),i=a(n(17383)),o=a(n(34579)),d=a(n(28452)),s=a(n(63072)),c=a(n(29511)),m=N(n(96540)),p=a(n(5556)),f=n(8604),y=a(n(46942)),h=a(n(67967)),v=a(n(52103)),b=N(n(25966)),_=a(n(53665)),g=a(n(16524)),x=a(n(91544)),O=["hasChevron","intl","isSelected","text"];function C(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(C=function(e){return e?n:t})(e)}function N(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=C(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(a,u,i):a[u]=e[u]}return a.default=e,n&&n.set(e,a),a}function E(e,t,n){return t=(0,s.default)(t),(0,d.default)(e,M()?Reflect.construct(t,n||[],(0,s.default)(e).constructor):t.apply(e,n))}function M(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(M=function(){return!!e})()}var w=h.default.bind(x.default),T={hasChevron:p.default.bool,intl:p.default.shape({formatMessage:p.default.func}).isRequired,isSelected:p.default.bool,onKeyDown:p.default.func,onKeyUp:p.default.func,text:p.default.string,getMenuContainerRef:p.default.func},k=function(e){function t(e){var n;return(0,i.default)(this,t),(n=E(this,t,[e])).state={active:!1},n.handleKeyDown=n.handleKeyDown.bind(n),n.textRender=n.textRender.bind(n),n.handleMenuItemRef=n.handleMenuItemRef.bind(n),n}return(0,c.default)(t,e),(0,o.default)(t,[{key:"handleKeyDown",value:function(e){var t=this.props.getMenuContainerRef(),n=t&&t.querySelectorAll("[data-menu-item]"),a=Array.from(n).indexOf(e.target),r=n.length-1;if(e.nativeEvent.keyCode===b.KEY_DOWN){var l=a0?a-1:r;n&&n[u]&&n[u].focus(),this.props.onKeyUp&&this.props.onKeyUp(e),e.preventDefault()}}},{key:"handleMenuItemRef",value:function(e){this.contentNode=e}},{key:"textRender",value:function(){var e=this.props,t=e.intl,n=e.isSelected,a=e.text,r=t.formatMessage({id:"Terra.navigation.side.menu.selected"});return n?m.default.createElement(m.Fragment,null,a,m.default.createElement(g.default,{text:r})):a}},{key:"render",value:function(){var e=this.props,t=e.hasChevron,n=(e.intl,e.isSelected),a=(e.text,(0,u.default)(e,O)),r=this.context,i=(0,y.default)(w("menu-item",{"is-selected":n},{"is-active":this.state.active},r.className),a.className);return m.default.createElement("li",{className:w("list-item"),role:"none"},m.default.createElement("div",(0,l.default)({role:"menuitem",ref:this.handleMenuItemRef},a,{tabIndex:"0",className:i,onKeyDown:this.handleKeyDown,"aria-haspopup":t}),m.default.createElement("div",{className:w("title")},this.textRender()),t&&m.default.createElement("span",{className:w("chevron")},m.default.createElement(_.default,null))))}}])}(m.default.Component);k.propTypes=T,k.contextType=v.default;t.default=(0,f.injectIntl)(k)}}]); \ No newline at end of file diff --git a/25863-669d0b2ce0d6b3acddfa.css b/25863-669d0b2ce0d6b3acddfa.css new file mode 100644 index 000000000..9e52424af --- /dev/null +++ b/25863-669d0b2ce0d6b3acddfa.css @@ -0,0 +1,7 @@ +.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} + +.Region-module__region-child-container___FfpXw{height:100%;width:100%} +.Card-module__card___iN88V{height:100%;vertical-align:middle;word-wrap:break-word}[dir] .Card-module__card___iN88V{background-color:#ccf;border:1px solid #7f7fe3;border-radius:5px;padding:20px;text-align:center} +.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/27312-e7d0ccc37cc5d98791c9.css b/27312-e7d0ccc37cc5d98791c9.css new file mode 100644 index 000000000..4de30fbc8 --- /dev/null +++ b/27312-e7d0ccc37cc5d98791c9.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} +.Textarea-module__clinical-lowlight-theme___Nmtf4{--terra-form-textarea-background-color: #222a2e;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: auto;--terra-form-textarea-border-color: #181b1d;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #b2b5b6;--terra-form-textarea-font-size: 1.143rem;--terra-form-textarea-line-height: 1.25;--terra-form-textarea-padding-bottom: 0.286rem;--terra-form-textarea-padding-left: 0.286rem;--terra-form-textarea-padding-right: 0.286rem;--terra-form-textarea-padding-top: 0.286rem;--terra-form-textarea-hover-background-color: #222a2e;--terra-form-textarea-hover-border-color: #181b1d;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #b2b5b6;--terra-form-textarea-focus-background-size: auto;--terra-form-textarea-focus-border-color: #181b1d;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #222a2e;--terra-form-textarea-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-focus-color: #b2b5b6;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0.2s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-disabled-background-color: #1d2529;--terra-form-textarea-disabled-border-color: #24282b;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #404344;--terra-form-textarea-disabled-opacity: 0.25;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #222a2e;--terra-form-textarea-error-border-color: #181b1d;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #222a2e;--terra-form-textarea-error-hover-border-color: #181b1d;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #b2b5b6;--terra-form-textarea-error-focus-background-size: auto;--terra-form-textarea-error-focus-background-color: #222a2e;--terra-form-textarea-error-focus-border-color: #181b1d;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-textarea-error-focus-color: #b2b5b6;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 7px 4px rgba(0, 76, 118, 0.35), 0 0 1px 3px rgba(0, 76, 118, 0.5), 0 0 1px 0 #fff;--terra-form-textarea-error-disabled-background-color: #1d2529;--terra-form-textarea-error-disabled-border-color: #24282b;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #404344;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #464232;--terra-form-textarea-incomplete-hover-background-color: #464232;--terra-form-textarea-incomplete-disabled-background-color: #464232;--terra-form-textarea-incomplete-focus-background-color: #464232}.Textarea-module__orion-fusion-theme___MFmVe{--terra-form-textarea-background-color: #fff;--terra-form-textarea-background-image: none;--terra-form-textarea-background-size: 0 0;--terra-form-textarea-border-color: #dedfe0;--terra-form-textarea-border-radius: 3px;--terra-form-textarea-border-style: solid;--terra-form-textarea-border-width: 1px;--terra-form-textarea-color: #1c1f21;--terra-form-textarea-font-size: 1rem;--terra-form-textarea-line-height: 1.416667;--terra-form-textarea-padding-bottom: 0.25rem;--terra-form-textarea-padding-left: 0.25rem;--terra-form-textarea-padding-right: 0.25rem;--terra-form-textarea-padding-top: 0.25rem;--terra-form-textarea-hover-background-color: #fff;--terra-form-textarea-hover-border-color: #dedfe0;--terra-form-textarea-hover-border-style: solid;--terra-form-textarea-hover-border-width: 1px;--terra-form-textarea-hover-color: #1c1f21;--terra-form-textarea-focus-background-size: 0 0;--terra-form-textarea-focus-border-color: #4cb2e9;--terra-form-textarea-focus-border-style: solid;--terra-form-textarea-focus-border-width: 1px;--terra-form-textarea-focus-background-color: #fff;--terra-form-textarea-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-color: #1c1f21;--terra-form-textarea-focus-opacity: 1;--terra-form-textarea-focus-transition-duration: 0s;--terra-form-textarea-focus-transition-timing-function: ease;--terra-form-textarea-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-disabled-background-color: #f4f4f4;--terra-form-textarea-disabled-border-color: #b2b5b6;--terra-form-textarea-disabled-border-style: solid;--terra-form-textarea-disabled-border-width: 1px;--terra-form-textarea-disabled-color: #9b9fa1;--terra-form-textarea-disabled-opacity: 1;--terra-form-textarea-error-background-image: none;--terra-form-textarea-error-background-color: #fff;--terra-form-textarea-error-border-color: #dedfe0;--terra-form-textarea-error-border-style: solid;--terra-form-textarea-error-border-width: 1px;--terra-form-textarea-error-box-shadow: none;--terra-form-textarea-error-opacity: 1;--terra-form-textarea-error-hover-background-color: #fff;--terra-form-textarea-error-hover-border-color: #dedfe0;--terra-form-textarea-error-hover-border-style: solid;--terra-form-textarea-error-hover-border-width: 1px;--terra-form-textarea-error-hover-color: #1c1f21;--terra-form-textarea-error-focus-background-size: 0 0;--terra-form-textarea-error-focus-background-color: #fff;--terra-form-textarea-error-focus-border-color: #dedfe0;--terra-form-textarea-error-focus-border-style: solid;--terra-form-textarea-error-focus-border-width: 1px;--terra-form-textarea-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-color: #1c1f21;--terra-form-textarea-error-focus-opacity: 1;--terra-form-textarea-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-textarea-error-disabled-background-color: #f4f4f4;--terra-form-textarea-error-disabled-border-color: #b2b5b6;--terra-form-textarea-error-disabled-border-style: solid;--terra-form-textarea-error-disabled-border-width: 1px;--terra-form-textarea-error-disabled-color: #9b9fa1;--terra-form-textarea-error-disabled-opacity: 1;--terra-form-textarea-incomplete-background-color: #fefd9a;--terra-form-textarea-incomplete-hover-background-color: #fefd9a;--terra-form-textarea-incomplete-focus-background-color: #fefd9a;--terra-form-textarea-incomplete-disabled-background-color: #f4f4f4}.Textarea-module__textarea___1EN-n{color:#000;color:var(--terra-form-textarea-color, #000);font-family:inherit;font-size:1.143rem;font-size:var(--terra-form-textarea-font-size, 1.143rem);line-height:1.25;line-height:var(--terra-form-textarea-line-height, 1.25);max-width:100%;opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);width:100%}[dir] .Textarea-module__textarea___1EN-n{background-color:#fff;background-color:var(--terra-form-textarea-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-background-image, none);background-repeat:no-repeat;background-size:0 0;background-size:var(--terra-form-textarea-background-size, 0 0);border-color:#dedfe0;border-color:var(--terra-form-textarea-border-color, #dedfe0);border-radius:3px;border-radius:var(--terra-form-textarea-border-radius, 3px);border-style:solid;border-style:var(--terra-form-textarea-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-border-width, 1px);cursor:auto;padding-bottom:0.286rem;padding-bottom:var(--terra-form-textarea-padding-bottom, 0.286rem);padding-top:0.286rem;padding-top:var(--terra-form-textarea-padding-top, 0.286rem);transition-duration:0.2s;transition-duration:var(--terra-form-textarea-focus-transition-duration, 0.2s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-textarea-focus-transition-timing-function, ease)}[dir=ltr] .Textarea-module__textarea___1EN-n{background-position:0 100%;padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-left, 0.286rem);padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-right, 0.286rem)}[dir=rtl] .Textarea-module__textarea___1EN-n{background-position:100% 100%;padding-right:0.286rem;padding-right:var(--terra-form-textarea-padding-left, 0.286rem);padding-left:0.286rem;padding-left:var(--terra-form-textarea-padding-right, 0.286rem)}.Textarea-module__textarea___1EN-n:hover{color:var(--terra-form-textarea-hover-color)}[dir] .Textarea-module__textarea___1EN-n:hover{background-color:var(--terra-form-textarea-hover-background-color);border-color:#dedfe0;border-color:var(--terra-form-textarea-hover-border-color, #dedfe0);border-style:solid;border-style:var(--terra-form-textarea-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-hover-border-width, 1px)}[dir] .Textarea-module__textarea___1EN-n[required]{box-shadow:unset}.Textarea-module__textarea___1EN-n[disabled]{color:#1c1f21;color:var(--terra-form-textarea-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-disabled-opacity, 0.25);pointer-events:none;resize:none}[dir] .Textarea-module__textarea___1EN-n[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#868a8c;border-color:var(--terra-form-textarea-disabled-border-color, #868a8c);border-style:solid;border-style:var(--terra-form-textarea-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-disabled-border-width, 1px);cursor:default}.Textarea-module__textarea___1EN-n:focus{color:#000;color:var(--terra-form-textarea-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-focus-opacity, 1);outline:none}[dir] .Textarea-module__textarea___1EN-n:focus{background-color:var(--terra-form-textarea-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-focus-background-size, 0 0);border-color:#4cb2e9;border-color:var(--terra-form-textarea-focus-border-color, #4cb2e9);border-style:solid;border-style:var(--terra-form-textarea-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-focus-border-width, 1px);box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-box-shadow, 0 0 8px #a6d9f4)}[dir=ltr] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-ltr-box-shadow, 0 0 8px #a6d9f4)}[dir=rtl] .Textarea-module__textarea___1EN-n:focus{box-shadow:0 0 8px #a6d9f4;box-shadow:var(--terra-form-textarea-focus-rtl-box-shadow, 0 0 8px #a6d9f4)}.Textarea-module__full-size___\+I8BZ{height:100%;resize:none;width:100%}.Textarea-module__no-resize___cBMRC{resize:none}.Textarea-module__resizable___SfQzJ{box-sizing:padding-box;overflow:hidden}.Textarea-module__form-error___68kuD{opacity:1;opacity:var(--terra-form-textarea-error-opacity, 1)}[dir] .Textarea-module__form-error___68kuD{background-color:#fff;background-color:var(--terra-form-textarea-error-background-color, #fff);background-image:none;background-image:var(--terra-form-textarea-error-background-image, none);border-color:#e50000;border-color:var(--terra-form-textarea-error-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:hover{color:var(--terra-form-textarea-error-hover-color)}[dir] .Textarea-module__form-error___68kuD:hover{background-color:var(--terra-form-textarea-error-hover-background-color);border-color:#e50000;border-color:var(--terra-form-textarea-error-hover-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-hover-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-hover-border-width, 1px)}.Textarea-module__form-error___68kuD[disabled]{color:#1c1f21;color:var(--terra-form-textarea-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-textarea-error-disabled-opacity, 0.25)}[dir] .Textarea-module__form-error___68kuD[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-textarea-error-disabled-background-color, rgba(111, 116, 119, 0.2));border-color:#e50000;border-color:var(--terra-form-textarea-error-disabled-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-disabled-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-disabled-border-width, 1px)}[dir] .Textarea-module__form-error___68kuD[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-box-shadow, 0 0 0 1px #e50000)}.Textarea-module__form-error___68kuD:focus{color:#000;color:var(--terra-form-textarea-error-focus-color, #000);opacity:1;opacity:var(--terra-form-textarea-error-focus-opacity, 1)}[dir] .Textarea-module__form-error___68kuD:focus{background-color:var(--terra-form-textarea-error-focus-background-color);background-size:0 0;background-size:var(--terra-form-textarea-error-focus-background-size, 0 0);border-color:#e50000;border-color:var(--terra-form-textarea-error-focus-border-color, #e50000);border-style:solid;border-style:var(--terra-form-textarea-error-focus-border-style, solid);border-width:1px;border-width:var(--terra-form-textarea-error-focus-border-width, 1px);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Textarea-module__form-error___68kuD:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-textarea-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Textarea-module__form-incomplete___xpoV4{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:hover{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-hover-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4[disabled]{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-disabled-background-color, #ffc)}[dir] .Textarea-module__form-incomplete___xpoV4:focus{background-color:#ffc;background-color:var(--terra-form-textarea-incomplete-focus-background-color, #ffc)} +.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/27312-e7d0ccc37cc5d98791c9.js b/27312-e7d0ccc37cc5d98791c9.js new file mode 100644 index 000000000..14f39dbb3 --- /dev/null +++ b/27312-e7d0ccc37cc5d98791c9.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[27312,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],{55713:function(e,t,r){var n=r(24994);t.A=void 0;var a=n(r(96540)),l=n(r(5556)),o=n(r(67967)),i=n(r(25642)),u=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,r=e.name,n=e.url,l=e.version,o=a.default.createElement("a",{className:u("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},a.default.createElement("span",{className:u("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:u("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:u("badge"),href:t},a.default.createElement("span",{className:u("badge-name")},"github"),a.default.createElement("span",{className:u("badge-version")},"source")):void 0;return a.default.createElement("div",{className:u("badge-container")},o,i)};s.propTypes=d;t.A=s},201:function(e,t,r){var n=r(24994),a=r(73738);t.A=void 0;var l=n(r(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 r=m(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(r(96540)),i=n(r(5556)),u=n(r(67967)),d=r(92912),s=n(r(49558)),c=n(r(53665)),f=r(25966),p=n(r(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}var b=u.default.bind(p.default),_={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,r=e.exampleSrc,n=e.exampleCssSrc,a=e.title,i=e.description,u=e.isExpanded,p=(0,o.useState)(u),m=(0,l.default)(p,2),_=m[0],y=m[1],g=(0,o.useState)(!1),O=(0,l.default)(g,2),w=O[0],x=O[1],j=o.default.useContext(d.ThemeContext),E=void 0!==n,P=function(){x(!w),_&&y(!_)},T=function(){y(!_),w&&x(!w)},C=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",j.className)},o.default.createElement("div",{className:b("header")},a&&o.default.createElement("h2",{className:b("title")},a)),o.default.createElement("div",{className:b("content")},i&&o.default.createElement("div",{className:b("description")},i),t),o.default.createElement("div",{className:b("footer")},r?o.default.createElement("div",{className:b("button-container")},E&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":w}),onClick:P,onKeyDown:function(e){return C(e,P)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":_}),onClick:T,onKeyDown:function(e){return C(e,T)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:b("chevron")}))):null,o.default.createElement("div",null,w&&o.default.createElement("div",{className:b("css")},n),_&&o.default.createElement("div",{className:b("code")},r))))};y.propTypes=_,y.defaultProps={isExpanded:!1};t.A=y},12883:function(e,t,r){var n=r(24994),a=r(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=f(r(96540)),o=n(r(5556)),i=n(r(67967)),u=r(92912),d=f(r(26984)),s=n(r(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=l?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(n,o,i):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}var p=i.default.bind(s.default),m={children:o.default.node},b={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(d.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=m;var _=function(e){var t=e.children,r=(0,l.useContext)(u.ThemeContext);return l.default.createElement(d.default,{paddingStyle:"compact",className:p("table",r.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))};_.propTypes=m;t.Ay=_},24254:function(e,t,r){r.d(t,{E:function(){return l}});var n=r(96540),a=r(55713),l=function(e){var t=e.url;return n.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-textarea",name:"terra-form-textarea",version:"5.33.0",url:t})}},25642:function(e,t,r){r.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,r){r.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,r){r.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"}},21929:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"Textarea-module__clinical-lowlight-theme___Nmtf4","orion-fusion-theme":"Textarea-module__orion-fusion-theme___MFmVe",textarea:"Textarea-module__textarea___1EN-n","full-size":"Textarea-module__full-size___+I8BZ","no-resize":"Textarea-module__no-resize___cBMRC",resizable:"Textarea-module__resizable___SfQzJ","form-error":"Textarea-module__form-error___68kuD","form-incomplete":"Textarea-module__form-incomplete___xpoV4"}},78482:function(e,t,r){r.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"}},49429:function(e,t,r){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.TextareaSize=void 0;var a=c(r(96540)),l=c(r(5556)),o=c(r(46942)),i=c(r(67967)),u=c(r(52103)),d=c(r(21929)),s=["name","required","onChange","onFocus","onInput","isAutoResizable","isIncomplete","isInvalid","value","defaultValue","rows","size","ariaLabel","refCallback","disableResize"];function c(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||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function _(e,t){for(var r=0;r0||navigator.msMaxTouchPoints>0),r.onChange=r.onChange.bind(O(r)),r.onFocus=r.onFocus.bind(O(r)),r}var r,n,l;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}(t,e),r=t,n=[{key:"componentDidMount",value:function(){var e=Math.ceil(parseInt(window.getComputedStyle(this.textarea).lineHeight,10));this.textarea.currentLineHeight=e,this.setBaseHeights(),this.props.isAutoResizable&&!this.isMobileDevice&&this.resizeTextarea()}},{key:"componentDidUpdate",value:function(e){this.props.size===e.size&&this.props.rows===e.rows||this.setBaseHeights()}},{key:"onFocus",value:function(e){if(this.props.isAutoResizable&&!this.isMobileDevice){var t=Math.ceil(parseInt(window.getComputedStyle(this.textarea).lineHeight,10));this.textarea.currentLineHeight!==t&&(this.textarea.currentLineHeight=t,this.setBaseHeights())}this.props.onFocus&&this.props.onFocus(e)}},{key:"onChange",value:function(e){this.props.isAutoResizable&&!this.isMobileDevice&&this.resizeTextarea(),this.props.onChange&&this.props.onChange(e)}},{key:"setBaseHeights",value:function(){var e=this.textarea.value;this.textarea.value="",this.textarea.baseScrollHeight=this.textarea.scrollHeight,this.textarea.style.minHeight="0px",this.textarea.style.minHeight="".concat(this.textarea.scrollHeight,"px"),this.textarea.value=e}},{key:"resizeTextarea",value:function(){var e=this.props.rows||j[this.props.size];this.textarea.rows=e;var t=Math.ceil((this.textarea.scrollHeight-this.textarea.baseScrollHeight)/this.textarea.currentLineHeight);this.textarea.rows=e+t}},{key:"render",value:function(){var e,t=this,r=this.props,n=r.name,l=r.required,i=(r.onChange,r.onFocus,r.onInput),u=r.isAutoResizable,d=r.isIncomplete,c=r.isInvalid,_=r.value,h=r.defaultValue,v=r.rows,y=r.size,g=r.ariaLabel,O=r.refCallback,w=r.disableResize,E=b(r,s),P=this.context,T=function(e){for(var t=1;t=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var f={inputId:a.default.string.isRequired,label:a.default.string.isRequired,defaultValue:a.default.oneOfType([a.default.string,a.default.number]),disabled:a.default.bool,error:a.default.node,errorIcon:a.default.element,help:a.default.node,hideRequired:a.default.bool,inputAttrs:a.default.object,isAutoResizable:a.default.bool,isIncomplete:a.default.bool,isInline:a.default.bool,isInvalid:a.default.bool,isLabelHidden:a.default.bool,labelAttrs:a.default.object,maxWidth:a.default.string,onChange:a.default.func,onInput:a.default.func,required:a.default.bool,rows:a.default.number,size:a.default.oneOf(["small","medium","large","full"]),showOptional:a.default.bool,value:a.default.oneOfType([a.default.string,a.default.number]),disableResize:a.default.bool},p={defaultValue:void 0,disabled:!1,error:null,errorIcon:n.default.createElement(l.default,null),help:null,hideRequired:!1,isAutoResizable:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},maxWidth:void 0,onChange:void 0,onInput:void 0,rows:void 0,size:"small",required:!1,showOptional:!1,value:void 0,disableResize:!1},m=function(e){var t,r=e.defaultValue,a=e.disabled,l=e.disableResize,d=e.error,f=e.errorIcon,p=e.help,m=e.hideRequired,b=e.inputAttrs,_=e.inputId,h=e.isAutoResizable,v=e.isIncomplete,y=e.isInline,g=e.isInvalid,O=e.isLabelHidden,w=e.label,x=e.labelAttrs,j=e.maxWidth,E=e.required,P=e.rows,T=e.size,C=e.showOptional,S=e.onChange,I=e.onInput,z=e.value,M=c(e,u);return p&&d&&g?t="".concat(_,"-error ").concat(_,"-help"):(p&&(t="".concat(_,"-help")),d&&g&&(t="".concat(_,"-error"))),M.placeholder&&(M.placeholder=null),n.default.createElement(o.default,s({},M,{label:w,labelAttrs:x,error:d,errorIcon:f,help:p,hideRequired:m,required:E,showOptional:C,isInvalid:g,isInline:y,isLabelHidden:O,htmlFor:_,maxWidth:j}),n.default.createElement(i.default,s({},b,{disabled:b.disabled||a,id:_,isAutoResizable:b.isAutoResizable||h,isIncomplete:v,onChange:S,onInput:I,value:z,defaultValue:r,"aria-describedby":t,rows:b.rows||P,size:b.size||T,disableResize:b.disableResize||l})))};m.propTypes=f,m.defaultProps=p;t.default=m},85444:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(r(96540)),a=s(r(5556)),l=s(r(46942)),o=s(r(67967)),i=s(r(52103)),u=s(r(78482)),d=["children","disableStripes","paddingStyle"];function s(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[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var p=o.default.bind(u.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,r=e.disableStripes,a=e.paddingStyle,o=f(e,d),u=n.default.useContext(i.default),s=(0,l.default)(p("table",{striped:!r},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return n.default.createElement("table",c({},o,{className:s}),t)};b.propTypes=m,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},61452:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),a=o(r(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var u={children:a.default.node},d=function(e){var t=e.children,r=i(e,l);return n.default.createElement("tbody",r,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},86472:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),a=o(r(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var u={children:a.default.node},d=function(e){var t=e.children,r=i(e,l);return n.default.createElement("td",r,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},97441:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(r(96540)),a=i(r(5556)),l=i(r(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var d={children:a.default.node},s=function(e){var t=e.children,r=u(e,o);return n.default.createElement("thead",r,n.default.createElement("tr",null,l.default.addScope(t,"col")))};s.propTypes=d,s.defaultProps={children:[]};t.default=s},22417:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),a=o(r(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var u={children:a.default.node},d=function(e){var t=e.children,r=i(e,l);return n.default.createElement("th",r,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},36142:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(r(96540)),a=d(r(5556)),l=d(r(67967)),o=d(r(78482)),i=d(r(10767)),u=["children"];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[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}var f=l.default.bind(o.default),p={children:a.default.node},m=function(e){var t=e.children,r=c(e,u),a=f(["row"]);return n.default.createElement("tr",s({},r,{className:r.className?"".concat(a," ").concat(r.className):a}),i.default.addScope(t,"row"))};m.propTypes=p,m.defaultProps={children:[]};t.default=m},10767:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=r(96540))&&n.__esModule?n:{default:n};var l={addScope:function(e,t){var r=[];return a.default.Children.forEach(e,(function(e){r.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),r}};t.default=l},26984:function(e,t,r){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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var n=d(r(85444)),a=d(r(61452)),l=d(r(36142)),o=d(r(86472)),i=d(r(97441)),u=d(r(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=l(r(96540)),a=l(r(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||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var s={};function u(e){var l=e.components,a=p(e,m);return(0,d.mdx)("wrapper",i({},s,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { MultiSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MultiSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default MultiSelectFieldExample;\n\n')))}u.isMDXComponent=!0;var o=a(201),c=a(71459),x=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(o.A,{title:l||"Multi Select Field",description:a,example:t.createElement(n.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(u,null),isExpanded:d})},y=a(94439),f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var N={};function h(e){var l=e.components,a=T(e,f);return(0,d.mdx)("wrapper",g({},N,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { MultiSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MultiSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default MultiSelectFieldExample;\n\n')))}h.isMDXComponent=!0;var v=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(o.A,{title:l||"Required Multi Select Field",description:a,example:t.createElement(y.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(h,null),isExpanded:d})},C=a(76670),b=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var R={};function j(e){var l=e.components,a=S(e,b);return(0,d.mdx)("wrapper",O({},R,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { MultiSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MultiSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default MultiSelectFieldExample;\n\n')))}j.isMDXComponent=!0;var M=function(e){var l=e.title,a=e.description,d=e.isExpanded;return t.createElement(o.A,{title:l||"Incomplete Multi Select Field",description:a,example:t.createElement(C.A,null),exampleCssSrc:t.createElement(c.A,null),exampleSrc:t.createElement(j,null),isExpanded:d})},w=a(12883),E=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var q={},I="wrapper";function Z(e){var l=e.components,a=D(e,E);return(0,d.mdx)(I,F({},q,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(w.Ay,{mdxType:"PropsTable"},(0,d.mdx)(w.fI,{key:"ROW1",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"children"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The select options."))),(0,d.mdx)(w.fI,{key:"ROW2",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"label"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(w.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The field label."))),(0,d.mdx)(w.fI,{key:"ROW3",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,d.mdx)(w.fI,{key:"ROW4",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"disabled"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the input is disabled."))),(0,d.mdx)(w.fI,{key:"ROW5",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"error"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,d.mdx)(w.fI,{key:"ROW6",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"help"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Help message to display with the select."))),(0,d.mdx)(w.fI,{key:"ROW7",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,d.mdx)(w.fI,{key:"ROW8",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,d.mdx)("em",{parentName:"p"},"(usage note: ",(0,d.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,d.mdx)(w.fI,{key:"ROW9",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"isInline"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,d.mdx)(w.fI,{key:"ROW10",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,d.mdx)(w.fI,{key:"ROW11",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,d.mdx)(w.fI,{key:"ROW12",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,d.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,d.mdx)(w.fI,{key:"ROW13",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,d.mdx)(w.fI,{key:"ROW14",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The max height of the dropdown."))),(0,d.mdx)(w.fI,{key:"ROW15",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"maxSelectionCount"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The maximum number of options that can be selected. A value less than 2 will be ignored."))),(0,d.mdx)(w.fI,{key:"ROW16",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Set the max-width of a field using ",(0,d.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,d.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,d.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,d.mdx)(w.fI,{key:"ROW17",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"onChange"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,d.mdx)(w.fI,{key:"ROW18",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"placeholder"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Placeholder text."))),(0,d.mdx)(w.fI,{key:"ROW19",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"required"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether the field is required."))),(0,d.mdx)(w.fI,{key:"ROW20",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,d.mdx)(w.fI,{key:"ROW21",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"selectId"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,d.mdx)(w.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("p",null,"none")),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,d.mdx)(w.fI,{key:"ROW22",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"showOptional"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,d.mdx)(w.fI,{key:"ROW23",mdxType:"Row"},(0,d.mdx)(w.dt,{mdxType:"PropNameCell"},"value"),(0,d.mdx)(w.$d,{mdxType:"TypeCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,d.mdx)(w.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,d.mdx)(w.NZ,{mdxType:"DefaultValueCell"},(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,d.mdx)(w.Hd,{mdxType:"DescriptionCell"},(0,d.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}Z.isMDXComponent=!0;var P=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[a]=e[a]);return d}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(d[a]=e[a])}return d}var L={},H="wrapper";function A(e){var l=e.components,a=W(e,P);return(0,d.mdx)(H,k({},L,a,{components:l,mdxType:"MDXLayout"}),(0,d.mdx)(r.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-form-multiselect-field"},"Terra Form MultiSelect Field"),(0,d.mdx)("p",null,"A convenience wrapper assembling a ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/MultiSelect.jsx"},"terra-form-select MultiSelect")," within a ",(0,d.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,d.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Install with ",(0,d.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,d.mdx)("h2",{id:"usage"},"Usage"),(0,d.mdx)("pre",null,(0,d.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { MultiSelectField } from 'terra-form-select';\n")),(0,d.mdx)("h2",{id:"component-features"},"Component Features"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,d.mdx)("h2",{id:"examples"},"Examples"),(0,d.mdx)(x,{title:"MultiSelect Field Example",mdxType:"MultiSelectFieldExample"}),(0,d.mdx)(v,{title:"Required MultiSelect Field Example",mdxType:"RequiredMultiSelectFieldExample"}),(0,d.mdx)(M,{title:"Incomplete MultiSelect Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteMultiSelectFieldExample"}),(0,d.mdx)("h2",{id:"multi-select-field-props"},"Multi Select Field Props"),(0,d.mdx)(Z,{mdxType:"MultiSelectFieldPropsTable"}))}A.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/29489-df29c0e7a958143e31bb.css b/29489-df29c0e7a958143e31bb.css new file mode 100644 index 000000000..52ea60263 --- /dev/null +++ b/29489-df29c0e7a958143e31bb.css @@ -0,0 +1,2 @@ +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}} +.SectionHeader-module__clinical-lowlight-theme___M-5zo{--terra-section-header-padding-end: 0.7142857143rem;--terra-section-header-padding-start: 0.7142857143rem;--terra-section-header-background: #141719;--terra-section-header-border-bottom: 1px solid #08090a;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #b2b5b6;--terra-section-header-min-height: 2.5rem;--terra-section-header-padding-bottom: 0.5rem;--terra-section-header-padding-top: 0.5rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: bold;--terra-section-header-line-height: 1.4285714286;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.42857rem;--terra-section-header-accordion-padding-start: 0.5rem;--terra-section-header-active-background: #000;--terra-section-header-active-border-bottom: 1px solid #08090a;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #b2b5b6;--terra-section-header-focus-background: #08090a;--terra-section-header-focus-color: #b2b5b6;--terra-section-header-focus-within-outline: 3px dashed #fff;--terra-section-header-focus-within-outline-offset: -2px;--terra-section-header-hover-background: #08090a;--terra-section-header-hover-border-bottom: 1px solid #08090a;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #b2b5b6;--terra-section-header-transparent-active-background: #191d20;--terra-section-header-transparent-active-border-bottom: 1px solid #08090a;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #b2b5b6;--terra-section-header-transparent-focus-background: #222a2e;--terra-section-header-transparent-hover-background: #1e272b;--terra-section-header-transparent-hover-border-bottom: 1px solid #08090a;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #9b9b9b;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.38rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.38rem;--terra-section-header-accordion-icon-height: 0.83593rem;--terra-section-header-accordion-icon-width: 0.83593rem;--terra-section-header-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}.SectionHeader-module__orion-fusion-theme___MGUT7{--terra-section-header-padding-end: 0.83333rem;--terra-section-header-padding-start: 0.83333rem;--terra-section-header-background: #dedfe0;--terra-section-header-border-bottom: 1px solid #9b9fa1;--terra-section-header-border-left: 0 none;--terra-section-header-border-right: 0 none;--terra-section-header-border-top: 0 none;--terra-section-header-box-shadow: none;--terra-section-header-color: #1c1f21;--terra-section-header-min-height: 2.25rem;--terra-section-header-padding-bottom: 0.25rem;--terra-section-header-padding-top: 0.25rem;--terra-section-header-font-size: 1rem;--terra-section-header-font-weight: normal;--terra-section-header-line-height: 1.41666667;--terra-section-header-text-transform: none;--terra-section-header-transparent-min-height: 2.16667rem;--terra-section-header-accordion-padding-start: 0.83333rem;--terra-section-header-active-background: #c8cacb;--terra-section-header-active-border-bottom: 1px solid #9b9fa1;--terra-section-header-active-border-left: 0 none;--terra-section-header-active-border-right: 0 none;--terra-section-header-active-border-top: 0 none;--terra-section-header-active-box-shadow: none;--terra-section-header-active-color: #1c1f21;--terra-section-header-focus-background: #dedfe0;--terra-section-header-focus-color: #1c1f21;--terra-section-header-focus-within-outline: none;--terra-section-header-focus-within-outline-offset: 0;--terra-section-header-hover-background: #c8cacb;--terra-section-header-hover-border-bottom: 1px solid #9b9fa1;--terra-section-header-hover-border-left: 0 none;--terra-section-header-hover-border-right: 0 none;--terra-section-header-hover-border-top: 0 none;--terra-section-header-hover-box-shadow: none;--terra-section-header-hover-color: #1c1f21;--terra-section-header-transparent-active-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-active-border-bottom: 0 none;--terra-section-header-transparent-active-border-left: 0 none;--terra-section-header-transparent-active-border-right: 0 none;--terra-section-header-transparent-active-border-top: 0 none;--terra-section-header-transparent-active-box-shadow: none;--terra-section-header-transparent-active-color: #1c1f21;--terra-section-header-transparent-focus-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-background: rgba(0, 0, 0, 0.07);--terra-section-header-transparent-hover-border-bottom: 0 none;--terra-section-header-transparent-hover-border-left: 0 none;--terra-section-header-transparent-hover-border-right: 0 none;--terra-section-header-transparent-hover-border-top: 0 none;--terra-section-header-transparent-hover-box-shadow: none;--terra-section-header-transparent-hover-color: #1c1f21;--terra-section-header-accordion-icon-margin-start: 0;--terra-section-header-accordion-icon-margin-end: 0.41667rem;--terra-section-header-accordion-icon-padding-start: 0;--terra-section-header-accordion-icon-padding-end: 0;--terra-section-header-accordion-icon-padding-bottom: 0;--terra-section-header-accordion-icon-padding-top: 0.33333rem;--terra-section-header-accordion-icon-height: 0.66667rem;--terra-section-header-accordion-icon-width: 0.66667rem;--terra-section-header-font-family: Tahoma, "Geneva", Verdana, "Trebuchet MS", sans-serif;--terra-section-header-accordion-icon-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E")}[dir] .SectionHeader-module__orion-fusion-theme___MGUT7:focus-within{border-bottom:1px solid #c8cacb;box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.35)}.SectionHeader-module__section-header___wbdJQ{-ms-flex-align:center;align-items:center;color:#1c1f21;color:var(--terra-section-header-color, #1c1f21);display:-ms-flexbox;display:flex;min-height:2.5rem;min-height:var(--terra-section-header-min-height, 2.5rem);width:100%}[dir] .SectionHeader-module__section-header___wbdJQ{background:#e8e9ea;background:var(--terra-section-header-background, #e8e9ea);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-box-shadow, none);margin:0;padding-bottom:0.5rem;padding-bottom:var(--terra-section-header-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-section-header-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ{padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-end, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-start, 0.7142857143rem);border-left:0 none;border-left:var(--terra-section-header-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ{padding-left:0.7142857143rem;padding-left:var(--terra-section-header-padding-end, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-section-header-padding-start, 0.7142857143rem);border-right:0 none;border-right:var(--terra-section-header-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ:focus-within{color:#1c1f21;color:var(--terra-section-header-focus-color, #1c1f21);outline:3px dashed #000;outline:var(--terra-section-header-focus-within-outline, 3px dashed #000);outline-offset:-2px;outline-offset:var(--terra-section-header-focus-within-outline-offset, -2px)}[dir] .SectionHeader-module__section-header___wbdJQ:focus-within{background:#e8e9ea;background:var(--terra-section-header-focus-background, #e8e9ea)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5:focus-within{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-focus-background, rgba(0, 0, 0, 0.07))}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{cursor:pointer}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-left:0.5rem;padding-left:var(--terra-section-header-accordion-padding-start, 0.5rem)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z{padding-right:0.5rem;padding-right:var(--terra-section-header-accordion-padding-start, 0.5rem)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{color:#1c1f21;color:var(--terra-section-header-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{background:#d7d8d9;background:var(--terra-section-header-hover-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-hover-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-left:var(--terra-section-header-hover-border-left),0 none;border-right:0 none;border-right:var(--terra-section-header-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:hover{border-right:var(--terra-section-header-hover-border-left),0 none;border-left:0 none;border-left:var(--terra-section-header-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{background:#d7d8d9;background:var(--terra-section-header-active-background, #d7d8d9);border-bottom:1px solid #c8cacb;border-bottom:var(--terra-section-header-active-border-bottom, 1px solid #c8cacb);border-top:0 none;border-top:var(--terra-section-header-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{min-height:2.42857rem;min-height:var(--terra-section-header-transparent-min-height, 2.42857rem)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-transparent___3L6Q5{background:rgba(0,0,0,0);border-bottom:0}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{color:#1c1f21;color:var(--terra-section-header-transparent-hover-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{background:rgba(0, 0, 0, 0);background:var(--terra-section-header-transparent-hover-background, rgba(0, 0, 0, 0));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-hover-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-hover-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-hover-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:hover{border-right:0 none;border-right:var(--terra-section-header-transparent-hover-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-hover-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active,.SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{color:#1c1f21;color:var(--terra-section-header-transparent-active-color, #1c1f21)}[dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{background:rgba(0, 0, 0, 0.07);background:var(--terra-section-header-transparent-active-background, rgba(0, 0, 0, 0.07));border-bottom:0 none;border-bottom:var(--terra-section-header-transparent-active-border-bottom, 0 none);border-top:0 none;border-top:var(--terra-section-header-transparent-active-border-top, 0 none);box-shadow:none;box-shadow:var(--terra-section-header-transparent-active-box-shadow, none)}[dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=ltr] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-left, 0 none);border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-right, 0 none)}[dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5:active, [dir=rtl] .SectionHeader-module__section-header___wbdJQ.SectionHeader-module__is-interactable___4Hj3Z.SectionHeader-module__is-transparent___3L6Q5.SectionHeader-module__is-active___Qfdbq{border-right:0 none;border-right:var(--terra-section-header-transparent-active-border-left, 0 none);border-left:0 none;border-left:var(--terra-section-header-transparent-active-border-right, 0 none)}.SectionHeader-module__section-header___wbdJQ button{color:inherit;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-family:var(--terra-section-header-font-family, "Helvetica Neue", Helvetica, Arial, sans-serif)}[dir] .SectionHeader-module__section-header___wbdJQ button{background:none;border:0;cursor:pointer;padding:0}[dir=ltr] .SectionHeader-module__section-header___wbdJQ button{text-align:left}[dir=rtl] .SectionHeader-module__section-header___wbdJQ button{text-align:right}.SectionHeader-module__title-arrange___t4JW1{-ms-flex:0 1 auto;flex:0 1 auto}.SectionHeader-module__title___EPyaG{display:block;font-size:1rem;font-size:var(--terra-section-header-font-size, 1rem);font-weight:bold;font-weight:var(--terra-section-header-font-weight, bold);line-height:1.4285714286;line-height:var(--terra-section-header-line-height, 1.4285714286);text-transform:none;text-transform:var(--terra-section-header-text-transform, none)}[dir] .SectionHeader-module__title___EPyaG{margin:0}.SectionHeader-module__accordion-icon-wrapper___BOHqG{display:-ms-inline-flexbox;display:inline-flex}[dir] .SectionHeader-module__accordion-icon-wrapper___BOHqG{padding-bottom:0;padding-bottom:var(--terra-section-header-accordion-icon-padding-bottom, 0);padding-top:0.38rem;padding-top:var(--terra-section-header-accordion-icon-padding-top, 0.38rem)}[dir=ltr] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-left:0;margin-left:var(--terra-section-header-accordion-icon-margin-start, 0);margin-right:0.38rem;margin-right:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-start, 0);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-end, 0)}[dir=rtl] .SectionHeader-module__accordion-icon-wrapper___BOHqG{margin-right:0;margin-right:var(--terra-section-header-accordion-icon-margin-start, 0);margin-left:0.38rem;margin-left:var(--terra-section-header-accordion-icon-margin-end, 0.38rem);padding-right:0;padding-right:var(--terra-section-header-accordion-icon-padding-start, 0);padding-left:0;padding-left:var(--terra-section-header-accordion-icon-padding-end, 0)}.SectionHeader-module__accordion-icon___VQmOf{display:inline-block;height:0.83593rem;height:var(--terra-section-header-accordion-icon-height, 0.83593rem);vertical-align:middle;width:0.83593rem;width:var(--terra-section-header-accordion-icon-width, 0.83593rem)}[dir] .SectionHeader-module__accordion-icon___VQmOf{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___VQmOf{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___VQmOf.SectionHeader-module__is-open___naqpt{transform:rotate(90deg)}.SectionHeader-module__arrange-wrapper___jwEJm{width:100%}[dir] .SectionHeader-module__arrange-wrapper___jwEJm{margin:0}.SectionHeader-module__arrange-wrapper___jwEJm:focus{outline:none}.SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-fixed___U8DzW{position:absolute}.SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-sticky___ZSkrv{position:-webkit-sticky;position:sticky}[dir=ltr] .SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-sticky___ZSkrv{left:12px}[dir=rtl] .SectionHeader-module__arrange-wrapper___jwEJm.SectionHeader-module__title-sticky___ZSkrv{right:12px} diff --git a/29489-df29c0e7a958143e31bb.js b/29489-df29c0e7a958143e31bb.js new file mode 100644 index 000000000..8d3fe7b69 --- /dev/null +++ b/29489-df29c0e7a958143e31bb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[29489],{92420:function(e,t,r){r.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"}},18101:function(e,t,r){r.r(t),t.default={"clinical-lowlight-theme":"SectionHeader-module__clinical-lowlight-theme___M-5zo","orion-fusion-theme":"SectionHeader-module__orion-fusion-theme___MGUT7","section-header":"SectionHeader-module__section-header___wbdJQ","is-transparent":"SectionHeader-module__is-transparent___3L6Q5","is-interactable":"SectionHeader-module__is-interactable___4Hj3Z","is-active":"SectionHeader-module__is-active___Qfdbq","title-arrange":"SectionHeader-module__title-arrange___t4JW1",title:"SectionHeader-module__title___EPyaG","accordion-icon-wrapper":"SectionHeader-module__accordion-icon-wrapper___BOHqG","accordion-icon":"SectionHeader-module__accordion-icon___VQmOf","is-open":"SectionHeader-module__is-open___naqpt","arrange-wrapper":"SectionHeader-module__arrange-wrapper___jwEJm","title-fixed":"SectionHeader-module__title-fixed___U8DzW","title-sticky":"SectionHeader-module__title-sticky___ZSkrv"}},39496:function(e,t,r){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 o=u(r(96540)),i=u(r(5556)),a=u(r(67967)),l=u(r(92420)),c=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function u(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||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var y=a.default.bind(l.default),_={fitStart:i.default.element,fill:i.default.element.isRequired,fitEnd:i.default.element,align:i.default.oneOf(["center","bottom","stretch"]),alignFitStart:i.default.oneOf(["center","bottom","stretch"]),alignFitEnd:i.default.oneOf(["center","bottom","stretch"]),alignFill:i.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:i.default.object,fillAttributes:i.default.object,fitEndAttributes:i.default.object},m=function(e){var t=e.fitStart,r=e.fill,n=e.fitEnd,i=e.align,a=e.alignFitStart,l=e.alignFill,u=e.alignFitEnd,s=e.fitStartAttributes,d=e.fillAttributes,_=e.fitEndAttributes,m=b(e,c),O=p({},s),v=p({},d),g=p({},_);return o.default.createElement("span",f({},m,{className:y("arrange",m.className)}),o.default.createElement("span",f({},O,{className:y("fit",i||a,O.className,"fit-block")}),t),o.default.createElement("span",f({},v,{className:y("fill",i||l,v.className,"fill-block")}),r),o.default.createElement("span",f({},g,{className:y("fit",i||u,g.className)}),n))};m.propTypes=_;t.default=m},29489:function(e,t,r){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=void 0;var o=b(r(96540)),i=b(r(5556)),a=b(r(46942)),l=b(r(67967)),c=b(r(52103)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=n(e)&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(o,a,l):o[a]=e[a]}return o.default=e,r&&r.set(e,o),o}(r(25966)),f=b(r(39496)),s=b(r(18101)),p=["text","title","refCallback","onClick","isOpen","isTransparent","level","isTitleFixed"];function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function b(e){return e&&e.__esModule?e:{default:e}}function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e,t){for(var r=0;r.LayoutSlidePanel-module__panel___bM19u{left:0}[dir=rtl] .LayoutSlidePanel-module__is-open___XyR66>.LayoutSlidePanel-module__panel___bM19u{right:0}.LayoutSlidePanel-module__panel___bM19u.LayoutSlidePanel-module__is-tiny___bfkBw{width:calc(100% - 3.571rem);width:var(--terra-layout-slide-panel-tiny-panel-width, calc(100% - 3.571rem))}.LayoutSlidePanel-module__panel___bM19u.LayoutSlidePanel-module__is-small___X3tmx{width:22.857rem;width:var(--terra-layout-slide-panel-small-panel-width, 22.857rem)}[dir=ltr] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-overlay___yDlpU>.LayoutSlidePanel-module__panel___bM19u{box-shadow:1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-ltr-box-shadow, 1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}[dir=rtl] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-overlay___yDlpU>.LayoutSlidePanel-module__panel___bM19u{box-shadow:-1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8);box-shadow:var(--terra-layout-slide-panel-overlay-panel-rtl-box-shadow, -1px 0 0 0 #1c1f21, 0 0 5px 1px #000, 0 0 12px 2px rgba(0, 0, 0, 0.8))}.LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__content___6pHSC{width:calc(100% - 18.571rem - 1px);width:calc(100% - var(--terra-layout-slide-panel-panel-width, 18.571rem) - var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px))}.LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{transition:none;width:calc(1px + 18.571rem);width:calc(var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px) + var(--terra-layout-slide-panel-panel-width, 18.571rem))}[dir] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{background-color:#fff;background-color:var(--terra-layout-slide-panel-squish-panel-background-color, #fff)}[dir=ltr] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{border-right-color:#d3d4d5;border-right-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-right-style:solid;border-right-width:1px;border-right-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=rtl] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{border-left-color:#d3d4d5;border-left-color:var(--terra-layout-slide-panel-squish-panel-border-right-color, #d3d4d5);border-left-style:solid;border-left-width:1px;border-left-width:var(--terra-layout-slide-panel-squish-panel-border-right-width, 1px)}[dir=ltr] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{box-shadow:var(--terra-layout-slide-panel-squish-panel-ltr-box-shadow)}[dir=rtl] .LayoutSlidePanel-module__is-open___XyR66.LayoutSlidePanel-module__is-squish___Xamwu>.LayoutSlidePanel-module__panel___bM19u{box-shadow:var(--terra-layout-slide-panel-squish-panel-rtl-box-shadow)}.LayoutSlidePanel-module__panel___bM19u[aria-hidden=true]{visibility:hidden}.LayoutSlidePanel-module__main-container___403xn{display:block;height:100%} +.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)} diff --git a/30024-d92e1ffab9d3b56b2fdd.js b/30024-d92e1ffab9d3b56b2fdd.js new file mode 100644 index 000000000..42a919015 --- /dev/null +++ b/30024-d92e1ffab9d3b56b2fdd.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[30024,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],{55713:function(e,t,n){"use strict";var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),u=r(n(25642)),i=o.default.bind(u.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},s=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),u=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,u)};s.propTypes=d;t.A=s},201:function(e,t,n){"use strict";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=m(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&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?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)),i=r(n(67967)),d=n(92912),s=r(n(49558)),c=r(n(53665)),f=n(25966),p=r(n(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var _=i.default.bind(p.default),v={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=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,u=e.description,i=e.isExpanded,p=(0,o.useState)(i),m=(0,l.default)(p,2),v=m[0],h=m[1],g=(0,o.useState)(!1),O=(0,l.default)(g,2),P=O[0],E=O[1],T=o.default.useContext(d.ThemeContext),j=void 0!==r,w=function(){E(!P),v&&h(!v)},S=function(){h(!v),P&&E(!P)},x=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",T.className)},o.default.createElement("div",{className:_("header")},a&&o.default.createElement("h2",{className:_("title")},a)),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")},j&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":P}),onClick:w,onKeyDown:function(e){return x(e,w)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":v}),onClick:S,onKeyDown:function(e){return x(e,S)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:_("chevron")}))):null,o.default.createElement("div",null,P&&o.default.createElement("div",{className:_("css")},r),v&&o.default.createElement("div",{className:_("code")},n))))};h.propTypes=v,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,n){"use strict";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=f(n(96540)),o=r(n(5556)),u=r(n(67967)),i=n(92912),d=f(n(26984)),s=r(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=c(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&&Object.prototype.hasOwnProperty.call(e,o)){var u=l?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 p=u.default.bind(s.default),m={children:o.default.node},_={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(d.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=_,(t.NZ=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=m;var v=function(e){var t=e.children,n=(0,l.useContext)(i.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))};v.propTypes=m;t.Ay=v},25642:function(e,t,n){"use strict";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){"use strict";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){"use strict";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){"use strict";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"}},3113:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"LayoutSlidePanel-module__clinical-lowlight-theme___osc+V","orion-fusion-theme":"LayoutSlidePanel-module__orion-fusion-theme___j7pdi","content-container":"LayoutSlidePanel-module__content-container___Pdq6b","layout-slide-panel":"LayoutSlidePanel-module__layout-slide-panel___D6hTn",content:"LayoutSlidePanel-module__content___6pHSC",panel:"LayoutSlidePanel-module__panel___bM19u","is-animated":"LayoutSlidePanel-module__is-animated___Nly0L","is-open":"LayoutSlidePanel-module__is-open___XyR66","is-tiny":"LayoutSlidePanel-module__is-tiny___bfkBw","is-small":"LayoutSlidePanel-module__is-small___X3tmx","is-overlay":"LayoutSlidePanel-module__is-overlay___yDlpU","is-squish":"LayoutSlidePanel-module__is-squish___Xamwu","main-container":"LayoutSlidePanel-module__main-container___403xn"}},85444:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(96540)),a=s(n(5556)),l=s(n(46942)),o=s(n(67967)),u=s(n(52103)),i=s(n(78482)),d=["children","disableStripes","paddingStyle"];function s(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 p=o.default.bind(i.default),m={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=f(e,d),i=r.default.useContext(u.default),s=(0,l.default)(p("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},i.className),o.className);return r.default.createElement("table",c({},o,{className:s}),t)};_.propTypes=m,_.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=_},61452:function(e,t,n){"use strict";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},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){"use strict";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},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("td",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){"use strict";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 d={children:a.default.node},s=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")))};s.propTypes=d,s.defaultProps={children:[]};t.default=s},22417:function(e,t,n){"use strict";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},d=function(e){var t=e.children,n=u(e,l);return r.default.createElement("th",n,t)};d.propTypes=i,d.defaultProps={children:[]};t.default=d},36142:function(e,t,n){"use strict";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(78482)),u=d(n(10767)),i=["children"];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=l.default.bind(o.default),p={children:a.default.node},m=function(e){var t=e.children,n=c(e,i),a=f(["row"]);return r.default.createElement("tr",s({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),u.default.addScope(t,"row"))};m.propTypes=p,m.defaultProps={children:[]};t.default=m},10767:function(e,t,n){"use strict";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){"use strict";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=d(n(85444)),a=d(n(61452)),l=d(n(36142)),o=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){"use strict";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=l?"huge":t>=a?"large":t>=r?"medium":t>=n?"small":"tiny"},t.getCustomProps=function(e,t){return Object.keys(e).filter((function(e){return!Object.keys(t).includes(e)})).reduce((function(t,n){return t[n]=e[n],t}),{})}},3e3:function(e,t,n){"use strict";var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(94634)),l=r(n(91847)),o=r(n(17383)),u=r(n(34579)),i=r(n(28452)),d=r(n(63072)),s=r(n(12475)),c=r(n(29511)),f=r(n(96540)),p=r(n(5556)),m=r(n(46942)),_=r(n(67967)),v=r(n(52103)),b=r(n(3548)),y=r(n(27981)),h=r(n(78405)),g=r(n(3113)),O=["isAnimated","isOpen","isToggleEnabled","children","panelBehavior","panelContent","size","onToggle","toggleText"];function P(e,t,n){return t=(0,d.default)(t),(0,i.default)(e,E()?Reflect.construct(t,n||[],(0,d.default)(e).constructor):t.apply(e,n))}function E(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(E=function(){return!!e})()}var T=_.default.bind(g.default),j={isAnimated:p.default.bool,isOpen:p.default.bool,isToggleEnabled:p.default.bool,children:p.default.element,panelBehavior:p.default.oneOf(["overlay","squish"]),panelContent:p.default.node,size:p.default.string.isRequired,onToggle:p.default.func,toggleText:p.default.string},w=function(e){function t(e){var n;return(0,o.default)(this,t),(n=P(this,t,[e])).setPanelNode=n.setPanelNode.bind((0,s.default)(n)),n.handleTransitionEnd=n.handleTransitionEnd.bind((0,s.default)(n)),n.preparePanelForTransition=n.preparePanelForTransition.bind((0,s.default)(n)),n.isHidden=!e.isOpen,n}return(0,c.default)(t,e),(0,u.default)(t,[{key:"componentDidMount",value:function(){document.createElement("main"),this.panelNode&&this.panelNode.addEventListener("transitionend",this.handleTransitionEnd)}},{key:"componentDidUpdate",value:function(){this.lastIsOpen=this.props.isOpen}},{key:"componentWillUnmount",value:function(){this.panelNode&&this.panelNode.removeEventListener("transitionend",this.handleTransitionEnd)}},{key:"handleTransitionEnd",value:function(){!this.props.isOpen&&this.panelNode&&(this.panelNode.setAttribute("aria-hidden","true"),this.isHidden=!0,document.querySelector("button[data-application-header-toggle]")?document.querySelector("button[data-application-header-toggle]").focus():(0,h.default)(document.querySelector("[data-terra-layout-main]"))[0]&&(0,h.default)(document.querySelector("[data-terra-layout-main]"))[0].focus())}},{key:"setPanelNode",value:function(e){this.panelNode=e}},{key:"preparePanelForTransition",value:function(){this.props.isOpen&&!this.lastIsOpen&&this.panelNode&&(this.panelNode.setAttribute("aria-hidden","false"),this.isHidden=!1,(0,h.default)(this.panelNode)[0]&&(0,h.default)(this.panelNode)[0].focus())}},{key:"render",value:function(){var e=this.props,t=e.isAnimated,n=e.isOpen,r=(e.isToggleEnabled,e.children),o=e.panelBehavior,u=e.panelContent,i=e.size,d=e.onToggle,s=(e.toggleText,(0,l.default)(e,O));this.preparePanelForTransition();var c="tiny"===i,p="small"===i,_=c||p,v=!!_||"overlay"===o,h=n&&v,g=_?"dark":"clear",P=this.context,E=(0,m.default)(T("layout-slide-panel",{"is-open":n},{"is-overlay":v},{"is-squish":!v},P.className),s.className),j=T("panel",{"is-tiny":c},{"is-small":p},{"is-animated":t&&v&&!!u});return f.default.createElement("div",(0,a.default)({},s,{className:E}),f.default.createElement("div",{className:j,"aria-hidden":this.isHidden?"true":"false",ref:this.setPanelNode},u),f.default.createElement(y.default,{className:T("content")},f.default.createElement(b.default,{isRelativeToContainer:!0,onRequestClose:d,isOpen:h,backgroundStyle:g,zIndex:"6000"}),f.default.createElement("main",{role:"main",tabIndex:"-1","data-terra-layout-main":!0,className:T("main-container")},r)))}}]),t}(f.default.Component);w.propTypes=j,w.defaultProps={isAnimated:!1,isOpen:!1,isToggleEnabled:!1,panelBehavior:"overlay"},w.contextType=v.default;t.default=w},78405:function(e){var t=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'],n=t.join(","),r="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector;function a(e,t){t=t||{};var a,o,u,s=[],c=[],f=e.querySelectorAll(n);for(t.includeContainer&&r.call(e,n)&&(f=Array.prototype.slice.apply(f)).unshift(e),a=0;ae.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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={};function p(e){var t=e.components,n=c(e,i);return(0,l.mdx)("wrapper",u({},d,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 { Item, SplitButton } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n setMessage('Reply clicked')}\n buttonAttrs={{\n 'aria-label': 'default split',\n }}\n >\n setMessage('Reply All clicked')} />\n setMessage('Forward clicked')} />\n setMessage('Reply in 10 minutes clicked')} />\n setMessage('Selective Reply 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 Split Button",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:l})},f=n(59996),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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var v={};function g(e){var t=e.components,n=x(e,y);return(0,l.mdx)("wrapper",b({},v,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 { Item, SplitButton } from 'terra-dropdown-button';\n\nconst GhostSplitButton = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n setMessage('Reply clicked')}\n variant=\"ghost\"\n buttonAttrs={{\n 'aria-label': 'ghost split',\n }}\n >\n setMessage('Reply All clicked')} />\n setMessage('Forward clicked')} />\n setMessage('Reply in 10 minutes clicked')} />\n setMessage('Selective Reply clicked')} />\n \n

    {message}

    \n     \n );\n};\n\nexport default GhostSplitButton;\n\n")))}g.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Ghost Split Button",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:l})},O=n(16037),S=["components"];function _(){return _=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 j={};function w(e){var t=e.components,n=T(e,S);return(0,l.mdx)("wrapper",_({},j,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 { Item, SplitButton } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n setMessage('Primary option clicked')}\n isDisabled\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")))}w.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Disabled Split Button",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(w,null),isExpanded:l})},N=n(22866),R=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var P={};function I(e){var t=e.components,n=C(e,R);return(0,l.mdx)("wrapper",k({},P,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 { Item, SplitButton } from 'terra-dropdown-button';\n\nconst Example = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n setMessage('Primary option clicked')}\n isBlock\n buttonAttrs={{\n 'aria-label': 'block split',\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")))}I.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Block Split Button",description:n,example:r.createElement(N.A,null),exampleSrc:r.createElement(I,null),isExpanded:l})},A=n(23570),D=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var W={};function Z(e){var t=e.components,n=q(e,D);return(0,l.mdx)("wrapper",B({},W,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { Item, SplitButton } from \'terra-dropdown-button\';\nimport { IconReply } from \'terra-icon\';\n\nimport classNames from \'classnames/bind\';\nimport styles from \'./IconSplitButton.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst Example = () => (\n <>\n }\n onSelect={() => {}}\n buttonAttrs={{\n \'aria-label\': \'icon split\',\n }}\n className={cx(\'icon-button\')}\n >\n {}} />\n {}} />\n {}} />\n {}} />\n \n }\n isReversed\n onSelect={() => {}}\n buttonAttrs={{\n \'aria-label\': \'reverse icon split\',\n }}\n className={cx(\'icon-button\')}\n >\n {}} />\n {}} />\n {}} />\n {}} />\n \n }\n isIconOnly\n onSelect={() => {}}\n buttonAttrs={{\n \'aria-label\': \'icon only split\',\n }}\n className={cx(\'icon-button\')}\n >\n {}} />\n {}} />\n {}} />\n {}} />\n \n \n);\n\nexport default Example;\n\n')))}Z.isMDXComponent=!0;var F=["components"];function H(){return H=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 Y={};function $(e){var t=e.components,n=L(e,F);return(0,l.mdx)("wrapper",H({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .icon-button {\n margin: 5px;\n }\n}\n\n")))}$.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Icon Split Button",description:n,example:r.createElement(A.A,null),exampleCssSrc:r.createElement($,null),exampleSrc:r.createElement(Z,null),isExpanded:l})},V=n(12883),G=["components"];function U(){return U=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 J={},K="wrapper";function Q(e){var t=e.components,n=z(e,G);return(0,l.mdx)(K,U({},J,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(V.Ay,{mdxType:"PropsTable"},(0,l.mdx)(V.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(V.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.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)(V.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"icon"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An optional icon. Nested inline with the text when provided."))),(0,l.mdx)(V.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"isBlock"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the component should have block styles applied. The dropdown will match the component's width."))),(0,l.mdx)(V.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"isCompact"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(V.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)(V.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the primary button and expanding the dropdown should be disabled."))),(0,l.mdx)(V.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"isIconOnly"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the button should only display as an icon."))),(0,l.mdx)(V.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"isReversed"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Reverses the position of the icon and text."))),(0,l.mdx)(V.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"primaryOptionLabel"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(V.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the text that will be shown on the primary button which is outside the dropdown."))),(0,l.mdx)(V.fI,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"onSelect"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(V.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"What will be called when the primary button is pressed."))),(0,l.mdx)(V.fI,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"variant"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'neutral'\n 'ghost'\n],\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"'neutral'\n"))),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the styles of the component, one of ",(0,l.mdx)("inlineCode",{parentName:"p"},"neutral"),", or ",(0,l.mdx)("inlineCode",{parentName:"p"},"ghost"),"."))),(0,l.mdx)(V.fI,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"metaData"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,l.mdx)(V.fI,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"buttonAttrs"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the custom properties for button.")))))}Q.isMDXComponent=!0;var ee=["components"];function te(){return te=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 re={},le="wrapper";function ae(e){var t=e.components,n=ne(e,ee);return(0,l.mdx)(le,te({},re,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(V.Ay,{mdxType:"PropsTable"},(0,l.mdx)(V.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(V.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The text that is displayed on the option."))),(0,l.mdx)(V.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"metaData"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(V.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The associated metaData to be provided in the onSelect callback."))),(0,l.mdx)(V.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(V.dt,{mdxType:"PropNameCell"},"onSelect"),(0,l.mdx)(V.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(V.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(V.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(V.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)")))))}ae.isMDXComponent=!0;var oe=["components"];function ie(){return ie=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 ce={},de="wrapper";function pe(e){var t=e.components,n=ue(e,oe);return(0,l.mdx)(de,ie({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"split-button"},"Split Button"),(0,l.mdx)("p",null,"The Split Button provides the user with the ability to choose the primary action or an action from a listing of alternative actions.\nAn example is email. The primary action is ",(0,l.mdx)("em",{parentName:"p"},"reply"),", but the user can also ",(0,l.mdx)("em",{parentName:"p"},"forward")," or ",(0,l.mdx)("em",{parentName:"p"},"reply all"),". ",(0,l.mdx)("em",{parentName:"p"},"Reply")," would be the primary action, while ",(0,l.mdx)("em",{parentName:"p"},"forward")," and ",(0,l.mdx)("em",{parentName:"p"},"reply all")," would be contained inside the dropdown."),(0,l.mdx)("p",null,"Children must be the ",(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:"implementation-notes"},"Implementation Notes:"),(0,l.mdx)("p",null,"The SplitButton 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 { Item, SplitButton } 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#internationalization-i18n"},"Internationalization 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:"DefaultSplitButton"}),(0,l.mdx)(h,{mdxType:"GhostSplitButton"}),(0,l.mdx)(E,{mdxType:"DisabledSplitButton"}),(0,l.mdx)(M,{mdxType:"BlockSplitButton"}),(0,l.mdx)(X,{mdxType:"IconSplitButton"}),(0,l.mdx)("h2",{id:"split-button-props"},"Split Button Props"),(0,l.mdx)(Q,{mdxType:"SplitButtonPropsTable"}),(0,l.mdx)("h2",{id:"item-props"},"Item Props"),(0,l.mdx)(ae,{mdxType:"ItemPropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"Terra Split 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")))}pe.isMDXComponent=!0},41727: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-dropdown-button",name:"terra-dropdown-button",version:"1.41.0",url:t})}},30496:function(e,t,n){n.r(t),t.default={"icon-button":"IconSplitButton-module__icon-button___xpiNk"}},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=d(n(96540)),l=d(n(5556)),a=d(n(46942)),o=d(n(67967)),i=d(n(52103)),u=d(n(78482)),c=["children","disableStripes","paddingStyle"];function d(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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=o.default.bind(u.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,o=m(e,c),u=r.default.useContext(i.default),d=(0,a.default)(s("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},u.className),o.className);return r.default.createElement("table",p({},o,{className:d}),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=o(n(96540)),l=o(n(5556)),a=["children"];function o(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={},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 u={children:l.default.node},c=function(e){var t=e.children,n=i(e,a);return r.default.createElement("tbody",n,t)};c.propTypes=u,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 i(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 u={children:l.default.node},c=function(e){var t=e.children,n=i(e,a);return r.default.createElement("td",n,t)};c.propTypes=u,c.defaultProps={children:[]};t.default=c},97441: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(10767)),o=["children"];function i(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 c={children:l.default.node},d=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.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)),l=o(n(5556)),a=["children"];function o(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={},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 u={children:l.default.node},c=function(e){var t=e.children,n=i(e,a);return r.default.createElement("th",n,t)};c.propTypes=u,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)),i=c(n(10767)),u=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=a.default.bind(o.default),s={children:l.default.node},f=function(e){var t=e.children,n=p(e,u),l=m(["row"]);return r.default.createElement("tr",d({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),i.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 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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.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)),i=c(n(97441)),u=c(n(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=r.default}}]); \ No newline at end of file diff --git a/30566-fb583bd26cc8b3dd408b.css b/30566-fb583bd26cc8b3dd408b.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/30566-fb583bd26cc8b3dd408b.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} +.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/31352-0780ef48679436b96884.css b/31352-0780ef48679436b96884.css new file mode 100644 index 000000000..d8d69db76 --- /dev/null +++ b/31352-0780ef48679436b96884.css @@ -0,0 +1,5 @@ +.Arrange-module__arrange___trvTn{display:-ms-flexbox;display:flex}.Arrange-module__fill___U7A5w{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___6oGvY{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___iRHhN{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___Zq2wU{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___XSkQv{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___ZSDKB{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___6oGvY{-ms-flex:0 0;flex:0 0}} +.MenuItem-module__clinical-lowlight-theme___Os0hL{--terra-menu-item-active-background-color: #1e3a49;--terra-menu-item-active-text-color: #b2b5b6;--terra-menu-item-chevron-icon-color: #9b9fa1;--terra-menu-item-disabled-chevron-icon-color: rgba(155, 159, 161, 0.2);--terra-menu-item-color: #b2b5b6;--terra-menu-item-text-color: #b2b5b6;--terra-menu-item-disabled-text-opacity: 0.18;--terra-menu-item-disabled-start-icon-opacity: 0.18;--terra-menu-item-chevron-focus-icon-color: #c5c5c6;--terra-menu-item-chevron-hover-icon-color: #c5c5c6;--terra-menu-item-focus-background-color: #1e3a49;--terra-menu-item-focus-outline: 2px dashed #fff;--terra-menu-item-focus-outline-offset: -2px;--terra-menu-item-hover-background-color: #232a2d;--terra-menu-item-hover-background-image: linear-gradient(to bottom, #122b39 2%, #152933 30%, #1e3a49 80%);--terra-menu-item-hover-box-shadow: inset 0 0 0 1px #04293f;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.286rem 0;--terra-menu-item-text-font-size: 0.928571429rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-text-margin-right: 1.714285714rem;--terra-menu-item-text-margin-left: 0.714285714rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-chevron-icon-font-size: 0.714285714rem;--terra-menu-item-chevron-icon-margin-left: 0.714285714rem;--terra-menu-item-chevron-icon-margin-right: 0.714285714rem;--terra-menu-item-start-icon-font-size: 0.85714rem;--terra-menu-item-start-icon-margin-left: 0.71428rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #1e3a49;--terra-menu-item-highlighted-hover-background-color: #232a2d;--terra-menu-item-highlighted-hover-background-image: linear-gradient(to bottom, #04293f 2%, #053754 30%, #004c76 80%);--terra-menu-item-highlighted-hover-box-shadow: inset 0 0 0 1px #04293f}.MenuItem-module__orion-fusion-theme___GGc3j{--terra-menu-item-color: #595f62;--terra-menu-item-margin: 0;--terra-menu-item-padding: 0.5rem 0.83333rem 0.5rem 2.33333rem;--terra-menu-item-hover-background-color: #f4fafe;--terra-menu-item-hover-background-image: none;--terra-menu-item-hover-box-shadow: none;--terra-menu-item-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-menu-item-focus-background-color: #ebf6fd;--terra-menu-item-focus-outline: none;--terra-menu-item-focus-outline-offset: 0;--terra-menu-item-chevron-hover-icon-color: #1f1f21;--terra-menu-item-chevron-focus-icon-color: #1f1f21;--terra-menu-item-active-background-color: #e2f2fc;--terra-menu-item-active-text-color: #000;--terra-menu-item-disabled-text-opacity: 0.1;--terra-menu-item-disabled-chevron-icon-color: rgb(187, 188, 189, 0.25);--terra-menu-item-disabled-start-icon-opacity: 0.1;--terra-menu-item-text-color: #000;--terra-menu-item-text-font-size: 1rem;--terra-menu-item-text-margin-right: 2rem;--terra-menu-item-text-margin-left: 0.5rem;--terra-menu-item-top-level-text-margin-right: 0;--terra-menu-item-start-icon-font-size: 1.33333rem;--terra-menu-item-text-font-weight: normal;--terra-menu-item-start-icon-margin-left: -1.33333rem;--terra-menu-item-start-icon-margin-right: 0;--terra-menu-item-chevron-icon-color: #000;--terra-menu-item-chevron-icon-font-size: 1.33333rem;--terra-menu-item-chevron-icon-margin-left: 0.41667rem;--terra-menu-item-chevron-icon-margin-right: 0;--terra-menu-item-highlighted-background-color: #e2f2fc;--terra-menu-item-highlighted-hover-background-color: #cbe7fa;--terra-menu-item-highlighted-hover-background-image: none;--terra-menu-item-highlighted-hover-box-shadow: none}.MenuItem-module__item___FtXmp{color:#1c1f21;color:var(--terra-menu-item-color, #1c1f21)}[dir] .MenuItem-module__item___FtXmp{cursor:default;margin:0;margin:var(--terra-menu-item-margin, 0);padding:0.286rem 0;padding:var(--terra-menu-item-padding, 0.286rem 0)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn){cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):hover{background-color:#f4fefe;background-color:var(--terra-menu-item-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-menu-item-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #e1f2fd;box-shadow:var(--terra-menu-item-hover-box-shadow, inset 0 0 0 1px #e1f2fd)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn).MenuItem-module__is-highlighted___O7wIb:hover{background-color:#d1ebfb;background-color:var(--terra-menu-item-highlighted-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-menu-item-highlighted-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-menu-item-highlighted-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):hover .MenuItem-module__chevron___9xRFy{color:rgba(28, 31, 33, 0.7);color:var(--terra-menu-item-chevron-hover-icon-color, rgba(28, 31, 33, 0.7))}}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus{outline:2px dashed #000;outline:var(--terra-menu-item-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus{background-color:#ebf6fd;background-color:var(--terra-menu-item-focus-background-color, #ebf6fd);box-shadow:none;box-shadow:var(--terra-menu-item-focus-box-shadow, none)}.MenuItem-module__item___FtXmp:not(.MenuItem-module__is-disabled___OyUVn):focus .MenuItem-module__chevron___9xRFy{color:rgb(28, 31, 33);color:var(--terra-menu-item-chevron-focus-icon-color, rgb(28, 31, 33))}[dir] .MenuItem-module__item___FtXmp:active:not(.MenuItem-module__is-disabled___OyUVn), [dir] .MenuItem-module__active___ciSK7{background-color:#ebf6fd;background-color:var(--terra-menu-item-active-background-color, #ebf6fd)}.MenuItem-module__item___FtXmp:active:not(.MenuItem-module__is-disabled___OyUVn) .MenuItem-module__text___zi1c5,.MenuItem-module__active___ciSK7 .MenuItem-module__text___zi1c5{color:#1c1f21;color:var(--terra-menu-item-active-text-color, #1c1f21)}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__text___zi1c5{opacity:0.25;opacity:var(--terra-menu-item-disabled-text-opacity, 0.25)}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__chevron___9xRFy{color:rgba(155, 159, 161, 0.3);color:var(--terra-menu-item-disabled-chevron-icon-color, rgba(155, 159, 161, 0.3))}.MenuItem-module__is-disabled___OyUVn .MenuItem-module__start-icon___ppTx4{opacity:0.25;opacity:var(--terra-menu-item-disabled-start-icon-opacity, 0.25)}.MenuItem-module__is-disabled___OyUVn:focus{outline:2px dashed #000;outline:var(--terra-menu-item-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-menu-item-focus-outline-offset, -2px)}[dir] .MenuItem-module__is-disabled___OyUVn:focus{box-shadow:none;box-shadow:var(--terra-menu-item-focus-box-shadow, none)}[dir=ltr] .MenuItem-module__is-top-level___HjEb- .MenuItem-module__text___zi1c5{margin-right:0;margin-right:var(--terra-menu-item-top-level-text-margin-right, 0)}[dir=rtl] .MenuItem-module__is-top-level___HjEb- .MenuItem-module__text___zi1c5{margin-left:0;margin-left:var(--terra-menu-item-top-level-text-margin-right, 0)}.MenuItem-module__text___zi1c5{color:#1c1f21;color:var(--terra-menu-item-text-color, #1c1f21);font-size:0.928571429rem;font-size:var(--terra-menu-item-text-font-size, 0.928571429rem);font-weight:normal;font-weight:var(--terra-menu-item-text-font-weight, normal);line-height:1.538;-webkit-user-select:none;-ms-user-select:none;user-select:none}[dir=ltr] .MenuItem-module__text___zi1c5{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-right:1.714285714rem;margin-right:var(--terra-menu-item-text-margin-right, 1.714285714rem)}[dir=rtl] .MenuItem-module__text___zi1c5{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-text-margin-left, 0.714285714rem);margin-left:1.714285714rem;margin-left:var(--terra-menu-item-text-margin-right, 1.714285714rem)}.MenuItem-module__checkmark___\+eU4g{visibility:hidden}.MenuItem-module__is-toggled___6YSTx .MenuItem-module__checkmark___\+eU4g{visibility:visible}.MenuItem-module__chevron___9xRFy{color:rgba(28, 31, 33, 0.53);color:var(--terra-menu-item-chevron-icon-color, rgba(28, 31, 33, 0.53));font-size:0.714285714rem;font-size:var(--terra-menu-item-chevron-icon-font-size, 0.714285714rem)}[dir=ltr] .MenuItem-module__chevron___9xRFy{margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}[dir=rtl] .MenuItem-module__chevron___9xRFy{margin-right:0.714285714rem;margin-right:var(--terra-menu-item-chevron-icon-margin-left, 0.714285714rem);margin-left:0.714285714rem;margin-left:var(--terra-menu-item-chevron-icon-margin-right, 0.714285714rem)}.MenuItem-module__start-icon___ppTx4{font-size:0.85714rem;font-size:var(--terra-menu-item-start-icon-font-size, 0.85714rem)}[dir=ltr] .MenuItem-module__start-icon___ppTx4{margin-left:0.71428rem;margin-left:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-right:0;margin-right:var(--terra-menu-item-start-icon-margin-right, 0)}[dir=rtl] .MenuItem-module__start-icon___ppTx4{margin-right:0.71428rem;margin-right:var(--terra-menu-item-start-icon-margin-left, 0.71428rem);margin-left:0;margin-left:var(--terra-menu-item-start-icon-margin-right, 0)}[dir] .MenuItem-module__is-highlighted___O7wIb{background-color:#e1f3fd;background-color:var(--terra-menu-item-highlighted-background-color, #e1f3fd)} +.Menu-module__clinical-lowlight-theme___11oHr{--terra-menu-background-color: #222a2e;--terra-menu-foreground-color: #b2b5b6;--terra-menu-fullscreen-header-background-color: #222a2e;--terra-menu-fullscreen-header-border-bottom: 1px solid #181b1d;--terra-menu-fullscreen-header-title-color: #b2b5b6;--terra-menu-submenu-background-color: #1c2326;--terra-menu-submenu-foreground-color: #b2b5b6;--terra-menu-submenu-header-background-color: #222a2e;--terra-menu-submenu-header-border-bottom: 1px solid #181b1d;--terra-menu-submenu-header-button-outline-offset: -3px;--terra-menu-back-button-focus-outline: #b2b5b6 dashed 2px;--terra-menu-back-button-focus-outline-offset: -3px;--terra-menu-submenu-header-buttons-icon-color: #c5c5c6;--terra-menu-submenu-header-buttons-hover-color: #b2b5b6;--terra-menu-submenu-header-title-color: #b2b5b6;--terra-menu-background-image: none;--terra-menu-divider-after-border-color: #282d31;--terra-menu-divider-border-color: #181b1d;--terra-menu-submenu-arrow-after-border-top-color: #1c2326;--terra-menu-submenu-background-image: none;--terra-menu-submenu-divider-after-border-color: #282d31;--terra-menu-divider-margin-top: 2px;--terra-menu-divider-after-border-width: 3px 0 0;--terra-menu-divider-after-margin-bottom: 4px;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-font-size: 12px;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.1667;--terra-menu-submenu-header-title-margin: 7px 7px 7px 0;--terra-menu-header-title-margin-left: 10px;--terra-menu-submenu-header-buttons-icon-font-size: 12px;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 8px;--terra-menu-fullscreen-header-title-font-size: 1rem;--terra-menu-fullscreen-header-title-line-height: 1.2;--terra-menu-fullscreen-header-title-margin: 0.5714rem 0 0.5714rem 0.3571rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.45rem;--terra-menu-fullscreen-header-buttons-margin: 0.3571rem 0;--terra-menu-fullscreen-header-buttons-padding: 4px;--terra-menu-list-padding: 6px 0}.Menu-module__orion-fusion-theme___LacaH{--terra-menu-divider-border-color: #c8cacb;--terra-menu-divider-margin-top: 0;--terra-menu-divider-after-border-color: transparent;--terra-menu-divider-after-border-width: 0;--terra-menu-divider-after-margin-bottom: 0;--terra-menu-submenu-divider-after-border-color: transparent;--terra-menu-submenu-divider-after-border-width: 0;--terra-menu-submenu-divider-after-margin-bottom: 0;--terra-menu-submenu-header-background-color: #f4f4f4;--terra-menu-submenu-header-border-bottom: 2px solid #9b9fa1;--terra-menu-submenu-header-button-outline-offset: -4px;--terra-menu-back-button-focus-outline: none;--terra-menu-back-button-focus-box-shadow: inset 0 0 1px 3px rgba(76,178,233,0.5),inset 0 0 7px 4px rgba(76,178,233,0.35);--terra-menu-submenu-header-height: auto;--terra-menu-submenu-header-title-color: #1c1f21;--terra-menu-submenu-header-title-font-size: 1.16667rem;--terra-menu-submenu-header-title-font-weight: normal;--terra-menu-submenu-header-title-line-height: 1.57143;--terra-menu-submenu-header-title-margin: 0.25rem 0.25rem 0.25rem 0;--terra-menu-submenu-header-buttons-icon-color: #1c1f21;--terra-menu-submenu-header-buttons-icon-font-size: 1.16667rem;--terra-menu-submenu-header-buttons-margin: 0;--terra-menu-submenu-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-submenu-header-buttons-hover-color: #004c76;--terra-menu-header-title-margin-left: 2.33333rem;--terra-menu-fullscreen-header-background-color: #f4f4f4;--terra-menu-fullscreen-header-border-bottom: 2px solid #9b9fa1;--terra-menu-fullscreen-header-title-color: #1c1f21;--terra-menu-fullscreen-header-title-font-size: 1.16667rem;--terra-menu-fullscreen-header-title-line-height: 1.57143;--terra-menu-fullscreen-header-title-margin: 0.5rem 0 0.416667rem 0.25rem;--terra-menu-fullscreen-header-buttons-icon-font-size: 1.16667rem;--terra-menu-fullscreen-header-buttons-margin: 0;--terra-menu-fullscreen-header-buttons-padding: 0.375rem 0.58333rem;--terra-menu-list-padding: 0;--terra-menu-background-color: #fff;--terra-menu-background-image: none;--terra-menu-foreground-color: #1c1f21;--terra-menu-submenu-arrow-after-border-top-color: none;--terra-menu-submenu-background-color: #fff;--terra-menu-submenu-background-image: none;--terra-menu-submenu-foreground-color: #1c1f21}[dir] .Menu-module__submenu___VZASC.Menu-module__arrow___mNjFo[data-align-arrow=bottom]::after{border-top-color:#f9f9f9;border-top-color:var(--terra-menu-submenu-arrow-after-border-top-color, #f9f9f9)}.Menu-module__divider___kLjFE{width:100%}[dir] .Menu-module__divider___kLjFE{border-color:#dedfe0;border-color:var(--terra-menu-divider-border-color, #dedfe0);border-style:solid;border-width:1px 0 0;margin-top:2px;margin-top:var(--terra-menu-divider-margin-top, 2px)}.Menu-module__divider___kLjFE::after{content:"";display:block}[dir] .Menu-module__divider___kLjFE::after{border-color:#f9f9f9;border-color:var(--terra-menu-divider-after-border-color, #f9f9f9);border-style:solid;border-width:3px 0 0;border-width:var(--terra-menu-divider-after-border-width, 3px 0 0);margin-bottom:4px;margin-bottom:var(--terra-menu-divider-after-margin-bottom, 4px)}[dir] .Menu-module__submenu___VZASC .Menu-module__divider___kLjFE::after{border-color:#fff;border-color:var(--terra-menu-submenu-divider-after-border-color, #fff);border-width:var(--terra-menu-submenu-divider-after-border-width);margin-bottom:var(--terra-menu-submenu-divider-after-margin-bottom)}.Menu-module__header___hX72I{height:var(--terra-menu-submenu-header-height);width:100%}[dir] .Menu-module__header___hX72I{background-color:#fff;background-color:var(--terra-menu-submenu-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-submenu-header-border-bottom, 1px solid #dedfe0)}.Menu-module__header___hX72I *[role=button]{outline-offset:-2px;outline-offset:var(--terra-menu-submenu-header-button-outline-offset, -2px)}.Menu-module__header___hX72I .Menu-module__header-title___\+ZcwA{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-title-color, #1c1f21);-ms-flex:1;flex:1;font-size:12px;font-size:var(--terra-menu-submenu-header-title-font-size, 12px);font-weight:normal;font-weight:var(--terra-menu-submenu-header-title-font-weight, normal);line-height:1.1667;line-height:var(--terra-menu-submenu-header-title-line-height, 1.1667);min-width:0;overflow:hidden;white-space:normal;word-break:normal;word-wrap:break-word}[dir] .Menu-module__header___hX72I .Menu-module__header-title___\+ZcwA{margin:7px 7px 7px 0;margin:var(--terra-menu-submenu-header-title-margin, 7px 7px 7px 0)}[dir=ltr] .Menu-module__header___hX72I .Menu-module__main-header-title___2oKr-{margin-left:10px;margin-left:var(--terra-menu-header-title-margin-left, 10px)}[dir=rtl] .Menu-module__header___hX72I .Menu-module__main-header-title___2oKr-{margin-right:10px;margin-right:var(--terra-menu-header-title-margin-left, 10px)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy{-ms-flex-item-align:center;align-self:center;color:#1c1f21;color:var(--terra-menu-submenu-header-buttons-icon-color, #1c1f21);font-size:12px;font-size:var(--terra-menu-submenu-header-buttons-icon-font-size, 12px);font-weight:bold}[dir] .Menu-module__header___hX72I .Menu-module__header-button___MeQZy{background-color:rgba(0,0,0,0);border:0;cursor:pointer;margin:0;margin:var(--terra-menu-submenu-header-buttons-margin, 0);padding:8px;padding:var(--terra-menu-submenu-header-buttons-padding, 8px)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy:hover{color:#111;color:var(--terra-menu-submenu-header-buttons-hover-color, #111)}.Menu-module__header___hX72I .Menu-module__header-button___MeQZy:focus{outline:#000 dashed 2px;outline:var(--terra-menu-back-button-focus-outline, #000 dashed 2px);outline-offset:-3px;outline-offset:var(--terra-menu-back-button-focus-outline-offset, -3px)}[dir] .Menu-module__header___hX72I .Menu-module__header-button___MeQZy:focus{box-shadow:none;box-shadow:var(--terra-menu-back-button-focus-box-shadow, none)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header___hX72I{background-color:#fff;background-color:var(--terra-menu-fullscreen-header-background-color, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-menu-fullscreen-header-border-bottom, 1px solid #dedfe0)}.Menu-module__fullscreen___Nf33- .Menu-module__header-title___\+ZcwA{color:#1c1f21;color:var(--terra-menu-fullscreen-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-menu-fullscreen-header-title-font-size, 1rem);line-height:1.2;line-height:var(--terra-menu-fullscreen-header-title-line-height, 1.2)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-title___\+ZcwA{margin:0.5714rem 0 0.5714rem 0.3571rem;margin:var(--terra-menu-fullscreen-header-title-margin, 0.5714rem 0 0.5714rem 0.3571rem)}.Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy{font-size:1.45rem;font-size:var(--terra-menu-fullscreen-header-buttons-icon-font-size, 1.45rem)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy{margin:0.3571rem 0;margin:var(--terra-menu-fullscreen-header-buttons-margin, 0.3571rem 0);padding:4px;padding:var(--terra-menu-fullscreen-header-buttons-padding, 4px)}[dir] .Menu-module__fullscreen___Nf33- .Menu-module__header-button___MeQZy:first-child{margin:0}[dir] .Menu-module__list___aZ9kx{padding:6px 0;padding:var(--terra-menu-list-padding, 6px 0)}.Menu-module__content___GmunV{color:#1c1f21;color:var(--terra-menu-foreground-color, #1c1f21);outline:0}[dir] .Menu-module__content___GmunV{background-color:#fff;background-color:var(--terra-menu-background-color, #fff);background-image:var(--terra-menu-background-image)}.Menu-module__content___GmunV.Menu-module__submenu___VZASC{color:#1c1f21;color:var(--terra-menu-submenu-foreground-color, #1c1f21)}[dir] .Menu-module__content___GmunV.Menu-module__submenu___VZASC{background-color:#f9f9f9;background-color:var(--terra-menu-submenu-background-color, #f9f9f9);background-image:var(--terra-menu-submenu-background-image)}.Menu-module__hidden-page___R\+8Zu{display:none}.Menu-module__header-container___ESUPQ{display:-ms-flexbox;display:flex} +.BasicMenu-module__clinical-lowlight-theme___q\+CmB{--terra-framework-docs-menu-button-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76}.BasicMenu-module__orion-fusion-theme___svFpN{--terra-framework-docs-menu-button-focus-box-shadow: 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35)}.BasicMenu-module__menu-wrapper___zqMZb{display:inline-block}[dir] .BasicMenu-module__menu-wrapper___zqMZb button:focus{box-shadow:0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-framework-docs-menu-button-focus-box-shadow, 0 0 1px 3px rgba(76, 178, 233, 0.5), 0 0 7px 4px rgba(76, 178, 233, 0.35))} +.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)} diff --git a/31612-737cc32150e4f60b7df7.css b/31612-737cc32150e4f60b7df7.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/31612-737cc32150e4f60b7df7.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} +.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/31612-737cc32150e4f60b7df7.js b/31612-737cc32150e4f60b7df7.js new file mode 100644 index 000000000..d87e7297d --- /dev/null +++ b/31612-737cc32150e4f60b7df7.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[31612,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],{51695:function(e,n,t){n.A=void 0;var r,a=(r=t(96540))&&r.__esModule?r:{default:r},l=t(79441);n.A=function(){return a.default.createElement(l.Facility,{alt:"South Surgical Center"})}},89458:function(e,n,t){n.A=void 0;var r=o(t(96540)),a=o(t(5556)),l=t(79441),i=o(t(75798));function o(e){return e&&e.__esModule?e:{default:e}}var p={color:a.default.string},m=function(e){var n=Object.assign({},(function(e){if(null==e)throw new TypeError("Cannot destructure "+e)}(e),e));return r.default.createElement(l.Facility,{alt:"Lima",color:n.color})};m.propTypes=p;n.A=(0,i.default)(m)},92286:function(e,n,t){n.A=void 0;var r=i(t(96540)),a=t(79441),l=i(t(51720));function i(e){return e&&e.__esModule?e:{default:e}}n.A=function(){return r.default.createElement(a.Facility,{image:l.default,alt:"Thailand"})}},93858:function(e,n,t){n.A=void 0;var r=i(t(96540)),a=t(79441),l=i(t(51720));function i(e){return e&&e.__esModule?e:{default:e}}n.A=function(){return r.default.createElement(a.Facility,{image:l.default,alt:"Thailand",size:"2em"})}},68350:function(e,n,t){t.r(n),t.d(n,{default:function(){return $}});var r=t(96540),a=t(36665),l=t(29870),i=t(51695),o=["components"];function p(){return p=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var d={};function c(e){var n=e.components,t=m(e,o);return(0,a.mdx)("wrapper",p({},d,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\n\nconst AvatarFacility = () => (\n \n);\n\nexport default AvatarFacility;\n\n")))}c.isMDXComponent=!0;var u=t(201),s=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Facility",description:t,example:r.createElement(i.A,null),exampleSrc:r.createElement(c,null),isExpanded:a})},x=t(92286),f=["components"];function y(){return y=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var v={};function b(e){var n=e.components,t=g(e,f);return(0,a.mdx)("wrapper",y({},v,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\nimport image from '../../assets/200x133.jpg';\n\nconst FacilityImage = () => (\n \n);\n\nexport default FacilityImage;\n\n")))}b.isMDXComponent=!0;var O=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Facility Image",description:t,example:r.createElement(x.A,null),exampleSrc:r.createElement(b,null),isExpanded:a})},h=t(93858),T=["components"];function C(){return C=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var j={};function w(e){var n=e.components,t=N(e,T);return(0,a.mdx)("wrapper",C({},j,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\nimport image from '../../assets/200x133.jpg';\n\nconst AvatarSize = () => (\n \n);\n\nexport default AvatarSize;\n\n")))}w.isMDXComponent=!0;var F=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Facility Size",description:t,example:r.createElement(h.A,null),exampleSrc:r.createElement(w,null),isExpanded:a})},E=t(89458),S=["components"];function P(){return P=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var D={};function A(e){var n=e.components,t=R(e,S);return(0,a.mdx)("wrapper",P({},D,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Facility } from 'terra-avatar';\nimport ColorVariantsWrapper from '../common/ColorVariantsWrapper';\n\nconst propTypes = { color: PropTypes.string };\n\nconst FacilityColorVariants = ({\n ...props\n}) => (\n \n);\n\nFacilityColorVariants.propTypes = propTypes;\nexport default ColorVariantsWrapper(FacilityColorVariants);\n\n")))}A.isMDXComponent=!0;var I=function(e){var n=e.title,t=e.description,a=e.isExpanded;return r.createElement(u.A,{title:n||"Facility Color Variants",description:t,example:r.createElement(E.A,null),exampleSrc:r.createElement(A,null),isExpanded:a})},k=t(12883),M=["components"];function V(){return V=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var X={},Z="wrapper";function z(e){var n=e.components,t=q(e,M);return(0,a.mdx)(Z,V({},X,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(k.Ay,{mdxType:"PropsTable"},(0,a.mdx)(k.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"alt"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Specifies the alternative text for the image."))),(0,a.mdx)(k.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"color"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'neutral'\n 'one'\n 'two'\n 'three'\n 'four'\n 'five'\n 'six'\n 'seven'\n 'eight'\n 'nine'\n 'ten'\n],\n"))),(0,a.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background color. Defaults to ",(0,a.mdx)("inlineCode",{parentName:"p"},"auto"),". Accepted color variants are theme specific.\nOne of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"'auto'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'neutral'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'one'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'two'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'three'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'four'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'five'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'six'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'seven'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'eight'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'nine'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'ten'"),"."))),(0,a.mdx)(k.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"hashValue"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Value used for the hash function when color is set to ",(0,a.mdx)("inlineCode",{parentName:"p"},"auto"),". If not provided, hash function utilizes alt."))),(0,a.mdx)(k.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"image"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The image to display."))),(0,a.mdx)(k.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"isAriaHidden"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether to hide avatar from the accessibility tree."))),(0,a.mdx)(k.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(k.dt,{mdxType:"PropNameCell"},"size"),(0,a.mdx)(k.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Overrides the default size.")))))}z.isMDXComponent=!0;var W=["components"];function _(){return _=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 l=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}var H={},Y="wrapper";function $(e){var n=e.components,t=L(e,W);return(0,a.mdx)(Y,_({},H,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"facility"},"Facility"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"Facility")," variant represents a location - it displays an image in a circular frame. If an image is not provided, a fallback facility icon displays."),(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-avatar"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Facility } from 'terra-avatar';\n\n\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#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(s,{title:"Default - Fallback Icon",mdxType:"Facility"}),(0,a.mdx)(O,{title:"Image",mdxType:"FacilityImage"}),(0,a.mdx)(F,{title:"Override Size",mdxType:"FacilitySize"}),(0,a.mdx)(I,{title:"Toggle Color Variants - Theme Specific",mdxType:"FacilityColorVariants"}),(0,a.mdx)("h2",{id:"facility-props"},"Facility Props"),(0,a.mdx)(z,{mdxType:"FacilityPropsTable"}))}$.isMDXComponent=!0},51720:function(e,n,t){t.r(n),n.default=t.p+"c7dacdd605e4b7ff1c7c32b00b2aa856.jpg"}}]); \ No newline at end of file diff --git a/31833-d57da5add6fe9b4cbdbf.css b/31833-d57da5add6fe9b4cbdbf.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/31833-d57da5add6fe9b4cbdbf.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/31833-d57da5add6fe9b4cbdbf.js b/31833-d57da5add6fe9b4cbdbf.js new file mode 100644 index 000000000..5713cfb40 --- /dev/null +++ b/31833-d57da5add6fe9b4cbdbf.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[31833,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,n){var r=n(24994);a.A=void 0;var l=r(n(96540)),d=r(n(5556)),t=r(n(67967)),m=r(n(25642)),i=t.default.bind(m.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,n=e.name,r=e.url,d=e.version,t=l.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},l.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(d))),m=a?l.default.createElement("a",{className:i("badge"),href:a},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},t,m)};p.propTypes=u;a.A=p},31833:function(e,a,n){n.r(a),n.d(a,{default:function(){return f}});n(96540);var r=n(36665),l=n(46858),d=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={},u="wrapper";function p(e){var a=e.components,n=m(e,d);return(0,r.mdx)(u,t({},i,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"110---april-10-2024"},"1.1.0 - (April 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed an issue where folder tree items could not receive focus after data was updated.")))),(0,r.mdx)("h2",{id:"100---march-29-2024"},"1.0.0 - (March 29, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed screenreader reading the wrong indexes for subfolder items.")))),(0,r.mdx)("h2",{id:"100-alpha10---march-14-2024"},"1.0.0-alpha.10 - (March 14, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"100-alpha9---february-28-2024"},"1.0.0-alpha.9 - (February 28, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Breaking Changes"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Renamed ",(0,r.mdx)("inlineCode",{parentName:"li"},"onClick")," prop to ",(0,r.mdx)("inlineCode",{parentName:"li"},"onSelect"),"."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop to FolderTreeItem.")))),(0,r.mdx)("h2",{id:"100-alpha8---february-16-2024"},"1.0.0-alpha.8 - (February 16, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added translations.")))),(0,r.mdx)("h2",{id:"100-alpha7---february-7-2024"},"1.0.0-alpha.7 - (February 7, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added screenreader announcement when all items are expanded or collapsed.")))),(0,r.mdx)("h2",{id:"100-alpha6---january-12-2024"},"1.0.0-alpha.6 - (January 12, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Update prop descriptions.")))),(0,r.mdx)("h2",{id:"100-alpha5---january-10-2024"},"1.0.0-alpha.5 - (January 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Only the last focused item has a tab index of 0.")))),(0,r.mdx)("h2",{id:"100-alpha4---december-18-2023"},"1.0.0-alpha.4 - (December 18, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added the ability to expand all/collapse all folders."),(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"onExpandAll")," and ",(0,r.mdx)("inlineCode",{parentName:"li"},"onCollapseAll")," props."),(0,r.mdx)("li",{parentName:"ul"},"Added keyboard navigation."),(0,r.mdx)("li",{parentName:"ul"},"Added new focus style indicators.")))),(0,r.mdx)("h2",{id:"100-alpha3---december-11-2023"},"1.0.0-alpha.3 - (December 11, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated cursor style to pointer for clickable regions.")))),(0,r.mdx)("h2",{id:"100-alpha2---december-5-2023"},"1.0.0-alpha.2 - (December 5, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added the ability to expand and collapse folders.")))),(0,r.mdx)("h2",{id:"100-alpha1---november-22-2023"},"1.0.0-alpha.1 - (November 22, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Created base ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-folder-tree")," component.")))),(0,r.mdx)("h2",{id:"011-alpha0---october-25-2023"},"0.1.1-alpha.0 - (October 25, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))))}p.isMDXComponent=!0;var o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var x={},h="wrapper";function f(e){var a=e.components,n=c(e,o);return(0,r.mdx)(h,s({},x,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)(p,{mdxType:"ChangeLog"}))}f.isMDXComponent=!0},46858:function(e,a,n){n.d(a,{E:function(){return d}});var r=n(96540),l=n(55713),d=function(e){var a=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-folder-tree",name:"terra-folder-tree",version:"1.1.0",url:a})}},25642:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/32579-dedbcfff2501b59819d6.css b/32579-dedbcfff2501b59819d6.css new file mode 100644 index 000000000..24f00b64e --- /dev/null +++ b/32579-dedbcfff2501b59819d6.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} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___LNRe1{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___gqUxa{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.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} diff --git a/32623-427bd8bb3f256ae13e93.css b/32623-427bd8bb3f256ae13e93.css new file mode 100644 index 000000000..ba8112e3d --- /dev/null +++ b/32623-427bd8bb3f256ae13e93.css @@ -0,0 +1,7 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___3YhK5{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___7Wo5q{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___RIhrF{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___RIhrF{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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/33064-a3299a02793e7cb9014d.js b/33064-a3299a02793e7cb9014d.js new file mode 100644 index 000000000..2ad3931ca --- /dev/null +++ b/33064-a3299a02793e7cb9014d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33064],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var r=n(a(96540)),l=n(a(5556)),d=n(a(67967)),o=n(a(25642)),i=d.default.bind(o.default),m={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,l=e.version,d=r.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(l)},r.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(l))),o=t?r.default.createElement("a",{className:i("badge"),href:t},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},d,o)};u.propTypes=m;t.A=u},12883:function(e,t,a){var n=a(24994),r=a(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return m.Row}}),t.Ay=t.$d=void 0;var l=p(a(96540)),d=n(a(5556)),o=n(a(67967)),i=a(92912),m=p(a(26984)),u=n(a(89744));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=l?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(n,d,o):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}var c=o.default.bind(u.default),x={children:d.default.node},f={isRequired:d.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:c("bold")},t)}).propTypes=x,(t.$d=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:c("code-block-override")},t)}).propTypes=x,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(m.Cell,{className:c([t?["required"]:[]])},t?"required":"optional")}).propTypes=f,(t.NZ=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:c("code-block-override")},t)}).propTypes=x,(t.Hd=function(e){var t=e.children;return l.default.createElement(m.Cell,null,t)}).propTypes=x;var h=function(e){var t=e.children,a=(0,l.useContext)(i.ThemeContext);return l.default.createElement(m.default,{paddingStyle:"compact",className:c("table",a.className)},l.default.createElement(m.Header,{className:c("header")},l.default.createElement(m.HeaderCell,null,"Prop"),l.default.createElement(m.HeaderCell,null,"Type"),l.default.createElement(m.HeaderCell,null,"Required"),l.default.createElement(m.HeaderCell,null,"Default"),l.default.createElement(m.HeaderCell,null,"Description")),l.default.createElement(m.Body,null,t))};h.propTypes=x;t.Ay=h},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),r=m(a(5556)),l=m(a(67967)),d=m(a(52103)),o=m(a(36605)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=l.default.bind(o.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},h=function(e){var t=e.children,a=s(e,i),r=n.default.useContext(d.default),o=(0,l.default)(p(["button",r.className]),a.className);return n.default.createElement("button",u({},a,{type:"button",className:o,onBlur:c,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};h.propTypes=f;t.default=h},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),r=i(a(5556)),l=i(a(67967)),d=i(a(52103)),o=i(a(17269));function i(e){return e&&e.__esModule?e:{default:e}}var m=l.default.bind(o.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,a=e.variant,r=e.children,l=n.default.useContext(d.default);return n.default.createElement("div",{className:m("notice",a,l.className)},n.default.createElement("div",{className:m("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:m("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:m("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:m("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:m("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:m("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(r,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};s.propTypes=u,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),l=u(a(46942)),d=u(a(67967)),o=u(a(52103)),i=u(a(16576)),m=["title"];function u(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||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var c=d.default.bind(i.default),x={title:r.default.string},f=function(e){var t=e.title,a=p(e,m),r=n.default.useContext(o.default),d=(0,l.default)(c(["placeholder",r.className]),a.className),i=c(["inner"]);return n.default.createElement("div",s({},a,{className:d}),n.default.createElement("div",{className:i},n.default.createElement("p",{className:c("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){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 n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var n=d(a(20999)),r=d(a(18778)),l=d(a(86159));function d(e){return e&&e.__esModule?e:{default:e}}},33064:function(e,t,a){a.r(t),a.d(t,{default:function(){return N}});a(96540);var n=a(36665),r=a(74647),l=a(41313),d=a(12883),o=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var u={},s="wrapper";function p(e){var t=e.components,a=m(e,o);return(0,n.mdx)(s,i({},u,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(d.Ay,{mdxType:"PropsTable"},(0,n.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that identifies the element (or elements) that labels the grid."))),(0,n.mdx)(d.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that labels the grid for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,n.mdx)(d.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"id"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that will be used to identify the Grid. If multiple grids are on the same page, each grid should have\na unique id."))),(0,n.mdx)(d.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"rows"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for content in the body of the Grid. Rows will be rendered in the order given. The first cell in each row will be the row header."))),(0,n.mdx)(d.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"sections"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for content in the body of the table. Sections will be rendered in the order given."))),(0,n.mdx)(d.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"columns"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for columns. Columns will be presented in the order given.\nThe first column, pinned to the leftmost side of the grid, will contain row headers.\nThe remaining columns will be rendered in the horizontal overflow."))),(0,n.mdx)(d.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Number indicating the default column width in px. This value will be used if no overriding width value is provided on a per-column basis."))),(0,n.mdx)(d.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that specifies the column height. Any valid CSS height value is accepted."))),(0,n.mdx)(d.fI,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"rowHeight"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that specifies the height for the rows in the grid. Any valid CSS value is accepted."))),(0,n.mdx)(d.fI,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"rowMinimumHeight"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that specifies the minimum height for the rows on the table. rowHeight takes precedence if valid CSS value is passed.\nWith this property the height of the cell will grow to fit the cell content."))),(0,n.mdx)(d.fI,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"onCellSelect"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when a selectable cell is selected. Parameters:\n@param {object} selectedCell object containing rowId, columnId and sectionId, all as strings.\n@param {object} event JavaScript event object."))),(0,n.mdx)(d.fI,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"onSectionSelect"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function that is called when a collapsible section is selected. Parameters:\n@param {string} sectionId sectionId"))),(0,n.mdx)(d.fI,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"onClearSelectedCells"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,n.mdx)(d.fI,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"onCellRangeSelect"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when a range of selectable cells is selected. Parameters:\n@param {array} cells - Array of cells each containing a rowId, columnId, and sectionId, all as strings."))),(0,n.mdx)(d.fI,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"onRowSelect"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when a row header cell is selected. Parameters:\n@param {object} rowToSelect object containing rowId and sectionId, both as strings.\n@param {boolean} isMetaPressed isMetaPressed"))),(0,n.mdx)(d.fI,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"hasVisibleColumnHeaders"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Boolean to show/hide column headers. By default, it is set to ",(0,n.mdx)("inlineCode",{parentName:"p"},"true")," and column headers are visible."))),(0,n.mdx)(d.fI,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(d.dt,{mdxType:"PropNameCell"},"isAutoFocusEnabled"),(0,n.mdx)(d.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(d.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Determines if focus is moved to the interactive element of a cell when a single button or hyperlink element is the only interactive element.")))))}p.isMDXComponent=!0;var c=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var h={},g="wrapper";function N(e){var t=e.components,a=f(e,c);return(0,n.mdx)(g,x({},h,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(l.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-flowsheetdatagrid"},"Terra FlowsheetDataGrid"),(0,n.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Overview")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Examples")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Implementation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Properties")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"Terra Standards"))),(0,n.mdx)("h2",{id:"overview"},"Overview"),(0,n.mdx)(r.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"Due to poor support in Apple VoiceOver for spanned grid headings, the use of sections in the Flowsheet Data Grid is not currently recommended for applications used on Apple devices."),(0,n.mdx)("p",null,"The Flowsheet Data Grid is an ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"accessible grid")," component that allows you to display data in a table-like structure of rows and columns."),(0,n.mdx)("p",null,"The Flowsheet Data Grid displays a header row and one or more rows of data.\nThe component contains only one tab stop with the arrow keys used for primary navigation.\nSee ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"keyboard interactions")," for all supported keys."),(0,n.mdx)("h3",{id:"features"},"Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/basic-flowsheet-data-grid"},"Navigation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/no-result-cells"},"No Results Cells")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/cell-selection"},"Cell selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/row-selection"},"Row selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/flowsheet-with-sections"},"Sections")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/column-headers-hidden"},"Headerless Flowsheet"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Link to Example"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/basic-flowsheet-data-grid"},"BasicFlowsheetDataGrid")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of the Flowsheet Data Grid with basic keyboard interactions.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/no-result-cells"},"NoResultsCells")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example containing ",(0,n.mdx)("em",{parentName:"td"},"No result")," cells.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/cell-selection"},"CellSelection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating the ability to select a single cell or range of cells.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/column-headers-hidden"},"ColumnHeadersHidden")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example containing visually hidden column headers.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/row-selection"},"RowSelection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating the ability to select a row of cells.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/flowsheet-with-sections"},"Flowsheet Data Grid with Sections")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating how to create a Flowsheet Data Grid with sections.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/column-highlight-orange-green"},"ColumnHighlightOrangeGreen")),(0,n.mdx)("td",{parentName:"tr",align:null},"Examples of the Flowsheet Data Grid with orange and green column highlighting.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/examples/multi-column-highlight"},"MultiColumnHighlight")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of the Flowsheet Data Grid with multi-column highlighting.")))),(0,n.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,n.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,n.mdx)("p",null,"The keyboard interactions supported by Flowsheet Data Grid is similar to the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"keyboard interactions for data grids"),", as outlined by the ARIA Authoring Practices Guide (APG)."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key interactions"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Up Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell up. If focus is on the top cell in the column, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Down Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Right Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the right. If focus is on the furthest right cell in the row, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Left Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the left. If focus is on the furthest left cell in the row, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Home"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first cell in the row that contains focus.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"End"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last cell in the row that contains focus.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Control + Home (Windows) ",(0,n.mdx)("br",null)," or ",(0,n.mdx)("br",null)," Ctrl + Command + Left Arrow (Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first cell in the first nonheader row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Control + End (Windows) ",(0,n.mdx)("br",null)," or ",(0,n.mdx)("br",null)," Ctrl + Command + Right Arrow (Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last cell in the last row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Tab"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the next focusable element in the tab sequence. If grid navigation is disabled thereby trapping the focus in a single grid cell, tab moves focus circularly amongst the focusable elements in the grid cell where focus is trapped.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Tab"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the previous focusable element in the tab sequence. If grid navigation is disabled thereby trapping focus in a single grid cell, tab moves focus circularly amongst the focusable elements in the grid cell where focus is trapped.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Space"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the focused cell when row selection mode is off or selects the focused row when row selection mode is on.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Enter"),(0,n.mdx)("td",{parentName:"tr",align:null},"Disables grid navigation and allows navigation in the focused cell. If the cell contains focusable content, focus moves to the first focusable element in the cell. Pressing Escape restores grid navigation.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Escape"),(0,n.mdx)("td",{parentName:"tr",align:null},"Removes all cell selections.",(0,n.mdx)("br",null)," When grid navigation is off, pressing Escape restores the grid navigation.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Up"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends cell selection one row up. The selection does not extend beyond the first nonheader row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Down"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends cell selection one row down. The selection does not extend beyond the last row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Left"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends cell selection one column to the left. The selection does not extend to the row header column.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Right"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends cell selection one column to the right. The selection does not extend beyond the last column.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Space"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the entire range of rows and columns between the starting and selected cells.")))),(0,n.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,n.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Flowsheet Data Grid"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"ariaLabel")," property is specified, the screen reader uses the aria-labeled value as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Row"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"ariaLabel")," property is specified, the screen reader uses the aria-labeled value as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," to announce interactions with the row."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Flowsheet Data Grid"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/flowsheet-data-grid/about"},"ariaLabelledBy")," property is specified, the screen reader uses the aria-labeled value to determine the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid.")))),(0,n.mdx)("h2",{id:"implementation"},"Implementation"),(0,n.mdx)("h3",{id:"installation"},"Installation"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-data-grid"))))),(0,n.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,n.mdx)("p",null,"This component requires the following peer dependencies to be installed in your app for the component to properly function."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,n.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,n.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { FlowsheetDataGrid } from 'terra-data-grid';\n")),(0,n.mdx)("h2",{id:"properties"},"Properties"),(0,n.mdx)(r.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"When making changes to the columns, section, rows, or cells, the Flowsheet Data Grid component requires you to pass new objects so that React can detect the changes. In addition, ensure that you memoize callback functions using methods such as the useCallback hook to prevent unnecessary rerenders of components."),(0,n.mdx)("h3",{id:"flowsheet-data-grid-property-table"},"Flowsheet Data Grid Property Table"),(0,n.mdx)(p,{mdxType:"FlowsheetDataGridPropsTable"}),(0,n.mdx)("h3",{id:"flowsheet-data-grid-constants"},"Flowsheet Data Grid Constants"),(0,n.mdx)("p",null,"Enumeration: ColumnHighlightColor"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Constant"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"ORANGE")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"Orange column highlight.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"GREEN")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"Green column highlight.")))),(0,n.mdx)("h3",{id:"column"},"Column"),(0,n.mdx)("p",null,"A column specifies the data to render a cell in the header row of the Flowsheet Data Grid."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"required")),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column in the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"displayName")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"String of text to render in the column header cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"action")),(0,n.mdx)("td",{parentName:"tr",align:null},"object"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An object containing label and onClick properties for column action button, which will be displayed in an additional row below the column header row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"hasError")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether the column has an error in the data.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"width")),(0,n.mdx)("td",{parentName:"tr",align:null},"number"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A number (in px) specifying the width of the column. If not provided, the Data Grid's default column width is used.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"columnHighlightColor")),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("inlineCode",{parentName:"td"},'enum: ["green", "orange"]')),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"The color to be used for highlighting a column.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"columnHighlightDescription")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"The information to be conveyed to screen readers about the highlighted column.")))),(0,n.mdx)("h3",{id:"rows"},"Rows"),(0,n.mdx)("p",null,"Rows define the cells rendered in the row and the row's selection properties.\nThe order in which the rows are provided is the order in which they are rendered."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"required"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier for the row. This identifier should be unique across the set of rows provided to the Grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value is used for accessibilty when announcing the row that is selected or deselected.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelectable")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether the row is selectable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelected")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether the row should render as selected.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"cells")),(0,n.mdx)("td",{parentName:"tr",align:null},"array"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. The order in which the cells are rendered is determined by the order in which they are provided.")))),(0,n.mdx)("h3",{id:"cells"},"Cells"),(0,n.mdx)("p",null,"Cells define the content rendered in a given row and column. Cells are rendered in the order given and are expected to be in the same order as the column."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"content")),(0,n.mdx)("td",{parentName:"tr",align:null},"content"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"The content to render in the cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelected")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether the cell is selected.")))),(0,n.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))))}N.isMDXComponent=!0},41313:function(e,t,a){a.d(t,{E:function(){return l}});var n=a(96540),r=a(55713),l=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-grid",name:"terra-grid",version:"6.36.0",url:t})}},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"}},89744:function(e,t,a){a.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"}},36605:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},78482:function(e,t,a){a.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,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),l=u(a(46942)),d=u(a(67967)),o=u(a(52103)),i=u(a(78482)),m=["children","disableStripes","paddingStyle"];function u(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||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var c=d.default.bind(i.default),x={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},f=function(e){var t=e.children,a=e.disableStripes,r=e.paddingStyle,d=p(e,m),i=n.default.useContext(o.default),u=(0,l.default)(c("table",{striped:!a},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},i.className),d.className);return n.default.createElement("table",s({},d,{className:u}),t)};f.propTypes=x,f.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=f},61452:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),r=d(a(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i={children:r.default.node},m=function(e){var t=e.children,a=o(e,l);return n.default.createElement("tbody",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},86472:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),r=d(a(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i={children:r.default.node},m=function(e){var t=e.children,a=o(e,l);return n.default.createElement("td",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},97441:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),r=o(a(5556)),l=o(a(10767)),d=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var m={children:r.default.node},u=function(e){var t=e.children,a=i(e,d);return n.default.createElement("thead",a,n.default.createElement("tr",null,l.default.addScope(t,"col")))};u.propTypes=m,u.defaultProps={children:[]};t.default=u},22417:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),r=d(a(5556)),l=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var i={children:r.default.node},m=function(e){var t=e.children,a=o(e,l);return n.default.createElement("th",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},36142:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),r=m(a(5556)),l=m(a(67967)),d=m(a(78482)),o=m(a(10767)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=l.default.bind(d.default),c={children:r.default.node},x=function(e){var t=e.children,a=s(e,i),r=p(["row"]);return n.default.createElement("tr",u({},a,{className:a.className?"".concat(r," ").concat(a.className):r}),o.default.addScope(t,"row"))};x.propTypes=c,x.defaultProps={children:[]};t.default=x},10767:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,r=(n=a(96540))&&n.__esModule?n:{default:n};var l={addScope:function(e,t){var a=[];return r.default.Children.forEach(e,(function(e){a.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=l},26984:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.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 n=m(a(85444)),r=m(a(61452)),l=m(a(36142)),d=m(a(86472)),o=m(a(97441)),i=m(a(22417));function m(e){return e&&e.__esModule?e:{default:e}}t.default=n.default}}]); \ No newline at end of file diff --git a/33451-8518d49c016669c0996d.css b/33451-8518d49c016669c0996d.css new file mode 100644 index 000000000..213d156eb --- /dev/null +++ b/33451-8518d49c016669c0996d.css @@ -0,0 +1,7 @@ +.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} +.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT{height:auto;overflow:auto}.CompactInteractiveList-module__compact-interactive-list-container___\+TZeT>*{box-sizing:border-box}.CompactInteractiveList-module__compact-interactive-list___phgKg{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.CompactInteractiveList-module__hidden___9C9Bi{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .CompactInteractiveList-module__hidden___9C9Bi{border:0;margin:-1px;padding:0} +.Row-module__orion-fusion-theme___\+iu-B{--terra-compact-interactive-list-row-background-color: #fefffe;--terra-compact-interactive-list-row-border-top: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-bottom: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-left: 1px solid #c8cacb;--terra-compact-interactive-list-row-border-right: 1px solid #c8cacb}.Row-module__clinical-lowlight-theme___Fdfmb{--terra-compact-interactive-list-row-background-color: #2d3539;--terra-compact-interactive-list-row-border-bottom: 1px solid #181b1d;--terra-compact-interactive-list-row-border-right: 1px solid #181b1d;--terra-compact-interactive-list-row-border-left: 1px solid #181b1d;--terra-compact-interactive-list-row-border-top: 1px solid #181b1d}.Row-module__row___yQAx\+{box-sizing:border-box;display:-ms-flexbox;display:flex;position:relative}[dir] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){background-color:#fefffe;background-color:var(--terra-compact-interactive-list-row-background-color, #fefffe);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-compact-interactive-list-row-border-bottom, 1px solid #dedfe0)}[dir=ltr] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___yQAx\+:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-right, 1px solid #dedfe0)}[dir] .Row-module__row-topmost___pKNJf:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){border-top:1px solid #dedfe0;border-top:var(--terra-compact-interactive-list-row-border-top, 1px solid #dedfe0)}[dir=ltr] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){border-left:1px solid #dedfe0;border-left:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)}[dir=rtl] .Row-module__row-leftmost___APDG3:not(.Row-module__row-placeholder___wxsRN):not(.Row-module__borderless___SszTD){border-right:1px solid #dedfe0;border-right:var(--terra-compact-interactive-list-row-border-left, 1px solid #dedfe0)} +.Cell-module__orion-fusion-theme___NktNS{--terra-compact-interactive-list-hover-background-color: #e0f2fb;--terra-compact-interactive-list-cell-selected-background-color: #cbe7fa;--terra-compact-interactive-list-cell-focus-outline: none;--terra-compact-interactive-list-cell-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35)}.Cell-module__clinical-lowlight-theme___KBf6s{--terra-compact-interactive-list-hover-background-color: #25282a;--terra-compact-interactive-list-cell-selected-background-color: #1e3a49;--terra-compact-interactive-list-cell-focus-outline: 3px dashed #fff;--terra-compact-interactive-list-cell-focus-outline-offset: -4px;--terra-compact-interactive-list-cell-focus-box-shadow: none}.Cell-module__cell___KBJ8D{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}[dir] .Cell-module__cell___KBJ8D{padding:7px;padding:var(--terra-compact-interactive-list-cell-content-padding, 7px)}.Cell-module__cell___KBJ8D:focus{outline:3px dashed #000;outline:var(--terra-compact-interactive-list-cell-focus-outline, 3px dashed #000);outline-offset:-4px;outline-offset:var(--terra-compact-interactive-list-cell-focus-outline-offset, -4px)}[dir] .Cell-module__cell___KBJ8D:focus{box-shadow:none;box-shadow:var(--terra-compact-interactive-list-cell-focus-box-shadow, none)}[dir] .Cell-module__selectable___uBKFA:hover{background-color:#e0f2fb;background-color:var(--terra-compact-interactive-list-hover-background-color, #e0f2fb);cursor:pointer}[dir] .Cell-module__selected___d5YnS{background-color:#cbe7fa;background-color:var(--terra-compact-interactive-list-cell-selected-background-color, #cbe7fa)} +.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/33451-8518d49c016669c0996d.js b/33451-8518d49c016669c0996d.js new file mode 100644 index 000000000..7f1950ead --- /dev/null +++ b/33451-8518d49c016669c0996d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[33451,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],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),l=a(n(5556)),i=a(n(67967)),d=a(n(25642)),o=i.default.bind(d.default),m={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,a=e.url,l=e.version,i=r.default.createElement("a",{className:o("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},r.default.createElement("span",{className:o("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:o("badge-version")},"v".concat(l))),d=t?r.default.createElement("a",{className:o("badge"),href:t},r.default.createElement("span",{className:o("badge-name")},"github"),r.default.createElement("span",{className:o("badge-version")},"source")):void 0;return r.default.createElement("div",{className:o("badge-container")},i,d)};u.propTypes=m;t.A=u},12883:function(e,t,n){var a=n(24994),r=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return m.Row}}),t.Ay=t.$d=void 0;var l=s(n(96540)),i=a(n(5556)),d=a(n(67967)),o=n(92912),m=s(n(26984)),u=a(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var d=l?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var p=d.default.bind(u.default),f={children:i.default.node},x={isRequired:i.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:p("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(m.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return l.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(m.Cell,null,t)}).propTypes=f;var h=function(e){var t=e.children,n=(0,l.useContext)(o.ThemeContext);return l.default.createElement(m.default,{paddingStyle:"compact",className:p("table",n.className)},l.default.createElement(m.Header,{className:p("header")},l.default.createElement(m.HeaderCell,null,"Prop"),l.default.createElement(m.HeaderCell,null,"Type"),l.default.createElement(m.HeaderCell,null,"Required"),l.default.createElement(m.HeaderCell,null,"Default"),l.default.createElement(m.HeaderCell,null,"Description")),l.default.createElement(m.Body,null,t))};h.propTypes=f;t.Ay=h},86159:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(96540)),r=m(n(5556)),l=m(n(67967)),i=m(n(52103)),d=m(n(36605)),o=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=l.default.bind(d.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:r.default.string},h=function(e){var t=e.children,n=c(e,o),r=a.default.useContext(i.default),d=(0,l.default)(s(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:d,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};h.propTypes=x;t.default=h},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=o(n(67967)),i=o(n(52103)),d=o(n(17269));function o(e){return e&&e.__esModule?e:{default:e}}var m=l.default.bind(d.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,l=a.default.useContext(i.default);return a.default.createElement("div",{className:m("notice",n,l.className)},a.default.createElement("div",{className:m("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:m("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:m("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:m("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:m("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:m("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=u(n(46942)),i=u(n(67967)),d=u(n(52103)),o=u(n(16576)),m=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=i.default.bind(o.default),f={title:r.default.string},x=function(e){var t=e.title,n=s(e,m),r=a.default.useContext(d.default),i=(0,l.default)(p(["placeholder",r.className]),n.className),o=p(["inner"]);return a.default.createElement("div",c({},n,{className:i}),a.default.createElement("div",{className:o},a.default.createElement("p",{className:p("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},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 a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=i(n(20999)),r=i(n(18778)),l=i(n(86159));function i(e){return e&&e.__esModule?e:{default:e}}},64157:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var l=a(n(85715)),i=c(n(96540)),d=c(n(83663)),o=n(33049),m=a(n(23986));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 c(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 i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var d=l?Object.getOwnPropertyDescriptor(e,i):null;d&&(d.get||d.set)?Object.defineProperty(a,i,d):a[i]=e[i]}return a.default=e,n&&n.set(e,a),a}var s=function(){var e=(0,i.useState)(!1),t=(0,l.default)(e,2),n=t[0],a=t[1],r=function(){return a(!n)};return n?i.default.createElement(m.default,{variant:"utility",text:"Unfavorite item",icon:i.default.createElement(o.IconFeatured,null),onClick:r}):i.default.createElement(m.default,{variant:"utility",text:"Favorite item",icon:i.default.createElement(o.IconFeaturedOff,null),onClick:r})},p=i.default.createElement(o.IconMultipleResultsNormal,{a11yLabel:"Results normal",height:"1.5em",width:"1.5em"}),f=i.default.createElement(o.IconMultipleResultsNotNormal,{a11yLabel:"Results not normal",height:"1.5em",width:"1.5em"}),x=i.default.createElement(o.IconMultipleResultsCritical,{a11yLabel:"Results critical",height:"1.5em",width:"1.5em"}),h=[{id:"row_1",cells:[{content:p},{content:"Discern Care Set (1)"},{content:i.default.createElement(s,null)}]},{id:"row_2",cells:[{content:p},{content:"Initial observation Care/Day High Severity 99220 (2)"},{content:i.default.createElement(s,null)}]},{id:"row_3",cells:[{content:f},{content:"Arterial Sheath Care (3)"},{content:i.default.createElement(s,null)}]},{id:"row_4",cells:[{content:" "},{content:"Sbsq Observation Care/Day High Severity 99226 (4)"},{content:i.default.createElement(s,null)}]},{id:"row_5",cells:[{content:x},{content:"Arterial Sheath Care (5)"},{content:i.default.createElement(s,null)}]}],N=[{id:"Column-0",displayName:"Status",width:"5em",align:d.alignTypes.CENTER},{id:"Column-1",displayName:"Service name",width:"20em"},{id:"Column-2",displayName:"Featured",width:"5em",align:d.alignTypes.CENTER}];t.A=function(){return i.default.createElement(d.default,{id:"compact-interactive-list-fixed-width",ariaLabel:"Compact Interactive List",rows:h,columns:N,numberOfColumns:2,rowHeaderIndex:1})}},19093:function(e,t,n){n.r(t),n.d(t,{default:function(){return y}});n(96540);var a=n(36665),r=n(74647),l=(n(79385),n(86291)),i=n(12883),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function s(e){var t=e.components,n=m(e,d);return(0,a.mdx)(c,o({},u,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"},"id"),(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:!0,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,"String that will be used to identify the list. If multiple lists are on the same page, each list should have\na unique id."))),(0,a.mdx)(i.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(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,"String that identifies the element (or elements) that labels the list."))),(0,a.mdx)(i.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"ariaLabel"),(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,"String that labels the list for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,a.mdx)(i.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"columns"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\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,"Data for columns."))),(0,a.mdx)(i.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"rows"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\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"},"[]\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Data for rows (list items) content."))),(0,a.mdx)(i.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"rowHeight"),(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,"Row height should be a valid css string with height in px, em, or rem units."))),(0,a.mdx)(i.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"numberOfColumns"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\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"},"1\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A number of visual columns. Defaults to 1. Number of visual rows is calculated as the number of items divided by the number of columns, rounded up."))),(0,a.mdx)(i.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"flowHorizontally"),(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)("p",null,"none")),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"By default the items go from top to bottom, then break to the next column.\nIf flowHorizontally prop is set to true, items will flow left to right, then break to the next row."))),(0,a.mdx)(i.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"width"),(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"},"'100%'\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A string for container's width. Any valid css string. Defaults to '100%'.\nIn case when all the columns has their widths explicitly set to a number, the width of the list will be determined by the width of it's columns unless the flexGrow prop would allow them grow."))),(0,a.mdx)(i.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"onCellSelect"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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,"Callback function that is called when a selectable cell is selected.\nReturns an object with named parameters for rowId and columnId"))),(0,a.mdx)(i.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"onClearSelection"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,a.mdx)(i.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"columnMinimumWidth"),(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,"Columns minimum width should be a valid css string in value in px, em, or rem units."))),(0,a.mdx)(i.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"columnMaximumWidth"),(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,"Columns maximum width should be a valid css string in value in px, em, or rem units."))),(0,a.mdx)(i.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,a.mdx)(i.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\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"},"0\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A zero-based index indicating which column represents the row header.\nIf there is only one semantic column in the list, the list will have no row headers and the rowHeaderIndex will be ignored."))),(0,a.mdx)(i.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(i.dt,{mdxType:"PropNameCell"},"hasVisibleBorders"),(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"},"true\n"))),(0,a.mdx)(i.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A Boolean value indicating whether the visual column borders are displayed.\nSetting the value to false hides the column borders.")))))}s.isMDXComponent=!0;var p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var h={},N="wrapper";function y(e){var t=e.components,n=x(e,p);return(0,a.mdx)(N,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"terra-compact-interactive-list"},"Terra Compact Interactive List"),(0,a.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Overview")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Design Decisions")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Accessibility")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Implementation")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Properties")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Terra Standards"))),(0,a.mdx)("h2",{id:"overview"},"Overview"),(0,a.mdx)("p",null,"The Terra Compact Interactive List component provides a way to render a collection of interactive information in a list format that has a single tab stop. You can arrange the list in columns to fit a wide space, and the user can move between them with the arrow keys."),(0,a.mdx)(l.A,{mdxType:"FixedWidthColumns"}),(0,a.mdx)("h3",{id:"features"},"Features"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ability to arrange items in columns."),(0,a.mdx)("li",{parentName:"ul"},"Fixed and responsive width columns."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("inlineCode",{parentName:"li"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"li"},"em"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"rem")," width units."),(0,a.mdx)("li",{parentName:"ul"},"Vertical and horizontal flow."),(0,a.mdx)("li",{parentName:"ul"},"Minimum and maximum column widths that you can set for all responsive columns or for each column individually."),(0,a.mdx)("li",{parentName:"ul"},"Selectable cells."),(0,a.mdx)("li",{parentName:"ul"},"Interactive elements in cells (one per cell).")),(0,a.mdx)("p",null,"See the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"Examples")," section for detailed demonstrations of the Compact Interactive List component features."),(0,a.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Much like a data grid, Compact Interactive List uses a roving tab stop. When you press ",(0,a.mdx)("strong",{parentName:"li"},"TAB")," to focus the Compact Interactive List component, the last visited cell or the first cell upon initial selection becomes active. Focus is moved between cells using keyboard controls or mouse input.\nIf you press ",(0,a.mdx)("strong",{parentName:"li"},"TAB")," or ",(0,a.mdx)("strong",{parentName:"li"},"SHIFT+TAB")," while the Compact Interactive List component is active, you exit the list."),(0,a.mdx)("li",{parentName:"ul"},"The consumer data state is not maintained. The state must be maintained by the consumer."),(0,a.mdx)("li",{parentName:"ul"},"Callbacks are used to communicate user actions.\nThe callbacks are provided by the consumer; therefore, the implementation is consumer specific.\nThe consumer determines whether actions are performed and what those actions are.\nFor example, the user can select a cell in the Compact Interactive List component, which calls the onCellSelect callback."),(0,a.mdx)("li",{parentName:"ul"},"A single interactive element per cell is supported. If more than one interactive component is placed in a cell, the component will not behave as intended."),(0,a.mdx)("li",{parentName:"ul"},"To maintain simple keyboard controls, interactive elements like text input fields, radio button groups, and sliders are not currently supported.")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(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},"Link to Example"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/fixed-width-columns"},"FixedWidthColumns")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with fixed width columns.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/responsive-columns"},"ResponsiveColumns")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with responsive text columns.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/scalable-units"},"ScalableUnits")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component with width properties set in units relative to the font size.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/flow-direction"},"FlowDirection")),(0,a.mdx)("td",{parentName:"tr",align:null},"Examples of the Compact Interactive List component with vertical and horizontal flow directions.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/number-of-columns"},"NumberOfColumns")),(0,a.mdx)("td",{parentName:"tr",align:null},"An example of the Compact Interactive List component placed inside a main element that uses width breakpoints to dynamically change the number of columns.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/examples/cell-content"},"CellContent")),(0,a.mdx)("td",{parentName:"tr",align:null},"Examples of cell content for the Compact Interactive List component.")))),(0,a.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,a.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(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},"Keys"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"UP ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell above the currently active cell. If the top cell of a column is active, the last cell of the previous column is selected. If the top cell of the first column is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"DOWN ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell below the currently active cell. If the last cell of a column is active, the first cell of the next column is selected. If the last cell of the last column is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"RIGHT ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the right of the currently active cell. If the right-most cell in the row is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"LEFT ARROW"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the cell to the left of the currently active cell. If the left-most cell in the row is active, the active cell does not change.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"HOME"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the visual row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"END"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the visual row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"CTRL+HOME (Microsoft Windows) ",(0,a.mdx)("br",null)," or ",(0,a.mdx)("br",null)," CTRL+COMMAND+LEFT ARROW (Apple Mac)"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the first cell in the first row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"CTRL+END (Microsoft Windows) ",(0,a.mdx)("br",null)," or ",(0,a.mdx)("br",null),"CTRL+COMMAND+RIGHT ARROW (Apple Mac)"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the last cell in the last row.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"TAB"),(0,a.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the next selectable element in the tab sequence.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"SHIFT+TAB"),(0,a.mdx)("td",{parentName:"tr",align:null},"Exits the list and moves to the previous selectable element in the tab sequence.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"SPACEBAR"),(0,a.mdx)("td",{parentName:"tr",align:null},"Selects the active cell. A cell cannot be selected if it contains active elements in it.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"ESC"),(0,a.mdx)("td",{parentName:"tr",align:null},"Removes the cell selection.")))),(0,a.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,a.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"ariaLabel")," property is specified, the screen reader uses the aria-label value as the ",(0,a.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"ariaLabelledBy")," property is specified, the screen reader uses the aria-labelledby value to determine the ",(0,a.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the list."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/rowheader_role"},"rowheader"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Compact Interactive List"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"rowHeaderIndex")," property is provided, the screen reader uses the corresponding cell as the header cell for a row, establishing a relationship between it and the other cells in the same row."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/columnheader_role"},"columnheader"),(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"Column"),": When the ",(0,a.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"displayedName")," property is specified, the screen reader uses it to define the header information for the semantic column.")))),(0,a.mdx)("h2",{id:"implementation"},"Implementation"),(0,a.mdx)("h3",{id:"installation"},"Installation"),(0,a.mdx)("p",null,"Install with ",(0,a.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,a.mdx)("inlineCode",{parentName:"p"},"npm install terra-compact-interactive-list")),(0,a.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,a.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,a.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application 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)("h3",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import CompactInteractiveList from 'terra-compact-interactive-list';\n")),(0,a.mdx)("h2",{id:"properties"},"Properties"),(0,a.mdx)(r.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"The supported units for width properties are ",(0,a.mdx)("inlineCode",{parentName:"p"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"em"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"rem"),".\nEnsure that the width units are consistent across all the properties in the same component. The width properties are\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMinimumWidth"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"columnMaximumWidth"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"width"),",\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"minimumWidth"),", and\n",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/compact-interactive-list/about"},"maximumWidth"),".\nWidth units that are inconsistent with the rest of the component properties are disregarded.")),(0,a.mdx)("h3",{id:"compact-interactive-list-properties-table"},"Compact Interactive List Properties Table"),(0,a.mdx)(s,{mdxType:"CompactInteractiveListPropsTable"}),(0,a.mdx)("h3",{id:"column"},"Column"),(0,a.mdx)("p",null,"A column specifies the information to render cells in the columns."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column in the list.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"displayName")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string of text that screen readers read when the column context changes.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"width")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. If omitted, the column becomes responsive. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A valid CSS string. ",(0,a.mdx)("inlineCode",{parentName:"td"},"px"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"em"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"rem")," units are supported. This property is disregarded if the column has a fixed width.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"flexGrow")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the column is responsive.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"align")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"'left'"),(0,a.mdx)("td",{parentName:"tr",align:null},"A string value that indicates the alignment. ",(0,a.mdx)("inlineCode",{parentName:"td"},"center"),", ",(0,a.mdx)("inlineCode",{parentName:"td"},"right"),", or ",(0,a.mdx)("inlineCode",{parentName:"td"},"left")," alignments are supported.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelectable")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean value indicating whether the cells in this column are selectable.")))),(0,a.mdx)("h3",{id:"row"},"Row"),(0,a.mdx)("p",null,"A row defines the cells rendered in the row."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"id")),(0,a.mdx)("td",{parentName:"tr",align:null},"String"),(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row in the list.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"cells")),(0,a.mdx)("td",{parentName:"tr",align:null},"Array"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"[ ]"),(0,a.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. Cells are rendered in the order given and are expected to match the column order.")))),(0,a.mdx)("h3",{id:"cell"},"Cell"),(0,a.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(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},"Name"),(0,a.mdx)("th",{parentName:"tr",align:null},"Type"),(0,a.mdx)("th",{parentName:"tr",align:null},"Required"),(0,a.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"content")),(0,a.mdx)("td",{parentName:"tr",align:null},"Content"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"The content to render in the cell.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("strong",{parentName:"td"},"isSelected")),(0,a.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,a.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,a.mdx)("td",{parentName:"tr",align:null},"None"),(0,a.mdx)("td",{parentName:"tr",align:null},"A boolean value indicating whether the cell is selected.")))),(0,a.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(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#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#ltr--rtl"},"LTR/RTL Support"))))}y.isMDXComponent=!0},86291:function(e,t,n){n.d(t,{A:function(){return s}});var a=n(96540),r=n(64157),l=n(36665),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={};function u(e){var t=e.components,n=o(e,i);return(0,l.mdx)("wrapper",d({},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 CompactInteractiveList, { alignTypes } from 'terra-compact-interactive-list';\nimport {\n IconFeaturedOff, IconFeatured, IconMultipleResultsNormal, IconMultipleResultsNotNormal, IconMultipleResultsCritical,\n} from 'terra-icon';\nimport Button from 'terra-button';\n\nconst FeaturedIcon = () => {\n const [isFeatured, setIsFeatured] = useState(false);\n const onButtonClick = () => setIsFeatured(!isFeatured);\n return (\n isFeatured ? \n

    \n {hasPendingAction ? : undefined}\n \n );\n};\n\nExamplePageContent.propTypes = {\n title: PropTypes.string,\n};\n\nconst navigationItems = [{\n key: 'page_1',\n text: 'Page 1',\n}, {\n key: 'page_2',\n text: 'Page 2',\n}, {\n key: 'page_3',\n text: 'Page 3',\n}];\n\nconst userConfig = {\n name: 'Example User',\n initials: 'EU',\n detail: 'Is a User',\n};\n\nconst userActionConfig = {\n text: 'Edit Photo',\n // eslint-disable-next-line no-alert\n userActionCallback: () => alert('Edit Photo Clicked'),\n};\n\nconst ApplicationNavigationTest = () => {\n const [activeNavItem, setActiveNavItem] = useState('page_1');\n const [loggedOut, setLoggedOut] = useState(false);\n\n return (\n
    \n {loggedOut ? (\n <>\n

    Logged Out

    \n \n \n ) : (\n { setActiveNavItem(key); }}\n onSelectLogout={() => {\n setLoggedOut(true);\n }}\n >\n \n \n )}\n
    \n );\n};\n\nexport default ApplicationNavigationTest;\n\n")))}_.isMDXComponent=!0;var w=n(201),T=["components"];function O(){return O=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var I={};function E(e){var t=e.components,n=k(e,T);return(0,l.mdx)("wrapper",O({},I,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example-container {\n height: 400px;\n }\n\n .page-content,\n .workspace-content {\n padding: 1rem;\n }\n}\n\n")))}E.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(w.A,{title:t||"Application Navigation Example",description:n,example:a.createElement(y.A,null),exampleCssSrc:a.createElement(E,null),exampleSrc:a.createElement(_,null),isExpanded:l})},P=n(90843),A=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var q={};function D(e){var t=e.components,n=R(e,A);return(0,l.mdx)("wrapper",S({},q,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 classNames from 'classnames/bind';\nimport ApplicationNavigation, {\n ApplicationNavigationActionsContext,\n} from 'terra-application/lib/application-navigation';\nimport { WorkspaceContent } from 'terra-application/lib/workspace';\nimport NotificationBanner from 'terra-application/lib/notification-banner';\nimport Button from 'terra-button';\nimport IconEdit from 'terra-icon/lib/icon/IconEdit';\nimport IconAdd from 'terra-icon/lib/icon/IconAdd';\nimport IconAttachment from 'terra-icon/lib/icon/IconAttachment';\nimport Toolbar from 'terra-toolbar';\n\nimport styles from './ApplicationNavigationExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\n// Content to be rendered within the workspace must be rendered using the\n// WorkspaceContent component. For this example, we define two components to\n// represent both simple and complex scenarios.\n\nconst WorkspaceContent1 = () => (\n \n
    \n

    Example Workspace Content 1

    \n
    \n     \n);\n\nconst WorkspaceContent2 = () => (\n \n \n \n ) : (\n { setActiveNavigationItem(key); }}\n onSelectLogout={() => { setLoggedOut(true); }}\n workspace={workspace}\n >\n \n {({ actions = [] }) => (\n
    \n

    \n Example Content for\n {' '}\n {activeNavigationItem}\n

    \n

    \n Layout Actions:\n {' '}\n {actions.map(action => (\n \n {action.icon}\n \n ))}\n

    \n

    \n Last Reported Active Workspace Item:\n {' '}\n {reportedWorkspaceActiveItem}\n

    \n

    \n Last Reported Workspace Size:\n {' '}\n {reportedWorkspaceSize}\n

    \n

    \n Last Reported Workspace Visibility:\n {' '}\n {reportedWorkspaceVisibility}\n

    \n
    \n )}\n     \n \n )}\n \n );\n};\n\nexport default ApplicationNavigationWorkspaceExample;\n\n")))}D.isMDXComponent=!0;var W=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(w.A,{title:t||"Application Navigation Workspace Example",description:n,example:a.createElement(P.A,null),exampleCssSrc:a.createElement(E,null),exampleSrc:a.createElement(D,null),isExpanded:l})},M=n(74647),Z=["components"];function L(){return L=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var V={},B="wrapper";function Y(e){var t=e.components,n=H(e,Z);return(0,l.mdx)(B,L({},V,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"applicationnavigation"},"ApplicationNavigation"),(0,l.mdx)("p",null,"The ApplicationNavigation component provides a styled layout and controls used for navigating within an application."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ApplicationNavigation from 'terra-application/lib/application-navigation';\n")),(0,l.mdx)("h2",{id:"required-contexts"},"Required Contexts"),(0,l.mdx)("p",null,"ApplicationNavigation requires values from the following Contexts:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("a",{parentName:"li",href:"/terra-ui/application/terra-application/contexts/application-intl-context"},"ApplicationIntlContext"))),(0,l.mdx)("h2",{id:"props"},"Props"),(0,l.mdx)(u,{mdxType:"PropsTable"}),(0,l.mdx)("h3",{id:"extensionitems"},(0,l.mdx)("inlineCode",{parentName:"h3"},"extensionItems")),(0,l.mdx)("h4",{id:"is-required-false"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," prop allows consumers to render icons with an associated selection callback within the ApplicationNavigation's extensions region.\nThe expectations for ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," is that they are to provide click actions and disclosures for the application level context. The ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," will\nrollup in various counts depending on the current breakpoint. If ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," are passed as props the associated ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectExtensionItem")," function callback\nshould be passed as well."),(0,l.mdx)("p",null,"The value provided for ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," should be an array of objects with the following API:"),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"key")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A key rendered to be used as a unique react key as well as returned with the onSelectExtensionItem.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"icon")),(0,l.mdx)("td",{parentName:"tr",align:null},"Element"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A React element representing the themable icon for the extension.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"text")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"The text to either be set as an aria-label or display text.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"metaData")),(0,l.mdx)("td",{parentName:"tr",align:null},"Object"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"An object containing whatever additional identifying information to be returned with the onSelectExtensionItem.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const extensionItems = [{\n key: 'extension_1',\n icon: ,\n text: 'Extension 1',\n metaData: { myValue: value1 }\n}, {\n key: 'extension_2',\n icon: ,\n text: 'Extension 2',\n metaData: { myValue: value2 }\n}];\n")),(0,l.mdx)("h3",{id:"onselectextensionitem"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectExtensionItem")),(0,l.mdx)("h4",{id:"is-required-false-1"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectExtensionItem")," prop allows consumers to retrieve the information related to the extension that was clicked.\nThe function callback will return the information in the format of ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectExtensionItem(key, metaData)"),"."),(0,l.mdx)("h3",{id:"navigationitems"},(0,l.mdx)("inlineCode",{parentName:"h3"},"navigationItems")),(0,l.mdx)("h4",{id:"is-required-false-2"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," prop allows consumers to render high-level, primary navigation controls directly within the ApplicationNavigation.\nThe expectation of ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," is that items will not be added/removed, as this would be detrimental to the user experience.\nOnce selected, a navigational item is no longer actionable and cannot be reselected. Navigation items at the application level should\nhave equivalent context levels. Navigation from one tab to another should not be influenced by content, as each navigational item should be a sandboxed concept."),(0,l.mdx)("p",null,"The ApplicationNavigation will render this content in different ways based on the active responsive breakpoint.\nIf ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," are passed as props the associated ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectNavigationItem")," function callback should be passed as well."),(0,l.mdx)("p",null,"The value provided for ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," should be an array of objects with the following API:"),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"key")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A key rendered to be used as a unique react key as well as returned with the onSelectNavigationItem.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"text")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"The text to either be set as an aria-label or display text.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"metaData")),(0,l.mdx)("td",{parentName:"tr",align:null},"Object"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"An object containing whatever additional identifying information to be returned with the onSelectNavigationItem.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const navigationItems = [{\n key: 'page_1',\n text: 'Page 1',\n metaData: { myValue: value1 }\n}, {\n key: 'page_2',\n text: 'Page 2',\n metaData: { myValue: value2 }\n}];\n")),(0,l.mdx)("h3",{id:"onselectnavigationitem"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectNavigationItem")),(0,l.mdx)("h4",{id:"is-required-false-3"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectNavigationItem")," prop allows consumers to retrieve the information related to the navigation item that was clicked.\nThe function callback will return the information in the format of ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectNavigationItem(key, metaData)"),"."),(0,l.mdx)("h3",{id:"activenavigationitemkey"},(0,l.mdx)("inlineCode",{parentName:"h3"},"activeNavigationItemKey")),(0,l.mdx)("h4",{id:"is-required-false-4"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"activeNavigationItemKey")," prop allows consumers to set the currently selected navigation item.\nAccordingly, the ",(0,l.mdx)("inlineCode",{parentName:"p"},"activeNavigationItemKey")," value must have an associated entry within the ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," specification."),(0,l.mdx)("h3",{id:"utilityitems"},(0,l.mdx)("inlineCode",{parentName:"h3"},"utilityItems")),(0,l.mdx)("h4",{id:"is-required-false-5"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"utilityItems")," prop allows consuming applications to present an application-level custom utility items directly from the ApplicationNavigation.\nThe ApplicationNavigation will render this content in different ways based on the active responsive breakpoint. If ",(0,l.mdx)("inlineCode",{parentName:"p"},"utilityItems")," are\npassed as props the associated ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectUtilityItem")," function callback should be passed as well."),(0,l.mdx)("p",null,"The value provided for ",(0,l.mdx)("inlineCode",{parentName:"p"},"utilityItems")," should be an array of objects with the following API:"),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"key")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A key rendered to be used as a unique react key as well as returned with the onSelectUtilityItem.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"icon")),(0,l.mdx)("td",{parentName:"tr",align:null},"Element"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A React element representing the themable icon for the utility item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"text")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"The text to either be set as an aria-label or display text.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"metaData")),(0,l.mdx)("td",{parentName:"tr",align:null},"Object"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"An object containing whatever additional identifying information to be returned with the onSelectUtilityItem.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const utilityItems = [{\n key: 'utility_1',\n icon: ,\n text: 'Utility 1',\n metaData: { myValue: value1 }\n}, {\n key: 'utility_2',\n icon: ,\n text: 'Utility 2',\n metaData: { myValue: value2 }\n}];\n")),(0,l.mdx)("h3",{id:"onselectutilityitem"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectUtilityItem")),(0,l.mdx)("h4",{id:"is-required-false-6"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectUtilityItem")," prop allows consumers to retrieve the information related to the navigation item that was clicked.\nThe function callback will return the information in the format of ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectUtilityItem(key, metaData)"),"."),(0,l.mdx)("h3",{id:"onselectsettings"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectSettings")),(0,l.mdx)("h4",{id:"is-required-false-7"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectSettings")," prop allows consumers have first class support for a settings utility item.\nIf the ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectSettings")," prop is not set a settings utility item will not be displayed."),(0,l.mdx)("h3",{id:"onselecthelp"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectHelp")),(0,l.mdx)("h4",{id:"is-required-false-8"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectHelp")," prop allows consumers have first class support for a help utility item.\nIf the ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectHelp")," prop is not set a settings utility item will not be displayed."),(0,l.mdx)("h3",{id:"onselectlogout"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onSelectLogout")),(0,l.mdx)("h4",{id:"is-required-false-9"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectLogout")," prop allows consumers have first class support for a logout utility button.\nIf the ",(0,l.mdx)("inlineCode",{parentName:"p"},"onSelectLogout")," prop is not set a settings utility item will not be displayed."),(0,l.mdx)("h3",{id:"titleconfig"},(0,l.mdx)("inlineCode",{parentName:"h3"},"titleConfig")),(0,l.mdx)("h4",{id:"is-required-false-10"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"titleConfig")," prop allows consuming applications to add their own branding to the ApplicationNavigation.\nThe ApplicationNavigation will render this content in different ways based on the active responsive breakpoint."),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"title")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"Title to be displayed or set as the aria-label if a title element is passed.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"headline")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Super text to be display above the main title text.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"subline")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Sub text to be display below the main title text.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"element")),(0,l.mdx)("td",{parentName:"tr",align:null},"Element"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Element to use in place of title text. Typically a logo for branding.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"hideTitleWithinDrawerMenu")),(0,l.mdx)("td",{parentName:"tr",align:null},"Boolean"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Whether or not the title should be hidden when at the compact breakpoint.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const myTitleConfig = {\n title: 'My Application',\n subline: 'My Subline',\n hideTitleWithinDrawerMenu: false,\n}\n")),(0,l.mdx)("h3",{id:"userconfig"},(0,l.mdx)("inlineCode",{parentName:"h3"},"userConfig")),(0,l.mdx)("h4",{id:"is-required-false-11"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"userConfig")," prop allows consumers to set a user associated to the current application context.\nThe ApplicationNavigation will render this content in different ways based on the active responsive breakpoint."),(0,l.mdx)(M.Notice,{ariaLevel:"5",mdxType:"Notice"},(0,l.mdx)("p",null,"It is recommended that ",(0,l.mdx)("inlineCode",{parentName:"p"},"initials")," prop be provided for all cases if ",(0,l.mdx)("inlineCode",{parentName:"p"},"userConfig")," is used. It will be updated to ",(0,l.mdx)("strong",{parentName:"p"},"Required")," with the next major version of application navigation, provided via terra-application v2."),(0,l.mdx)("p",null,(0,l.mdx)("em",{parentName:"p"},"Note: If both ",(0,l.mdx)("inlineCode",{parentName:"em"},"initials")," and ",(0,l.mdx)("inlineCode",{parentName:"em"},"imageSrc")," are not provided, the avatar will fall back to the generic user avatar. If ",(0,l.mdx)("inlineCode",{parentName:"em"},"initials")," are not provided, but ",(0,l.mdx)("inlineCode",{parentName:"em"},"imageSrc")," is provided and fails, the avatar will fall back to use first two letters of the provided ",(0,l.mdx)("inlineCode",{parentName:"em"},"name")," (not preferred) in place of showing the ",(0,l.mdx)("inlineCode",{parentName:"em"},"initials")," (preferred)."))),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"name")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"User name to be displayed for the user button and within utilities.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"detail")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Additional user details string.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"initials")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"User initials to be displayed within the avatar if no image is present.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"imageSrc")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"Src to provide to the avatar component.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const myUserConfig = {\n name: 'Name, User',\n detail: 'DomainName123',\n initials: 'UN',\n imageSrc: 'imageSrc',\n}\n")),(0,l.mdx)("h3",{id:"useractionconfig"},(0,l.mdx)("inlineCode",{parentName:"h3"},"userActionConfig")),(0,l.mdx)("h4",{id:"is-required-false-12"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"userActionConfig")," prop allows consumers to add an additional item to the ",(0,l.mdx)("inlineCode",{parentName:"p"},"userConfig")," section where it is displayed within the application. If a specific action related to a User's information or details, consumers can use this prop which will add a button along with the user name, detail, and avatar. Note: if the ",(0,l.mdx)("inlineCode",{parentName:"p"},"userConfig")," prop is not set, the user action button will not be displayed."),(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},"Key Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"text")),(0,l.mdx)("td",{parentName:"tr",align:null},"String"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"Text to be displayed on user action button.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"userActionCallback")),(0,l.mdx)("td",{parentName:"tr",align:null},"Function"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("strong",{parentName:"td"},"required")),(0,l.mdx)("td",{parentName:"tr",align:null},"A function to be executed on user action button click.")))),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const userActionConfig = {\n text: 'User Specific Action',\n userActionCallback: () => console.log('Button Clicked'),\n};\n")),(0,l.mdx)("h3",{id:"hero"},(0,l.mdx)("inlineCode",{parentName:"h3"},"hero")),(0,l.mdx)("h4",{id:"is-required-false-13"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"hero")," prop allows consumers to add a hero element within the utility popup and/or navigation drawer.\nThe ApplicationNavigation will render this content in different ways based on the active responsive breakpoint."),(0,l.mdx)("h3",{id:"notifications"},(0,l.mdx)("inlineCode",{parentName:"h3"},"notifications")),(0,l.mdx)("h4",{id:"is-required-false-14"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"notifications")," prop allows consumers to display notification counts associated to navigationItems and extensionsItems.\nThe props is made up of key/value pairs; the key is the associated entry within the ",(0,l.mdx)("inlineCode",{parentName:"p"},"navigationItems")," or ",(0,l.mdx)("inlineCode",{parentName:"p"},"extensionItems")," specification,\nand a numerical value. Depending on locations within the navigational structure and breakpoint the number of digits displayed may be limited."),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"const myNotifications = {\n key1: 3,\n extension2: 10,\n}\n")),(0,l.mdx)("h3",{id:"ondrawermenustatechange"},(0,l.mdx)("inlineCode",{parentName:"h3"},"onDrawerMenuStateChange")),(0,l.mdx)("h4",{id:"is-required-false-15"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"onDrawerMenuStateChange")," callback allows the consumer to know state changes in Drawer Menu."),(0,l.mdx)("h3",{id:"workspace"},(0,l.mdx)("inlineCode",{parentName:"h3"},"workspace")),(0,l.mdx)("h4",{id:"is-required-false-16"},"Is Required: ",(0,l.mdx)("inlineCode",{parentName:"h4"},"false")),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"workspace")," prop allows consumers to render a persistent aside region within the layout."),(0,l.mdx)(M.Notice,{ariaLevel:"5",mdxType:"Notice"},(0,l.mdx)("p",null,"Only an instance of the ",(0,l.mdx)("inlineCode",{parentName:"p"},"ApplicationNavigation.Workspace")," component may be supplied to the ",(0,l.mdx)("inlineCode",{parentName:"p"},"workspace")," prop.")),(0,l.mdx)(M.Notice,{variant:"caution",ariaLevel:"5",mdxType:"Notice"},(0,l.mdx)("p",null,"If a workspace is rendered by the ApplicationNavigation component, children of the component must use the ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/contexts/application-navigation-actions-context"},"ApplicationNavigationActionsContext"),"\nto render the action controls necessary for its usage. Failure to do so will lead to a lack of user control over the workspace and an inconsistent user experience.")),(0,l.mdx)("h2",{id:"subcomponents"},"Subcomponents"),(0,l.mdx)("h3",{id:"applicationnavigationworkspace"},"ApplicationNavigation.Workspace"),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"ApplicationNavigation.Workspace")," component defines the interface for presenting content within the ApplicationNavigation's workspace region."),(0,l.mdx)("h4",{id:"props-1"},"Props"),(0,l.mdx)(h,{mdxType:"ApplicationNavigationWorkspaceProps"}),(0,l.mdx)("h3",{id:"applicationnavigationworkspaceitem"},"ApplicationNavigation.Workspace.Item"),(0,l.mdx)("p",null,"The ",(0,l.mdx)("inlineCode",{parentName:"p"},"ApplicationNavigation.Workspace.Item")," defines the labeling of a tab within the workspace region as well as its associated content."),(0,l.mdx)("h4",{id:"props-2"},"Props"),(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},"Prop Name"),(0,l.mdx)("th",{parentName:"tr",align:null},"Type"),(0,l.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,l.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"itemKey")),(0,l.mdx)("td",{parentName:"tr",align:null},"string"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("span",{style:{color:"#d53040"}},(0,l.mdx)("strong",{parentName:"td"},"required"))),(0,l.mdx)("td",{parentName:"tr",align:null},"none"),(0,l.mdx)("td",{parentName:"tr",align:null},"A unique key used to identify the item. Must be unique within the collection of provided items.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"label")),(0,l.mdx)("td",{parentName:"tr",align:null},"string"),(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("span",{style:{color:"#d53040"}},(0,l.mdx)("strong",{parentName:"td"},"required"))),(0,l.mdx)("td",{parentName:"tr",align:null},"none"),(0,l.mdx)("td",{parentName:"tr",align:null},"A string used to visibly label the content within the workspace.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"metaData")),(0,l.mdx)("td",{parentName:"tr",align:null},"object"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"none"),(0,l.mdx)("td",{parentName:"tr",align:null},"Additional data that will be returned with callbacks from the workspace component.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"render")),(0,l.mdx)("td",{parentName:"tr",align:null},"func"),(0,l.mdx)("td",{parentName:"tr",align:null},"optional"),(0,l.mdx)("td",{parentName:"tr",align:null},"none"),(0,l.mdx)("td",{parentName:"tr",align:null},"A function executed during rendering to generate content for the item.")))),(0,l.mdx)("h2",{id:"responsive-design"},"Responsive Design"),(0,l.mdx)("p",null,"The ApplicationNavigation has two rendering modes: ",(0,l.mdx)("inlineCode",{parentName:"p"},"standard")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"compact"),"."),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},"The ",(0,l.mdx)("inlineCode",{parentName:"li"},"standard")," rendering occurs at ",(0,l.mdx)("inlineCode",{parentName:"li"},"large"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"huge"),", and ",(0,l.mdx)("inlineCode",{parentName:"li"},"enormous")," breakpoints."),(0,l.mdx)("li",{parentName:"ul"},"The ",(0,l.mdx)("inlineCode",{parentName:"li"},"compact")," rendering occurs at ",(0,l.mdx)("inlineCode",{parentName:"li"},"tiny"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"small"),", ",(0,l.mdx)("inlineCode",{parentName:"li"},"medium")," breakpoints.")),(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},"Prop"),(0,l.mdx)("th",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"th"},"standard")," Rendering"),(0,l.mdx)("th",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"th"},"compact")," Rendering"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"userConfig")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's header."),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's navigation drawer.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"titleConfig")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's header."),(0,l.mdx)("td",{parentName:"tr",align:null},"Same as ",(0,l.mdx)("inlineCode",{parentName:"td"},"standard"),".")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"hero")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's utility popup (as provided by ",(0,l.mdx)("inlineCode",{parentName:"td"},"terra-popup"),")."),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's navigation drawer.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"utilityItems")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's utility popup (as provided by ",(0,l.mdx)("inlineCode",{parentName:"td"},"terra-popup"),")."),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's navigation drawer.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"navigationItems")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within the ApplicationNavigation's header as tabs."),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's navigation drawer.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"extensionItems")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's header."),(0,l.mdx)("td",{parentName:"tr",align:null},"Same as ",(0,l.mdx)("inlineCode",{parentName:"td"},"standard"),".")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"userActionConfig")),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's utility popup (as provided by ",(0,l.mdx)("inlineCode",{parentName:"td"},"terra-popup"),")."),(0,l.mdx)("td",{parentName:"tr",align:null},"Content is rendered within ApplicationNavigation's navigation drawer.")))),(0,l.mdx)("h2",{id:"example"},"Example"),(0,l.mdx)(j,{mdxType:"ApplicationNavigationExample"}),(0,l.mdx)(W,{mdxType:"ApplicationNavigationWorkspaceExample"}),(0,l.mdx)("h2",{id:"features"},"Features"),(0,l.mdx)("h3",{id:"exception-handling"},"Exception Handling"),(0,l.mdx)("p",null,"ApplicationNavigation renders an ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-error-boundary"},"ApplicationErrorBoundary")," around its children.\nIf the children throw exceptions during React lifecycle functions, ApplicationBase will catch the exceptions and render a styled error component in place of the children."),(0,l.mdx)("p",null,"This error component will render below ApplicationNavigation's header, leaving the user with full access to all navigation controls after an error occurs."),(0,l.mdx)("h3",{id:"loading-overlays"},"Loading Overlays"),(0,l.mdx)("p",null,"ApplicationNavigation renders an ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-loading-overlay-provider"},"ApplicationLoadingOverlayProvider")," around its children.\nAny ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-loading-overlay"},"ApplicationLoadingOverlay")," components rendered by children will cause a loading overlay\nto be presented over ApplicationNavigation's children."),(0,l.mdx)("p",null,"The loading overlay will render below ApplicationNavigation's header, leaving the user with full access to all navigation controls while the loading overlay is presented."),(0,l.mdx)("h3",{id:"status-views"},"Status Views"),(0,l.mdx)("p",null,"ApplicationNavigation renders an ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-status-overlay-provider"},"ApplicationStatusOverlayProvider")," around its children.\nAny ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/application-status-overlay"},"ApplicationStatusOverlay")," components rendered by children will cause a status view\nto be presented over ApplicationNavigation's children."),(0,l.mdx)("p",null,"The status view will render below ApplicationNavigation's header, leaving the user with full access to all navigation controls while the status view is presented."),(0,l.mdx)("h3",{id:"unsaved-changes"},"Unsaved Changes"),(0,l.mdx)("p",null,"ApplicationNavigation monitors its children for the presence of rendered ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt"},"NavigationPrompts"),"\nby rendering a ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/application/terra-application/components/navigation-prompt-checkpoint"},"NavigationPromptCheckpoint")," around its children.\nApplicationNavigation will ensure that the user is prompted when a primary navigation or 'Logout' utility selection is made if any NavigationPrompts have\nbeen rendered by children at the time of the selection."),(0,l.mdx)("p",null,"If the children within ApplicationNavigation can be changed by a mechanism other than navigation item selection, a NavigationPromptCheckpoint should be used directly to\ncheck for unsaved changes prior to the pending child's removal."),(0,l.mdx)("blockquote",null,(0,l.mdx)("p",{parentName:"blockquote"},"Note: This default prompting can be disabled with the ",(0,l.mdx)("inlineCode",{parentName:"p"},"disablePromptsForNavigationItems")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"disablePromptsForLogout")," props if a custom implementation is required.")),(0,l.mdx)("h3",{id:"code-splitting"},"Code Splitting"),(0,l.mdx)("p",null,"ApplicationNavigation renders a ",(0,l.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/code-splitting.html#reactlazy"},"Suspense")," component around its children. If any child components or their\ndescendants are lazy loaded using ",(0,l.mdx)("a",{parentName:"p",href:"https://reactjs.org/docs/code-splitting.html#reactlazy"},"React.lazy"),", an ApplicationLoadingOverlay will be rendered while the component\nis being retrieved. The overlay will render below the ApplicationNavigation header and allow the header to remain interactive."))}Y.isMDXComponent=!0},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},75495:function(e,t,n){n.r(t),t.default={"example-container":"ApplicationNavigationExample-module__example-container___27XfC","page-content":"ApplicationNavigationExample-module__page-content___yhu1O","workspace-content":"ApplicationNavigationExample-module__workspace-content___ubFw8"}},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"}},60288:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___lhZh0","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___Oq6Xn",toolbar:"Toolbar-module__toolbar___XowP8",item:"Toolbar-module__item___K92Xb","start-align":"Toolbar-module__start-align___Ap05A","end-align":"Toolbar-module__end-align___WLp5E","center-align":"Toolbar-module__center-align___5f+ex"}},98720:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),i=a(n(5556)),r=n(68414),o=a(n(67271)),d={bannerAction:i.default.shape({text:i.default.string,onClick:i.default.func}),description:i.default.node,onRequestClose:i.default.func,variant:i.default.oneOf(["hazard-high","hazard-medium","hazard-low","error","unsatisfied","unverified","custom"]).isRequired,custom:i.default.shape({signalWord:i.default.string,iconClassName:i.default.string})},m=function(e){var t=e.bannerAction,n=e.custom,a=e.description,i=e.onRequestClose,d=e.variant,m=l.default.useContext(o.default),p=l.default.useRef((0,r.v4)());return l.default.useEffect((function(){if(!m)throw new Error("A NotificationBanner was not rendered within the context of a NotificationBannerProvider. If this is unexpected, validate that the expected version of the terra-application package is installed.");m.registerNotificationBanner(p.current,{bannerAction:t,custom:n,description:a,key:p.current,onRequestClose:i,variant:d})}),[m,a,n,t,i,d]),l.default.useEffect((function(){return function(){m.unregisterNotificationBanner(p.current,d)}}),[m,d]),null};m.propTypes=d;t.default=m},12345:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return l.default}});var l=a(n(98720))},97299:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var i=a(n(85715)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=a(n(5556)),d=a(n(67967)),m=a(n(80428)),p=a(n(97430)),u=a(n(75495));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)}var c=d.default.bind(u.default),x=function(e){var t=e.title,n=(0,r.useState)(!1),a=(0,i.default)(n,2),l=a[0],o=a[1];return r.default.createElement("div",{className:c("page-content")},r.default.createElement("p",null,t),r.default.createElement("p",null,"Toggle pending action:"," ",r.default.createElement("button",{id:"pending-action-toggle",type:"button",onClick:function(){o(!l)}},l?"Disable":"Enable")),l?r.default.createElement(p.default,{description:"Testing ApplicationNavigation's navigation prompt handling"}):void 0)};x.propTypes={title:o.default.string};var f=[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],g={name:"Example User",initials:"EU",detail:"Is a User"},h={text:"Edit Photo",userActionCallback:function(){return alert("Edit Photo Clicked")}};t.A=function(){var e=(0,r.useState)("page_1"),t=(0,i.default)(e,2),n=t[0],a=t[1],l=(0,r.useState)(!1),o=(0,i.default)(l,2),d=o[0],p=o[1];return r.default.createElement("div",{className:c("example-container")},d?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Logged Out"),r.default.createElement("button",{type:"button",onClick:function(){p(!1)}},"Reset")):r.default.createElement(m.default,{titleConfig:{title:"ApplicationNavigation Example"},userConfig:g,userActionConfig:h,navigationItems:f,activeNavigationItemKey:n,onSelectNavigationItem:function(e){a(e)},onSelectLogout:function(){p(!0)}},r.default.createElement(x,{key:n,title:n})))}},90843:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var i=a(n(85715)),r=y(n(96540)),o=a(n(67967)),d=y(n(80428)),m=n(97172),p=a(n(12345)),u=a(n(23986)),s=a(n(14150)),c=a(n(55767)),x=a(n(27699)),f=a(n(6740)),g=a(n(75495));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}function y(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(a,r,o):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}var N=o.default.bind(g.default),v=function(){return r.default.createElement(m.WorkspaceContent,null,r.default.createElement("div",{className:N("workspace-content")},r.default.createElement("p",null,"Example Workspace Content 1")))},b=function(){return r.default.createElement(m.WorkspaceContent,{toolbar:r.default.createElement(f.default,null,r.default.createElement(u.default,{text:"Button 1",variant:"utility",icon:r.default.createElement(s.default,null)}),r.default.createElement(u.default,{text:"Button 2",variant:"utility",icon:r.default.createElement(c.default,null)}),r.default.createElement(u.default,{text:"Button 3",variant:"utility",icon:r.default.createElement(x.default,null)}))},r.default.createElement("div",{className:N("workspace-content")},r.default.createElement("p",null,"Example Workspace Content 2")),r.default.createElement(p.default,{variant:"hazard-low",description:"Example Notification"}))};t.A=function(){var e=(0,r.useState)("page_1"),t=(0,i.default)(e,2),n=t[0],a=t[1],l=(0,r.useState)(!1),o=(0,i.default)(l,2),m=o[0],p=o[1],u=(0,r.useState)(),s=(0,i.default)(u,2),c=s[0],x=s[1],f=(0,r.useState)(),g=(0,i.default)(f,2),h=g[0],y=g[1],C=(0,r.useState)(),_=(0,i.default)(C,2),w=_[0],T=_[1],O=r.default.createElement(d.default.Workspace,{id:"application-workspace-example",initialActiveItemKey:"item-1",initialSize:{scale:0},initialIsOpen:!0,onActiveItemChange:function(e){x(e)},onSizeChange:function(e){y(e)},onPresentationStateChange:function(e){T(e?"true":"false")}},r.default.createElement(d.default.Workspace.Item,{itemKey:"item-1",label:"Item 1",render:function(){return r.default.createElement(v,null)}}),r.default.createElement(d.default.Workspace.Item,{itemKey:"item-2",label:"Item 2",render:function(){return r.default.createElement(b,null)}}));return r.default.createElement("div",{className:N("example-container")},m?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",null,"Logged Out"),r.default.createElement("button",{type:"button",onClick:function(){p(!1)}},"Reset")):r.default.createElement(d.default,{titleConfig:{title:"ApplicationNavigation Example",subline:"With Workspace"},userConfig:{name:"Example User",initials:"EU"},navigationItems:[{key:"page_1",text:"Page 1"},{key:"page_2",text:"Page 2"},{key:"page_3",text:"Page 3"}],activeNavigationItemKey:n,onSelectNavigationItem:function(e){a(e)},onSelectLogout:function(){p(!0)},workspace:O},r.default.createElement(d.ApplicationNavigationActionsContext.Consumer,null,(function(e){var t=e.actions,a=void 0===t?[]:t;return r.default.createElement("div",{className:N("page-content")},r.default.createElement("p",null,"Example Content for"," ",n),r.default.createElement("p",null,"Layout Actions:"," ",a.map((function(e){return r.default.createElement("button",{key:e.key,type:"button",onClick:e.onSelect,"aria-label":e.label},e.icon)}))),r.default.createElement("p",null,"Last Reported Active Workspace Item:"," ",c),r.default.createElement("p",null,"Last Reported Workspace Size:"," ",h),r.default.createElement("p",null,"Last Reported Workspace Visibility:"," ",w))}))))}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=p(n(96540)),l=p(n(5556)),i=p(n(46942)),r=p(n(67967)),o=p(n(52103)),d=p(n(78482)),m=["children","disableStripes","paddingStyle"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c=r.default.bind(d.default),x={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},f=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,r=s(e,m),d=a.default.useContext(o.default),p=(0,i.default)(c("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),r.className);return a.default.createElement("table",u({},r,{className:p}),t)};f.propTypes=x,f.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=f},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(5556)),i=["children"];function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},i=Object.keys(e);for(a=0;a=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},m=function(e){var t=e.children,n=o(e,i);return a.default.createElement("tbody",n,t)};m.propTypes=d,m.defaultProps={children:[]};t.default=m},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(5556)),i=["children"];function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},i=Object.keys(e);for(a=0;a=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},m=function(e){var t=e.children,n=o(e,i);return a.default.createElement("td",n,t)};m.propTypes=d,m.defaultProps={children:[]};t.default=m},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),l=o(n(5556)),i=o(n(10767)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},i=Object.keys(e);for(a=0;a=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m={children:l.default.node},p=function(e){var t=e.children,n=d(e,r);return a.default.createElement("thead",n,a.default.createElement("tr",null,i.default.addScope(t,"col")))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(5556)),i=["children"];function r(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,l=function(e,t){if(null==e)return{};var n,a,l={},i=Object.keys(e);for(a=0;a=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},m=function(e){var t=e.children,n=o(e,i);return a.default.createElement("th",n,t)};m.propTypes=d,m.defaultProps={children:[]};t.default=m},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(96540)),l=m(n(5556)),i=m(n(67967)),r=m(n(78482)),o=m(n(10767)),d=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=i.default.bind(r.default),c={children:l.default.node},x=function(e){var t=e.children,n=u(e,d),l=s(["row"]);return a.default.createElement("tr",p({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),o.default.addScope(t,"row"))};x.propTypes=c,x.defaultProps={children:[]};t.default=x},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,l=(a=n(96540))&&a.__esModule?a:{default:a};var i={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=i},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 r.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var a=m(n(85444)),l=m(n(61452)),i=m(n(36142)),r=m(n(86472)),o=m(n(97441)),d=m(n(22417));function m(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},55767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),l=i(n(25365));function i(e){return e&&e.__esModule?e:{default:e}}function r(){return r=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 i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c=r.default.bind(d.default),x={align:l.default.oneOf(["start","end","center"]),ariaControls:l.default.string,ariaLabel:l.default.string,ariaLabelledBy:l.default.string,children:l.default.node},f=function(e){var t=e.align,n=e.ariaControls,l=e.ariaLabel,r=e.ariaLabelledBy,d=e.children,p=s(e,m),x=a.default.useContext(o.default),f=(0,i.default)(c("toolbar","".concat(t,"-align"),x.className),p.className),g=a.default.Children.map(d,(function(e){return e?a.default.createElement("div",{className:c("item")},e):e}));return a.default.createElement("div",u({},p,{"aria-controls":n,"aria-label":r?void 0:l,"aria-labelledby":r,className:f,role:"toolbar"}),g)};f.propTypes=x,f.defaultProps={align:"start"};t.default=f}}]); \ No newline at end of file diff --git a/494-019ea450604af45562d4.css b/494-019ea450604af45562d4.css new file mode 100644 index 000000000..23813d2c2 --- /dev/null +++ b/494-019ea450604af45562d4.css @@ -0,0 +1,7 @@ +.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} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.Fieldset-module__clinical-lowlight-theme___XMxG7{--terra-form-fieldset-required-legend-before-color: #fb4c4c;--terra-form-fieldset-legend-color: #b2b5b6;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #6f7477;--terra-form-fieldset-help-text-font-size: 0.857rem;--terra-form-fieldset-help-text-font-weight: normal}.Fieldset-module__orion-fusion-theme___rT15M{--terra-form-fieldset-required-legend-before-color: #e50000;--terra-form-fieldset-legend-color: #1c1f21;--terra-form-fieldset-legend-font-weight: bold;--terra-form-fieldset-help-text-color: #64696c;--terra-form-fieldset-help-text-font-size: 0.85rem;--terra-form-fieldset-help-text-font-weight: normal}[dir] .Fieldset-module__fieldset___J-xl3{border:0;margin-bottom:1.428em;padding:0}.Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{color:#e50000;color:var(--terra-form-fieldset-required-legend-before-color, #e50000);content:"*";display:inline-block}[dir=ltr] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-right:.357em}[dir=rtl] .Fieldset-module__fieldset-required___aTps3>.Fieldset-module__legend___aExR-:first-child::before{padding-left:.357em}.Fieldset-module__legend___aExR-{color:var(--terra-form-fieldset-legend-color);display:block;font-weight:bold;font-weight:var(--terra-form-fieldset-legend-font-weight, bold);max-width:100%;width:auto}[dir] .Fieldset-module__legend___aExR-{border:0;margin-bottom:.357em;padding:0}.Fieldset-module__legend-visually-hidden___70GQh{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Fieldset-module__legend-visually-hidden___70GQh{border:0;margin:-1px;padding:0}.Fieldset-module__help-text___IuP4F{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-fieldset-help-text-color, rgba(0, 0, 0, 0.8));display:block;font-size:0.857rem;font-size:var(--terra-form-fieldset-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-fieldset-help-text-font-weight, normal);line-height:1;outline:0}[dir] .Fieldset-module__help-text___IuP4F{margin-bottom:.357em}[dir] .Fieldset-module__fieldset-children___YkIkm{margin-top:.714em} +.FieldsetExamples-module__fieldset-wrapper___peaDn{display:inline-block} +.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/494-019ea450604af45562d4.js b/494-019ea450604af45562d4.js new file mode 100644 index 000000000..7c223651a --- /dev/null +++ b/494-019ea450604af45562d4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[494,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,57626],{81025: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=s(n(96540)),a=s(n(32527)),d=s(n(45947)),o=s(n(41521)),i=s(n(67967)),u=s(n(17515));function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=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={};function c(e){var t=e.components,n=u(e,o);return(0,l.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Field from \'terra-form-field\';\nimport Input from \'terra-form-input\';\nimport Fieldset from \'terra-form-fieldset\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./FieldsetExamples.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nclass FieldsetExamples extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n first: \'\',\n middle: \'\',\n last: \'\',\n };\n this.handleFirstChange = this.handleFirstChange.bind(this);\n this.handleMiddleChange = this.handleMiddleChange.bind(this);\n this.handleLastChange = this.handleLastChange.bind(this);\n }\n\n handleFirstChange(event) {\n this.setState({ first: event.target.value });\n }\n\n handleMiddleChange(event) {\n this.setState({ middle: event.target.value });\n }\n\n handleLastChange(event) {\n this.setState({ last: event.target.value });\n }\n\n render() {\n return (\n
    \n \n \n \n \n \n \n \n \n \n \n \n
    \n

    \n Full Name Provided:\n \n {this.state.first}\n {\' \'}\n {this.state.middle}\n {\' \'}\n {this.state.last}\n \n

    \n
    \n
    \n );\n }\n}\nexport default FieldsetExamples;\n\n')))}c.isMDXComponent=!0;var p=n(201),m=["components"];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 y={};function b(e){var t=e.components,n=h(e,m);return(0,l.mdx)("wrapper",f({},y,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local { \n .fieldset-wrapper {\n display: inline-block;\n }\n}\n\n")))}b.isMDXComponent=!0;var x=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(p.A,{title:t||"Fieldset Examples",description:n,example:r.createElement(d.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(c,null),isExpanded:l})},g=n(12883),_=["components"];function v(){return v=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 j={},N="wrapper";function E(e){var t=e.components,n=O(e,_);return(0,l.mdx)(N,v({},j,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(g.Ay,{mdxType:"PropsTable"},(0,l.mdx)(g.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Children the Field contains."))),(0,l.mdx)(g.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"help"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Help element to display with other elements."))),(0,l.mdx)(g.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"legend"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Legend for the input group."))),(0,l.mdx)(g.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"legendAttrs"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Attributes to attach to the legend."))),(0,l.mdx)(g.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"required"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines whether the fieldset is required."))),(0,l.mdx)(g.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(g.dt,{mdxType:"PropNameCell"},"isLegendHidden"),(0,l.mdx)(g.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(g.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(g.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(g.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the legend is visible. Use this prop to hide a legend while still creating it on the DOM for accessibility.")))))}E.isMDXComponent=!0;var T=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var P={},S="wrapper";function F(e){var t=e.components,n=C(e,T);return(0,l.mdx)(S,w({},P,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-form-fieldset"},"Terra Form Fieldset"),(0,l.mdx)("p",null,"Generic form fieldset component which handles the layout of a standard form fieldset including help text, legend, value and widget placement."),(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-form-fieldset"))))),(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:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Fieldset from 'terra-form-fieldset';\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#internationalization-i18n"},"Internationalization 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#internationalization-i18n"},"Localization 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)(x,{mdxType:"FieldsetExamples"}),(0,l.mdx)("h2",{id:"form-fieldset-props"},"Form Fieldset Props"),(0,l.mdx)(E,{mdxType:"FormFieldsetPropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"Terra Form Fieldset 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")))}F.isMDXComponent=!0},31796: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-fieldset",name:"terra-form-fieldset",version:"2.81.0",url:t})}},17515:function(e,t,n){n.r(t),t.default={"fieldset-wrapper":"FieldsetExamples-module__fieldset-wrapper___peaDn"}},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"}},57497:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Fieldset-module__clinical-lowlight-theme___XMxG7","orion-fusion-theme":"Fieldset-module__orion-fusion-theme___rT15M",fieldset:"Fieldset-module__fieldset___J-xl3","fieldset-required":"Fieldset-module__fieldset-required___aTps3",legend:"Fieldset-module__legend___aExR-","legend-visually-hidden":"Fieldset-module__legend-visually-hidden___70GQh","help-text":"Fieldset-module__help-text___IuP4F","fieldset-children":"Fieldset-module__fieldset-children___YkIkm"}},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"}},41521: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(46942)),d=c(n(67967)),o=c(n(52103)),i=n(68414),u=c(n(57497)),s=["children","help","legend","legendAttrs","isLegendHidden","required"];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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=d.default.bind(u.default),h={children:l.default.node,help:l.default.node,legend:l.default.string,legendAttrs:l.default.object,required:l.default.bool,isLegendHidden:l.default.bool},y=function(e){var t,n,l=e.children,d=e.help,u=e.legend,c=e.legendAttrs,h=e.isLegendHidden,y=e.required,b=m(e,s),x=r.default.useContext(o.default),g=(0,a.default)(f(["fieldset",{"fieldset-required":y},x.className]),b.className),_=f(["legend",c.className,{"legend-visually-hidden":h}]),v="terra-fieldset-legend-".concat((0,i.v4)()),O="terra-fieldset-help-".concat((0,i.v4)());return r.default.createElement("fieldset",p({},b,{className:g}),u&&r.default.createElement("legend",p({id:v},c,{className:_}),u),d&&r.default.createElement("small",{id:O,className:f("help-text"),tabIndex:"-1"},d),r.default.createElement("div",{className:f("fieldset-children")},(d||u)&&l?(t=l,n=[],r.default.Children.forEach(t,(function(e){n.push(r.default.cloneElement(e,{"aria-labelledby":"".concat(v," ").concat(O)}))})),n):l))};y.propTypes=h,y.defaultProps={legendAttrs:{},required:!1,isLegendHidden:!1};t.default=y},45947:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=a(n(51459)),l=a(n(19127));function a(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=s(n(96540)),l=s(n(5556)),a=s(n(46942)),d=s(n(67967)),o=s(n(52103)),i=s(n(78482)),u=["children","disableStripes","paddingStyle"];function s(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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var m=d.default.bind(i.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,d=p(e,u),i=r.default.useContext(o.default),s=(0,a.default)(m("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),d.className);return r.default.createElement("table",c({},d,{className:s}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=h},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 i={children:l.default.node},u=function(e){var t=e.children,n=o(e,a);return r.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 i={children:l.default.node},u=function(e){var t=e.children,n=o(e,a);return r.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=o(n(10767)),d=["children"];function o(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={},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 u={children:l.default.node},s=function(e){var t=e.children,n=i(e,d);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};s.propTypes=u,s.defaultProps={children:[]};t.default=s},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(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 i={children:l.default.node},u=function(e){var t=e.children,n=o(e,a);return r.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},36142: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(67967)),d=u(n(78482)),o=u(n(10767)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var p=a.default.bind(d.default),m={children:l.default.node},f=function(e){var t=e.children,n=c(e,i),l=p(["row"]);return r.default.createElement("tr",s({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),o.default.addScope(t,"row"))};f.propTypes=m,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 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 d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=u(n(85444)),l=u(n(61452)),a=u(n(36142)),d=u(n(86472)),o=u(n(97441)),i=u(n(22417));function u(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 d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t:first-child{padding:0 4px !important}[dir] .ColumnHeaderCell-module__selectable___9HBMF:hover:not(.ColumnHeaderCell-module__action-cell___O0-3R){background-color:#daecf6;background-color:var(--terra-table-header-hover-background-color, #daecf6);cursor:pointer}.ColumnHeaderCell-module__highlight-icon-svg___xv7AF{height:20px;width:20px}.ColumnHeaderCell-module__highlight-icon-circle___b47hs{fill:#57922f;fill:var(--terra-table-column-header-highlighted-green-circle-fill, #57922f)}.ColumnHeaderCell-module__highlight-icon-square___v2h0N{fill:#c97318;fill:var(--terra-table-column-header-highlighted-orange-square-fill, #c97318);height:6px;width:6px} +.ColumnHeader-module__column-header-row___9UfZM{position:-webkit-sticky;position:sticky;z-index:3}.ColumnHeader-module__column-actions-row___zQNmm{position:-webkit-sticky;position:sticky;z-index:2}.ColumnHeader-module__hidden___Mu4k6{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[dir] .ColumnHeader-module__hidden___Mu4k6{border:0;margin:-1px;padding:0} +.Table-module__clinical-lowlight-theme___OSlzU{--terra-table-headerless-first-row-border-top: 1px solid #181b1d;--terra-table-focus-outline: 3px solid #fff}.Table-module__orion-fusion-theme___oroka{--terra-table-headerless-first-row-border-top: 1px solid #c8cacb}.Table-module__orion-fusion-theme___oroka.Table-module__table-container___cEA1Y:focus{outline:none}[dir] .Table-module__orion-fusion-theme___oroka.Table-module__table-container___cEA1Y:focus{box-shadow:0 0 1px 3px rgba(76,178,233,.5),0 0 7px 4px rgba(76,178,233,.5)}.Table-module__table-container___cEA1Y{height:100%;overflow:auto;width:100%}.Table-module__table-container___cEA1Y:focus{outline:3px dashed #000;outline:var(--terra-table-focus-outline, 3px dashed #000);outline-offset:1px}.Table-module__table___CMC-l{border-collapse:separate;border-spacing:0;table-layout:fixed;width:1px}.Table-module__table___CMC-l.Table-module__auto-layout___uWZDx{table-layout:auto;width:100%}[dir] .Table-module__headerless___26lJg tr:first-child td, [dir] .Table-module__headerless___26lJg tr:first-child th{border-top:1px solid #dedfe0;border-top:var(--terra-table-headerless-first-row-border-top, 1px solid #dedfe0)} diff --git a/49400-f9f753219979142dbcfb.js b/49400-f9f753219979142dbcfb.js new file mode 100644 index 000000000..16bd42e5c --- /dev/null +++ b/49400-f9f753219979142dbcfb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[49400],{27904:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___OSlzU","orion-fusion-theme":"Table-module__orion-fusion-theme___oroka","table-container":"Table-module__table-container___cEA1Y",table:"Table-module__table___CMC-l","auto-layout":"Table-module__auto-layout___uWZDx",headerless:"Table-module__headerless___26lJg"}},7861:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Cell-module__clinical-lowlight-theme___BWTdA","orion-fusion-theme":"Cell-module__orion-fusion-theme___lCyV7",cell:"Cell-module__cell___VkJ1K","last-pinned-column":"Cell-module__last-pinned-column___cNxA-",selected:"Cell-module__selected___of3Gi",masked:"Cell-module__masked___eb+i1",highlighted:"Cell-module__highlighted___08Vxb","column-highlight-orange":"Cell-module__column-highlight-orange___YM1xW","column-highlight-green":"Cell-module__column-highlight-green___pJaTh","first-highlight-orange":"Cell-module__first-highlight-orange___uke5U","first-highlight-green":"Cell-module__first-highlight-green___bg2Hy","last-highlight-orange":"Cell-module__last-highlight-orange___GX6ps","last-highlight-green":"Cell-module__last-highlight-green___7fJns","cell-content":"Cell-module__cell-content___gIUDI","no-data-cell":"Cell-module__no-data-cell___Rezg5",pinned:"Cell-module__pinned___pQVRY",selectable:"Cell-module__selectable___iCwvw"}},93072:function(e,t,n){n.r(t),t.default={"column-header-row":"ColumnHeader-module__column-header-row___9UfZM","column-actions-row":"ColumnHeader-module__column-actions-row___zQNmm",hidden:"ColumnHeader-module__hidden___Mu4k6"}},3724:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ColumnHeaderCell-module__clinical-lowlight-theme___Vct4G","orion-fusion-theme":"ColumnHeaderCell-module__orion-fusion-theme___QsH+w","column-header":"ColumnHeaderCell-module__column-header___fMP4o","header-container":"ColumnHeaderCell-module__header-container___PIglj",pinned:"ColumnHeaderCell-module__pinned___saIJW","last-pinned-column":"ColumnHeaderCell-module__last-pinned-column___elrp5","error-icon":"ColumnHeaderCell-module__error-icon___z0C3g","display-text":"ColumnHeaderCell-module__display-text___SEgEy",hidden:"ColumnHeaderCell-module__hidden___hITyQ","action-cell":"ColumnHeaderCell-module__action-cell___O0-3R",selectable:"ColumnHeaderCell-module__selectable___9HBMF","highlight-icon-svg":"ColumnHeaderCell-module__highlight-icon-svg___xv7AF","highlight-icon-circle":"ColumnHeaderCell-module__highlight-icon-circle___b47hs","highlight-icon-square":"ColumnHeaderCell-module__highlight-icon-square___v2h0N"}},55745:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"ColumnResizeHandle-module__orion-fusion-theme___l3JnF","clinical-lowlight-theme":"ColumnResizeHandle-module__clinical-lowlight-theme___iJ6yt","resize-handle":"ColumnResizeHandle-module__resize-handle___oXnID","resize-handle-selected":"ColumnResizeHandle-module__resize-handle-selected___T779B"}},99831:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Row-module__clinical-lowlight-theme___krsED","orion-fusion-theme":"Row-module__orion-fusion-theme___D2RZJ","striped-table-row":"Row-module__striped-table-row___Awbb0",row:"Row-module__row___aItks",selectable:"Row-module__selectable___LF7bc",selected:"Row-module__selected___DWICO"}},7959:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"RowSelectionCell-module__clinical-lowlight-theme___rl7mh","orion-fusion-theme":"RowSelectionCell-module__orion-fusion-theme___RadCB",input:"RowSelectionCell-module__input___T239p",highlighted:"RowSelectionCell-module__highlighted___zOjqs"}},98306:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Section-module__clinical-lowlight-theme___BRP0Y","orion-fusion-theme":"Section-module__orion-fusion-theme___sbOKr","header-row":"Section-module__header-row___v1Ejw","header-cell":"Section-module__header-cell___lidpf","section-header":"Section-module__section-header___TtY6b","subsection-header-row":"Section-module__subsection-header-row___iq8f5"}},58068:function(e,t,n){var l=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TableConstants=t.RowSelectionModes=void 0;var i=l(n(94634)),r=l(n(41132)),o=l(n(43693)),u=l(n(85715)),d=P(n(96540)),s=l(n(5556)),c=n(8604),f=n(68414),m=P(n(25966)),h=l(n(67967)),g=l(n(7829)),b=l(n(52103)),_=l(n(16524)),p=l(n(41078)),w=l(n(88678)),v=l(n(17215)),C=l(n(17769)),I=P(n(90113)),R=l(n(1088)),y=n(12426),O=l(n(27904)),E=l(n(55145)),S=l(n(79049)),M=l(n(32560)),H=l(n(48929));function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(x=function(e){return e?n:t})(e)}function P(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=x(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function N(e){for(var t=1;t0&&0===Se.current.length)Pe(B.formatMessage({id:"Terra.table.all-rows-unselected"}));else if(Se.current.length===t.length)Pe(B.formatMessage({id:"Terra.table.all-rows-selected"}));else{var n=Se.current.filter((function(t){return!e.includes(t)})),l=e.filter((function(e){return!Se.current.includes(e)})),a="";if(1===n.length){var i=pe.current.querySelector("tr[data-row-id='".concat(n[0],"']")).getAttribute("aria-rowindex");a=B.formatMessage({id:"Terra.table.row-selection-template"},{row:i})}else n.length>1&&(a=B.formatMessage({id:"Terra.table.multiple-rows-selected"},{rowCount:n.length}));if(1===l.length){var o=pe.current.querySelector("tr[data-row-id='".concat(l[0],"']")).getAttribute("aria-rowindex");a+=B.formatMessage({id:"Terra.table.row-selection-cleared-template"},{row:o})}else l.length>1&&(a+=B.formatMessage({id:"Terra.table.multiple-rows-unselected"},{rowCount:l.length}));a&&Pe(a)}}),[B,Xe]),(0,d.useEffect)((function(){Ye(Ke.map((function(e){return qe(e)})))}),[y,O]),(0,d.useEffect)((function(){var e,t=[],n=0;if(Ge&&0===y.length)return e=0,t.push(n),void be(t);y.length>0&&(t.push(n),e=Ge?y.length:y.length-1,Fe.slice(0,e).forEach((function(e){n+=e.width,t.push(n)}))),be(t)}),[Fe]),(0,d.useEffect)((function(){var e=new g.default((function(){clearTimeout(ce.current),ce.current=setTimeout((function(){if(pe.current){var e=Je?2:1;$(pe.current.offsetHeight-e);var t=_e.current;Ie(t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight)}}),100)}));return e.observe(pe.current),function(){e.disconnect()}}),[Je,pe]),(0,d.useEffect)((function(){var e=new g.default((function(){clearTimeout(fe.current),fe.current=setTimeout((function(){var e,t,n=null==_e||null===(e=_e.current)||void 0===e?void 0:e.clientWidth;oe(Math.min(n||0,(null==pe||null===(t=pe.current)||void 0===t?void 0:t.clientWidth)||0)-25)}),100)}));return e.observe(_e.current),function(){e.disconnect()}}),[_e,pe]);var tt,nt,lt=(0,d.useCallback)((function(e){ye.tableRef&&(ye.tableRef.current=e),pe.current=e}),[ye.tableRef]),at=(0,d.useCallback)((function(e){ye.tableContainerRef&&(ye.tableContainerRef.current=e),_e.current=e}),[ye.tableContainerRef]),it=(0,d.useCallback)((function(e){e===T?K&&K():z&&z(e)}),[z,K]),rt=(0,d.useCallback)((function(e,t,n){se.current=pe.current.offsetWidth,ue.current=e.pageX,de.current=n,le(t)}),[]),ot=function(){E&&E(Fe[ne].id,Fe[ne].width),le(null)},ut=(0,d.useCallback)((function(e,t){var n=Fe[e],l=n.minimumWidth,a=n.maximumWidth,i=n.width,o=Math.min(Math.max(i+t,l),a),u=(0,r.default)(Fe);u[e].width=o,Ye(u),pe.current.style.width="".concat(pe.current.offsetWidth+(o-i),"px"),E&&E(Fe[e].id,Fe[e].width)}),[Fe,E]),dt={marginRight:Fe[Fe.length-1].isResizable?"".concat(A.TABLE_MARGIN_RIGHT,"px"):"0"};if(C&&C.length)tt=C[0].id,nt=C[C.length-1].id;else if(R){var st=H.default.getFirstAndLastVisibleRowData(R);tt=st.firstRowId,nt=st.lastRowId}return d.default.createElement("div",{ref:at,className:D("table-container",Re.className),tabIndex:!Oe&&Ce?0:void 0},d.default.createElement("table",(0,i.default)({ref:lt,id:t,role:ye.role,"aria-labelledby":n,"aria-label":l,"aria-rowcount":$e,style:dt,className:D("table",{headerless:!U,"auto-layout":F}),onKeyDown:Oe?void 0:function(e){var t,n=e.target;e.keyCode!==m.KEY_TAB&&(function(e){if("input"===e.tagName.toLowerCase()){var t=e.type;return["text","password","number","email","tel","url","search","date","datetime","datetime-local","time","month","week"].indexOf(t)>=0}return!1}(n)||["textarea","select"].indexOf(n.tagName.toLowerCase())>=0||n.hasAttribute("contentEditable")&&!1!==n.getAttribute("contentEditable"))||(e.keyCode===m.KEY_HOME?(t=(0,S.default)(pe.current))&&t[0].focus():e.keyCode===m.KEY_END&&(t=(0,S.default)(pe.current))&&t[t.length-1].focus())}},null!=ne&&{onMouseUp:ot,onMouseMove:function(e){if(null!=ne){var t=e.pageX-ue.current,n=Fe[ne],l=n.minimumWidth,a=n.maximumWidth,i=Math.min(Math.max(de.current+t,l),a),o=(0,r.default)(Fe);o[ne].width=i,Ye(o),pe.current.style.width="".concat(se+(i-de.current),"px")}},onMouseLeave:ot}),d.default.createElement(v.default.Provider,{value:Le},d.default.createElement("colgroup",null,Fe.map((function(e){return d.default.createElement("col",{key:e.id,style:{width:"number"==typeof e.width?"".concat(e.width,"px"):e.width}})}))),d.default.createElement(w.default,{tableId:t,isActiveColumnResizing:c,activeColumnIndex:a,focusedRowIndex:o,triggerFocus:s,columns:Fe,hasVisibleColumnHeaders:U,headerHeight:P,columnResizeIncrement:h,tableHeight:Z,onResizeMouseDown:rt,onColumnSelect:it,onResizeHandleChange:ut,hasColumnHeaderActions:Je}),Xe.map((function(e){return d.default.createElement(p.default,{id:e.id,tableId:t,key:e.id,sectionRowIndex:e.sectionRowIndex,isCollapsible:e.isCollapsible,isCollapsed:e.isCollapsed,isHidden:e.id===Be.current,isTableStriped:V,text:e.text,rows:e.rows,subsections:e.subsections,rowHeight:j,rowSelectionMode:W,displayedColumns:Ke,rowHeaderIndex:Y,onCellSelect:Oe||W?et:void 0,onSectionSelect:q,rowMinimumHeight:X,boundingWidth:re,firstRowId:tt,lastRowId:nt})})))),d.default.createElement(_.default,{className:D("row-selection-mode-region"),"aria-live":"polite",text:De}),d.default.createElement(_.default,{className:D("row-selection-region"),"aria-live":"polite",text:xe}),d.default.createElement(_.default,{className:D("column-header-region"),"aria-live":"polite","aria-atomic":"true",text:We}))}z.propTypes=W,z.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rowMinimumHeight:"auto",pinnedColumns:[],overflowColumns:[],rows:[],hasVisibleColumnHeaders:!0};t.default=d.default.memo((0,c.injectIntl)(z))},49400:function(e,t,n){var l=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ColumnHighlightColor",{enumerable:!0,get:function(){return u.ColumnHighlightColor}}),Object.defineProperty(t,"GridConstants",{enumerable:!0,get:function(){return r.GridConstants}}),Object.defineProperty(t,"GridContext",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"RowSelectionModes",{enumerable:!0,get:function(){return i.RowSelectionModes}}),Object.defineProperty(t,"TableConstants",{enumerable:!0,get:function(){return i.TableConstants}}),Object.defineProperty(t,"cellShape",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"columnShape",{enumerable:!0,get:function(){return u.default}}),t.default=void 0,Object.defineProperty(t,"hasColumnActions",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(t,"rowShape",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"sectionShape",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"validateAction",{enumerable:!0,get:function(){return c.validateAction}}),Object.defineProperty(t,"validateRowHeaderIndex",{enumerable:!0,get:function(){return c.validateRowHeaderIndex}});var i=h(n(58068)),r=h(n(90113)),o=l(n(70876)),u=h(n(17769)),d=l(n(1088)),s=l(n(55145)),c=n(12426),f=l(n(32560));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}t.default=i.default},21030:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(5556)),i=a.default.shape({label:a.default.string.isRequired,onClick:a.default.func.isRequired});t.default=i},70876:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(5556)),i=a.default.shape({content:a.default.node,isMasked:a.default.bool,maskedLabel:a.default.string,isSelectable:a.default.bool,isSelected:a.default.bool});t.default=i},17769:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.SortIndicators=t.ColumnHighlightColor=void 0;var a=l(n(5556)),i=l(n(21030)),r=t.SortIndicators={ASCENDING:"ascending",DESCENDING:"descending"},o=t.ColumnHighlightColor={ORANGE:"orange",GREEN:"green"},u=a.default.shape({id:a.default.string.isRequired,displayName:a.default.string,action:a.default.shape({actionShape:i.default}),hasError:a.default.bool,isResizable:a.default.bool,isSelectable:a.default.bool,minimumWidth:a.default.number,maximumWidth:a.default.number,width:a.default.oneOfType([a.default.number,a.default.string]),sortIndicator:a.default.oneOf(Object.values(r)),columnHighlightColor:a.default.oneOf(Object.values(o)),columnHighlightDescription:a.default.string});t.default=u},1088:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(5556)),i=l(n(70876)),r=a.default.shape({id:a.default.string.isRequired,cells:a.default.arrayOf(i.default),isSelected:a.default.bool,ariaLabel:a.default.string});t.default=r},55145:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(5556)),i=l(n(1088)),r=l(n(36735)),o=a.default.shape({id:a.default.string.isRequired,isCollapsible:a.default.bool,isCollapsed:a.default.bool,text:a.default.string,rows:a.default.arrayOf(i.default),subsections:a.default.arrayOf(r.default)});t.default=o},36735:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(5556)),i=l(n(1088)),r=a.default.shape({id:a.default.string.isRequired,text:a.default.string,rows:a.default.arrayOf(i.default)});t.default=r},12426:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.validateRowHeaderIndex=t.validateAction=void 0;var l=n(5643);t.validateRowHeaderIndex=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<-1?new Error(l.ERRORS.ROW_HEADER_INDEX_LESS_THAN_MINUS_ONE):e.pinnedColumns.length&&e.rowHeaderIndex>=e.pinnedColumns.length?new Error(l.ERRORS.ROW_HEADER_INDEX_EXCEEDS_PINNED):void 0:new Error(l.ERRORS.ROW_HEADER_INDEX_NOT_AN_INTEGER)},t.validateAction=function(e){if(e.action){if(!e.action.label||e.action.label.length<1)return new Error(l.ERRORS.ACTION_LABEL_MISSING);if(!e.action.onClick)return new Error(l.ERRORS.ACTION_ONCLICK_MISSING);if(e.action.onClick&&"function"!=typeof e.action.onClick)return new Error(l.ERRORS.ACTION_ONCLICK_IS_NOT_A_FUNCTION)}}},42589:function(e,t,n){var l=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(94634)),r=l(n(43693)),o=l(n(85715)),u=I(n(96540)),d=I(n(25966)),s=l(n(67967)),c=l(n(94708)),f=n(8604),m=l(n(5556)),h=l(n(52103)),g=l(n(16524)),b=l(n(17215)),_=I(n(90113)),p=l(n(79049)),w=n(17769),v=l(n(7861));function C(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(C=function(e){return e?n:t})(e)}function I(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=C(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function y(e){for(var t=1;t0},Z=function(){return L.isAutoFocusEnabled?(0,p.default)(W.current).length>1?null:W.current.querySelector("a, button"):null},$=function(){X(!1),L.setCellAriaLiveMessage&&L.setCellAriaLiveMessage(f.formatMessage({id:"Terra.table.resume-navigation"}))};(0,u.useEffect)((function(){if(J){var e=Z();null!==e?e.addEventListener("focus",(function(){L.setCellAriaLiveMessage&&L.setCellAriaLiveMessage(f.formatMessage({id:"Terra.table.cell-focus-trapped"}))})):V(Q())}}),[L,f,J]);var ee;ee=w?u.default.createElement("span",{className:O("no-data-cell",z.className)},R||f.formatMessage({id:"Terra.table.maskedCell"})):n||u.default.createElement("span",{className:O("no-data-cell",z.className)},f.formatMessage({id:"Terra.table.blank"}));var te=s?{height:s}:{minHeight:x},ne=u.default.createElement("div",{className:O("cell-content",z.className),style:y({},te)},ee);J&&(ne=u.default.createElement(c.default,{active:B,focusTrapOptions:{returnFocusOnDeactivate:!0,clickOutsideDeactivates:!0,escapeDeactivates:!1,onDeactivate:$}},ne));var le=a=0&&e.preventDefault()}},style:{left:le}},v&&{scope:"row",role:"rowheader"}),ne,U&&u.default.createElement(g.default,{text:f.formatMessage({id:"Terra.table.cell-interactable"})}))}S.propTypes=E,S.defaultProps={isMasked:!1,isRowHeader:!1,isSelectable:!1,sectionId:""};t.default=u.default.memo((0,f.injectIntl)(S))},88678:function(e,t,n){var l=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(85715)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}(n(96540)),o=l(n(5556)),u=l(n(67967)),d=l(n(7829)),s=l(n(73758)),c=l(n(17769)),f=l(n(93072));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var h=u.default.bind(f.default),g={tableId:o.default.string.isRequired,columns:o.default.arrayOf(c.default).isRequired,headerHeight:o.default.string.isRequired,tableHeight:o.default.number,activeColumnIndex:o.default.number,focusedRowIndex:o.default.number,triggerFocus:o.default.func,isActiveColumnResizing:o.default.bool,columnResizeIncrement:o.default.number,onColumnSelect:o.default.func,onResizeMouseDown:o.default.func,onResizeHandleChange:o.default.func,hasVisibleColumnHeaders:o.default.bool,hasColumnHeaderActions:o.default.bool},b=function(e){var t=e.tableId,n=e.activeColumnIndex,l=e.focusedRowIndex,a=e.triggerFocus,o=e.isActiveColumnResizing,u=e.columnResizeIncrement,c=e.columns,f=e.headerHeight,m=e.tableHeight,g=e.onColumnSelect,b=e.onResizeMouseDown,_=e.onResizeHandleChange,p=e.hasVisibleColumnHeaders,w=e.hasColumnHeaderActions,v=(0,r.useRef)(),C=(0,r.useState)(0),I=(0,i.default)(C,2),R=I[0],y=I[1];(0,r.useEffect)((function(){var e=new d.default((function(){var e=w?2:1;y(v.current.offsetHeight-e)}));return e.observe(v.current),function(){e.disconnect()}}),[v]);var O=(0,r.useState)(),E=(0,i.default)(O,2),S=E[0],M=E[1],H=(0,r.useCallback)((function(e){e!==S&&M(e)}),[S]),x=w?"".concat(R,"px"):void 0;return r.default.createElement("thead",{ref:v},r.default.createElement("tr",{"aria-rowindex":1,"data-row-id":"".concat(t,"-header-row"),className:h("column-header-row",{hidden:!p}),height:p?f:void 0},c.map((function(e,i){return r.default.createElement(s.default,{key:"".concat(e.id,"-headerCell"),id:"".concat(e.id,"-headerCell"),tableId:t,columnId:e.id,columnIndex:i,displayName:e.displayName,isDisplayVisible:e.isDisplayVisible,width:e.width,minimumWidth:e.minimumWidth,maximumWidth:e.maximumWidth,headerHeight:f,isResizable:p&&e.isResizable,initialHeight:x,isResizeHandleActive:S===e.id,resizeHandleStateSetter:H,isSelectable:p&&e.isSelectable,tableHeight:m,triggerFocus:a,isActive:n===i&&0===l,isResizeActive:n===i&&o,columnResizeIncrement:u,hasError:e.hasError,sortIndicator:e.sortIndicator,onColumnSelect:g,onResizeMouseDown:b,onResizeHandleChange:_,columnHighlightColor:e.columnHighlightColor,columnHighlightDescription:e.columnHighlightDescription})}))),w&&p&&r.default.createElement("tr",{"aria-rowindex":2,"data-row-id":"".concat(t,"-header-actions-row"),className:h("column-actions-row",{hidden:!p})},c.map((function(e,a){return r.default.createElement(s.default,{key:"".concat(e.id,"-actionCell"),id:"".concat(e.id,"-actionCell"),tableId:t,columnId:e.id,isActionCell:!0,action:e.action,columnIndex:a,isDisplayVisible:e.isDisplayVisible,width:e.isResizable&&e.width,minimumWidth:e.minimumWidth,maximumWidth:e.maximumWidth,headerHeight:f,isResizable:p&&e.isResizable,ownsResizeHandle:1===l,isResizeHandleActive:S===e.id,resizeHandleStateSetter:H,isActive:n===a&&1===l,isResizeActive:n===a&&o})}))))};b.propTypes=g,b.defaultProps={hasVisibleColumnHeaders:!0};t.default=r.default.memo(b)},73758:function(e,t,n){var l=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(94634)),r=I(n(96540)),o=l(n(5556)),u=n(8604),d=I(n(25966)),s=l(n(67967)),c=l(n(52103)),f=l(n(16524)),m=l(n(23986)),h=n(33049),g=n(12426),b=l(n(11009)),_=I(n(90113)),p=n(17769),w=l(n(17215)),v=l(n(3724));function C(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(C=function(e){return e?n:t})(e)}function I(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=C(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var o=i?Object.getOwnPropertyDescriptor(e,r):null;o&&(o.get||o.set)?Object.defineProperty(l,r,o):l[r]=e[r]}return l.default=e,n&&n.set(e,l),l}var R=s.default.bind(v.default),y={id:o.default.string.isRequired,tableId:o.default.string.isRequired,columnId:o.default.string.isRequired,triggerFocus:o.default.func,displayName:o.default.string,sortIndicator:o.default.oneOf(Object.values(p.SortIndicators)),hasError:o.default.bool,minimumWidth:o.default.number,maximumWidth:o.default.number,isActive:o.default.bool,ownsResizeHandle:o.default.bool,isDisplayVisible:o.default.bool,isSelectable:o.default.bool,isActionCell:o.default.bool,action:g.validateAction,isResizable:o.default.bool,isResizeHandleActive:o.default.bool,resizeHandleStateSetter:o.default.func,initialHeight:o.default.string,tableHeight:o.default.number,isResizeActive:o.default.bool,columnResizeIncrement:o.default.number,width:o.default.number,headerHeight:o.default.string.isRequired,columnIndex:o.default.number,onColumnSelect:o.default.func,onResizeMouseDown:o.default.func,onResizeHandleChange:o.default.func,intl:o.default.shape({formatMessage:o.default.func}),columnHighlightDescription:o.default.string,columnHighlightColor:o.default.oneOf(Object.values(p.ColumnHighlightColor))},O=function(e){var t=e.id,n=e.tableId,l=e.isActionCell,a=e.action,o=e.displayName,u=e.sortIndicator,s=e.hasError,g=e.isActive,v=e.isDisplayVisible,C=e.isSelectable,I=e.isResizable,y=e.isResizeHandleActive,O=e.resizeHandleStateSetter,E=e.initialHeight,S=e.triggerFocus,M=e.columnId,H=e.tableHeight,x=e.isResizeActive,P=e.columnResizeIncrement,j=e.width,N=e.minimumWidth,D=e.maximumWidth,k=e.headerHeight,A=e.onColumnSelect,T=e.intl,W=e.columnIndex,z=e.onResizeMouseDown,L=e.onResizeHandleChange,q=e.ownsResizeHandle,G=e.columnHighlightDescription,K=e.columnHighlightColor,U=(0,r.useContext)(w.default),V=(0,r.useContext)(_.default),F=(0,r.useRef)(),Y=(0,r.useCallback)((function(e){e?O(M):O()}),[M,O]),B=V.role===_.GridConstants.GRID;(0,r.useEffect)((function(){g?I&&x?Y(!0):(F.current.focus(),Y(!1)):Y(!1)}),[g,I,x]);var X,J,Q=(0,r.useCallback)((function(e){e.stopPropagation(),z&&z(e,W,F.current.offsetWidth)}),[W,z]),Z=(0,r.useCallback)((function(){F.current.focus(),Y(!1)}),[]),$=function(e,t){switch(e.keyCode){case d.KEY_SPACE:case d.KEY_RETURN:if(t){t();break}C&&A&&A(M),e.stopPropagation(),e.preventDefault();break;case d.KEY_LEFT:I&&y&&B&&(Y(!1),S&&S(),e.stopPropagation(),e.preventDefault());break;case d.KEY_RIGHT:I&&!y&&B&&(Y(!0),e.stopPropagation(),e.preventDefault())}},ee=s&&r.default.createElement(h.IconError,{className:R("error-icon")}),te="";u===p.SortIndicators.ASCENDING?(X=r.default.createElement(h.IconUp,null),te=T.formatMessage({id:"Terra.table.sort-ascending"})):u===p.SortIndicators.DESCENDING&&(X=r.default.createElement(h.IconDown,null),te=T.formatMessage({id:"Terra.table.sort-descending"})),K===p.ColumnHighlightColor.GREEN?J=r.default.createElement("svg",{className:R("highlight-icon-svg"),xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("circle",{className:R("highlight-icon-circle"),r:"3",cx:"110%",cy:"11",transform:"translate(-5)"})):K===p.ColumnHighlightColor.ORANGE&&(J=r.default.createElement("svg",{className:R("highlight-icon-svg"),xmlns:"http://www.w3.org/2000/svg"},r.default.createElement("rect",{className:R("highlight-icon-square"),x:"110%",y:"7.5",transform:"translate(-8)"})));var ne=(0,r.useContext)(c.default),le=W0&&!e.isCollapsed:e.rows.length>0&&!e.isCollapsed}));if(n.length<1)return t;for(var l=0;l=0;i-=1){var r=n[i].rows;if(r&&r.length){t.lastRowId=r[r.length-1].id;break}}return t}};t.default=n}}]); \ No newline at end of file diff --git a/49701-6d43d4a62d55643eddca.css b/49701-6d43d4a62d55643eddca.css new file mode 100644 index 000000000..de3b8a838 --- /dev/null +++ b/49701-6d43d4a62d55643eddca.css @@ -0,0 +1,4 @@ +.Table-module__clinical-lowlight-theme___PqYJ8{--terra-html-table-background-color: #383f42;--terra-html-table-border: 1px solid #585a5c;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: none;--terra-html-table-header-cell-color: #1c1f21;--terra-html-table-header-cell-font-size: 1rem;--terra-html-table-header-cell-font-weight: bold;--terra-html-table-header-cell-border-right: 1px solid #585a5c;--terra-html-table-first-header-cell-border-left: 1px solid #585a5c;--terra-html-table-last-header-cell-border-right: 1px solid #585a5c;--terra-html-table-header-background-color: #909496;--terra-html-table-header-box-shadow: 0 4px 4px -3.5px #1c1f21, inset 0 0 0 1px #585a5c;--terra-html-table-header-row-border-bottom: 1px solid #585a5c;--terra-html-table-header-row-border-top: 1px solid #585a5c;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #b2b5b6;--terra-html-table-cell-font-size: 1rem;--terra-html-table-first-cell-border-left: 1px solid #585a5c;--terra-html-table-last-cell-border-right: 1px solid #585a5c;--terra-html-table-header-cell-standard-padding-bottom: 0.5rem;--terra-html-table-header-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-header-cell-standard-padding-top: 0.5rem;--terra-html-table-header-cell-compact-padding-bottom: 0.25rem;--terra-html-table-header-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-header-cell-compact-padding-top: 0.25rem;--terra-html-table-cell-standard-padding-bottom: 0.5rem;--terra-html-table-cell-standard-padding-left: 0.7142857143rem;--terra-html-table-cell-standard-padding-right: 0.7142857143rem;--terra-html-table-cell-standard-padding-top: 0.5rem;--terra-html-table-cell-compact-padding-bottom: 0.25rem;--terra-html-table-cell-compact-padding-left: 0.7142857143rem;--terra-html-table-cell-compact-padding-right: 0.7142857143rem;--terra-html-table-cell-compact-padding-top: 0.25rem;--terra-html-table-row-border-top: 1px solid #585a5c;--terra-html-table-last-row-border-bottom: 1px solid #585a5c;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #2d3539}.Table-module__orion-fusion-theme___d9rxf{--terra-html-table-background-color: transparent;--terra-html-table-border: 0;--terra-html-table-border-radius: 0;--terra-html-table-body-background-color: transparent;--terra-html-table-header-cell-color: #64696c;--terra-html-table-header-cell-font-size: 0.857142857rem;--terra-html-table-header-cell-font-weight: normal;--terra-html-table-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-first-header-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-header-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-background-color: #f4f4f4;--terra-html-table-header-box-shadow: none;--terra-html-table-header-row-border-bottom: 2px solid #64696c;--terra-html-table-header-row-border-top: 1px solid #c8cacb;--terra-html-table-cell-border-left: 0;--terra-html-table-cell-color: #1c1f21;--terra-html-table-cell-font-size: 0.857142857rem;--terra-html-table-first-cell-border-left: 1px solid #c8cacb;--terra-html-table-last-cell-border-right: 1px solid #c8cacb;--terra-html-table-header-cell-standard-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-header-cell-standard-padding-top: 0.428571429rem;--terra-html-table-header-cell-compact-padding-bottom: 0.428571429rem;--terra-html-table-header-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-header-cell-compact-padding-top: 0.428571429rem;--terra-html-table-cell-standard-padding-bottom: 0.8571428571rem;--terra-html-table-cell-standard-padding-left: 0.3571428571rem;--terra-html-table-cell-standard-padding-right: 0.3571428571rem;--terra-html-table-cell-standard-padding-top: 0.8571428571rem;--terra-html-table-cell-compact-padding-bottom: 0.8571428571rem;--terra-html-table-cell-compact-padding-left: 0.3571428571rem;--terra-html-table-cell-compact-padding-right: 0.3571428571rem;--terra-html-table-cell-compact-padding-top: 0.8571428571rem;--terra-html-table-row-border-top: 0;--terra-html-table-last-row-border-bottom: 1px solid #c8cacb;--terra-html-table-row-background-color: transparent;--terra-html-table-row-striped-background-color: #f4f4f4}.Table-module__table___eg2Mi{border-collapse:collapse;border-spacing:0;max-width:100%;width:100%}[dir] .Table-module__table___eg2Mi{background-color:transparent;background-color:var(--terra-html-table-background-color, transparent);border:0;border:var(--terra-html-table-border, 0);border-radius:0;border-radius:var(--terra-html-table-border-radius, 0)}[dir] .Table-module__table___eg2Mi caption{padding-bottom:.5em}.Table-module__table___eg2Mi tr{display:table-row}[dir] .Table-module__table___eg2Mi tr{margin-bottom:0}.Table-module__table___eg2Mi td,.Table-module__table___eg2Mi th{color:#1c1f21;color:var(--terra-html-table-cell-color, #1c1f21);display:table-cell;font-size:1rem;font-size:var(--terra-html-table-cell-font-size, 1rem);font-weight:normal;vertical-align:top}[dir] .Table-module__table___eg2Mi td, [dir] .Table-module__table___eg2Mi th{border:0}[dir=ltr] .Table-module__table___eg2Mi td, [dir=ltr] .Table-module__table___eg2Mi th{border-left:0;border-left:var(--terra-html-table-cell-border-left, 0);text-align:left}[dir=rtl] .Table-module__table___eg2Mi td, [dir=rtl] .Table-module__table___eg2Mi th{border-right:0;border-right:var(--terra-html-table-cell-border-left, 0);text-align:right}[dir=ltr] .Table-module__table___eg2Mi td:first-child, [dir=ltr] .Table-module__table___eg2Mi th:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:first-child, [dir=rtl] .Table-module__table___eg2Mi th:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi td:last-child, [dir=ltr] .Table-module__table___eg2Mi th:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi td:last-child, [dir=rtl] .Table-module__table___eg2Mi th:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{display:table-cell;vertical-align:top}[dir] .Table-module__table___eg2Mi thead th, [dir] .Table-module__table___eg2Mi thead td{border:0}[dir=ltr] .Table-module__table___eg2Mi thead th, [dir=ltr] .Table-module__table___eg2Mi thead td{border-right:1px solid rgba(200, 202, 203, 0.5);border-right:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:left}[dir=rtl] .Table-module__table___eg2Mi thead th, [dir=rtl] .Table-module__table___eg2Mi thead td{border-left:1px solid rgba(200, 202, 203, 0.5);border-left:var(--terra-html-table-header-cell-border-right, 1px solid rgba(200, 202, 203, 0.5));text-align:right}[dir=ltr] .Table-module__table___eg2Mi thead th:first-child, [dir=ltr] .Table-module__table___eg2Mi thead td:first-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:first-child, [dir=rtl] .Table-module__table___eg2Mi thead td:first-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-first-header-cell-border-left, 1px solid #dedfe0)}[dir=ltr] .Table-module__table___eg2Mi thead th:last-child, [dir=ltr] .Table-module__table___eg2Mi thead td:last-child{border-right:1px solid #dedfe0;border-right:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}[dir=rtl] .Table-module__table___eg2Mi thead th:last-child, [dir=rtl] .Table-module__table___eg2Mi thead td:last-child{border-left:1px solid #dedfe0;border-left:var(--terra-html-table-last-header-cell-border-right, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead{display:table-header-group}[dir] .Table-module__table___eg2Mi thead{background-color:#f1f1f2;background-color:var(--terra-html-table-header-background-color, #f1f1f2);box-shadow:0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5);box-shadow:var(--terra-html-table-header-box-shadow, 0 4px 4px -3.5px rgba(134, 138, 140, 0.75), inset 0 0 0 1px #fff, inset 0.5px 0.5px 0 2px rgba(255, 255, 255, 0.5))}[dir] .Table-module__table___eg2Mi thead tr{border-bottom:1px solid #b9bbbc;border-bottom:var(--terra-html-table-header-row-border-bottom, 1px solid #b9bbbc);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-header-row-border-top, 1px solid #dedfe0)}.Table-module__table___eg2Mi thead th,.Table-module__table___eg2Mi thead td{color:#1c1f21;color:var(--terra-html-table-header-cell-color, #1c1f21);font-size:1rem;font-size:var(--terra-html-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-html-table-header-cell-font-weight, bold);vertical-align:bottom}[dir] .Table-module__table___eg2Mi tbody{background-color:var(--terra-html-table-body-background-color)}[dir] .Table-module__table___eg2Mi tbody tr{background-color:transparent;background-color:var(--terra-html-table-row-background-color, transparent);border-top:1px solid #dedfe0;border-top:var(--terra-html-table-row-border-top, 1px solid #dedfe0)}[dir] .Table-module__table___eg2Mi tbody tr:first-of-type{border-top:0}[dir] .Table-module__table___eg2Mi tbody tr:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-html-table-last-row-border-bottom, 1px solid #dedfe0)}[dir] .Table-module__padding-standard___BfbC- th{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z th{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-header-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-header-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z th{padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z th{padding-right:0.75rem;padding-right:var(--terra-html-table-header-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-header-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__padding-standard___BfbC- td{padding-bottom:0.5rem;padding-bottom:var(--terra-html-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-html-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] .Table-module__padding-standard___BfbC- td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-standard___BfbC- td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-standard-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-standard-padding-right, 0.75rem)}[dir] .Table-module__padding-compact___Yus6Z td{padding-bottom:0.25rem;padding-bottom:var(--terra-html-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-html-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] .Table-module__padding-compact___Yus6Z td{padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir=rtl] .Table-module__padding-compact___Yus6Z td{padding-right:0.75rem;padding-right:var(--terra-html-table-cell-compact-padding-left, 0.75rem);padding-left:0.75rem;padding-left:var(--terra-html-table-cell-compact-padding-right, 0.75rem)}[dir] .Table-module__striped___n8xJe tbody tr:nth-of-type(even){background-color:#f6f7f8;background-color:var(--terra-html-table-row-striped-background-color, #f6f7f8)}@media print{.Table-module__table___eg2Mi thead{display:table-header-group}.Table-module__table___eg2Mi tr{page-break-inside:avoid}} +.PropsTable-module__clinical-lowlight-theme___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} +.ApplicationErrorBoundaryExample-module__example___QBiGu{height:30rem;width:100%} +.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)} diff --git a/49701-6d43d4a62d55643eddca.js b/49701-6d43d4a62d55643eddca.js new file mode 100644 index 000000000..2a9930caa --- /dev/null +++ b/49701-6d43d4a62d55643eddca.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[49701,4645,85785,8166,30547,52928,96261],{201:function(e,t,r){var n=r(24994),l=r(73738);t.A=void 0;var a=n(r(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 r=m(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(r(96540)),u=n(r(5556)),d=n(r(67967)),i=r(92912),c=n(r(49558)),p=n(r(53665)),f=r(25966),s=n(r(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(m=function(e){return e?r:t})(e)}var y=d.default.bind(s.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},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,r=e.exampleSrc,n=e.exampleCssSrc,l=e.title,u=e.description,d=e.isExpanded,s=(0,o.useState)(d),m=(0,a.default)(s,2),b=m[0],h=m[1],O=(0,o.useState)(!1),g=(0,a.default)(O,2),E=g[0],x=g[1],j=o.default.useContext(i.ThemeContext),w=void 0!==n,P=function(){x(!E),b&&h(!b)},T=function(){h(!b),E&&x(!E)},C=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",j.className)},o.default.createElement("div",{className:y("header")},l&&o.default.createElement("h2",{className:y("title")},l)),o.default.createElement("div",{className:y("content")},u&&o.default.createElement("div",{className:y("description")},u),t),o.default.createElement("div",{className:y("footer")},r?o.default.createElement("div",{className:y("button-container")},w&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":E}),onClick:P,onKeyDown:function(e){return C(e,P)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return C(e,T)},onBlur:_,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:y("css")},n),b&&o.default.createElement("div",{className:y("code")},r))))};h.propTypes=b,h.defaultProps={isExpanded:!1};t.A=h},12883:function(e,t,r){var n=r(24994),l=r(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return i.Row}}),t.Ay=t.$d=void 0;var a=f(r(96540)),o=n(r(5556)),u=n(r(67967)),d=r(92912),i=f(r(26984)),c=n(r(89744));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var r=p(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}var s=u.default.bind(c.default),m={children:o.default.node},y={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(i.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return a.default.createElement(i.Cell,{className:s("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return a.default.createElement(i.Cell,null,t)}).propTypes=m;var b=function(e){var t=e.children,r=(0,a.useContext)(d.ThemeContext);return a.default.createElement(i.default,{paddingStyle:"compact",className:s("table",r.className)},a.default.createElement(i.Header,{className:s("header")},a.default.createElement(i.HeaderCell,null,"Prop"),a.default.createElement(i.HeaderCell,null,"Type"),a.default.createElement(i.HeaderCell,null,"Required"),a.default.createElement(i.HeaderCell,null,"Default"),a.default.createElement(i.HeaderCell,null,"Description")),a.default.createElement(i.Body,null,t))};b.propTypes=m;t.Ay=b},49701:function(e,t,r){r.r(t),r.d(t,{default:function(){return N}});var n=r(96540),l=r(36665),a=r(12883),o=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var i={},c="wrapper";function p(e){var t=e.components,r=d(e,o);return(0,l.mdx)(c,u({},i,r,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.Ay,{mdxType:"PropsTable"},(0,l.mdx)(a.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(a.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(a.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Components to render within the context of the ApplicationErrorBoundary. Exceptions thrown\nby these components during their render lifecycle will be caught by the ApplicationErrorBoundary.")))))}p.isMDXComponent=!0;var f=r(2957),s=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var b={};function _(e){var t=e.components,r=y(e,s);return(0,l.mdx)("wrapper",m({},b,r,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames/bind';\n\nimport ApplicationErrorBoundary from 'terra-application/lib/application-error-boundary/ApplicationErrorBoundary';\nimport styles from './ApplicationErrorBoundaryExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ErrorThrowingComponent = () => {\n const [throwError, setThrowError] = useState(false);\n\n if (throwError) {\n throw new Error('whoops');\n }\n\n return (\n <>\n

    Press the button below to trigger an error.

    \n \n \n );\n};\n\nconst ApplicationErrorBoundaryExampleWrapper = ({ children }) => {\n const [refresh, setRefresh] = useState(false);\n\n return (\n
    \n \n \n {children}\n \n
    \n );\n};\n\nApplicationErrorBoundaryExampleWrapper.propTypes = {\n children: PropTypes.node,\n};\n\nconst ApplicationErrorBoundaryExample = () => (\n \n \n \n);\n\nexport default ApplicationErrorBoundaryExample;\n\n")))}_.isMDXComponent=!0;var v=r(201),h=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var E={};function x(e){var t=e.components,r=g(e,h);return(0,l.mdx)("wrapper",O({},E,r,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .example {\n height: 30rem;\n width: 100%;\n }\n}\n\n")))}x.isMDXComponent=!0;var j=function(e){var t=e.title,r=e.description,l=e.isExpanded;return n.createElement(v.A,{title:t||"Application Error Boundary Example",description:r,example:n.createElement(f.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(_,null),isExpanded:l})},w=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var C={},S="wrapper";function N(e){var t=e.components,r=T(e,w);return(0,l.mdx)(S,P({},C,r,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"applicationerrorboundary"},"ApplicationErrorBoundary"),(0,l.mdx)("p",null,"The ApplicationErrorBoundary catches exceptions thrown during its children's render lifecycle and renders the error for the user's benefit. The ApplicationErrorBoundary can be rendered at various levels of an application to isolate errors to various parts of the component tree."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ApplicationErrorBoundary from 'terra-application/lib/application-error-boundary';\n")),(0,l.mdx)("h2",{id:"props"},"Props"),(0,l.mdx)(p,{mdxType:"PropsTable"}),(0,l.mdx)("h2",{id:"example"},"Example"),(0,l.mdx)(j,{mdxType:"ApplicationErrorBoundaryExample"}))}N.isMDXComponent=!0},89986:function(e,t,r){r.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,r){r.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"}},31023:function(e,t,r){r.r(t),t.default={example:"ApplicationErrorBoundaryExample-module__example___QBiGu"}},78482:function(e,t,r){r.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"}},2957:function(e,t,r){var n=r(24994),l=r(73738);t.A=void 0;var a=n(r(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 r=p(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=a?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(n,o,u):n[o]=e[o]}return n.default=e,r&&r.set(e,n),n}(r(96540)),u=n(r(5556)),d=n(r(67967)),i=n(r(15803)),c=n(r(31023));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(p=function(e){return e?r:t})(e)}var f=d.default.bind(c.default),s=function(){var e=(0,o.useState)(!1),t=(0,a.default)(e,2),r=t[0],n=t[1];if(r)throw new Error("whoops");return o.default.createElement(o.default.Fragment,null,o.default.createElement("p",null,"Press the button below to trigger an error."),o.default.createElement("button",{type:"button",onClick:function(){n(!0)}},"Trigger Error"))},m=function(e){var t=e.children,r=(0,o.useState)(!1),n=(0,a.default)(r,2),l=n[0],u=n[1];return o.default.createElement("div",{className:f("example")},o.default.createElement("button",{type:"button",onClick:function(){u(!l)}},"Refresh Component"),o.default.createElement(i.default,null,t))};m.propTypes={children:u.default.node};t.A=function(){return o.default.createElement(m,null,o.default.createElement(s,null))}},85444:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(96540)),l=c(r(5556)),a=c(r(46942)),o=c(r(67967)),u=c(r(52103)),d=c(r(78482)),i=["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[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var s=o.default.bind(d.default),m={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,r=e.disableStripes,l=e.paddingStyle,o=f(e,i),d=n.default.useContext(u.default),c=(0,a.default)(s("table",{striped:!r},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",p({},o,{className:c}),t)};y.propTypes=m,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},61452:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},i=function(e){var t=e.children,r=u(e,a);return n.default.createElement("tbody",r,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},86472:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},i=function(e){var t=e.children,r=u(e,a);return n.default.createElement("td",r,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},97441:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(96540)),l=u(r(5556)),a=u(r(10767)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var i={children:l.default.node},c=function(e){var t=e.children,r=d(e,o);return n.default.createElement("thead",r,n.default.createElement("tr",null,a.default.addScope(t,"col")))};c.propTypes=i,c.defaultProps={children:[]};t.default=c},22417:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},i=function(e){var t=e.children,r=u(e,a);return n.default.createElement("th",r,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},36142:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(r(96540)),l=i(r(5556)),a=i(r(67967)),o=i(r(78482)),u=i(r(10767)),d=["children"];function i(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[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var f=a.default.bind(o.default),s={children:l.default.node},m=function(e){var t=e.children,r=p(e,d),l=f(["row"]);return n.default.createElement("tr",c({},r,{className:r.className?"".concat(l," ").concat(r.className):l}),u.default.addScope(t,"row"))};m.propTypes=s,m.defaultProps={children:[]};t.default=m},10767:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=r(96540))&&n.__esModule?n:{default:n};var a={addScope:function(e,t){var r=[];return l.default.Children.forEach(e,(function(e){r.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),r}};t.default=a},26984:function(e,t,r){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 n=i(r(85444)),l=i(r(61452)),a=i(r(36142)),o=i(r(86472)),u=i(r(97441)),d=i(r(22417));function i(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(96540)),l=a(r(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")," ","component using the",r.default.createElement("code",null," isVisuallyHidden")," ","prop."),r.default.createElement(a.default,{isVisuallyHidden:!0},"This text is not visible, however it is accessible to screen readers."))}},60170:function(e,t,n){"use strict";t.A=void 0;var r=l(n(96540)),a=l(n(39716));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{fontSize:18,weight:200},"Font Weight: 200"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:300},"Font Weight: 300"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:400},"Font Weight: 400"),r.default.createElement("br",null),r.default.createElement(a.default,{fontSize:18,weight:700},"Font Weight: 700"))}},96774:function(e,t,n){"use strict";t.A=void 0;var r=i(n(96540)),a=i(n(39716)),l=i(n(67967)),o=i(n(44564));function i(e){return e&&e.__esModule?e:{default:e}}var s=l.default.bind(o.default);t.A=function(){return r.default.createElement("div",{className:s("text-wrapper")},r.default.createElement(a.default,{id:"text",isWordWrapped:!0},"https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text"))}},55713:function(e,t,n){"use strict";var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),i=r(n(25642)),s=o.default.bind(i.default),d={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},u=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:s("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:s("badge"),href:t},a.default.createElement("span",{className:s("badge-name")},"github"),a.default.createElement("span",{className:s("badge-version")},"source")):void 0;return a.default.createElement("div",{className:s("badge-container")},o,i)};u.propTypes=d;t.A=u},12883:function(e,t,n){"use strict";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=f(n(96540)),o=r(n(5556)),i=r(n(67967)),s=n(92912),d=f(n(26984)),u=r(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=c(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&&Object.prototype.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 m=i.default.bind(u.default),p={children:o.default.node},x={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("bold")},t)}).propTypes=p,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(d.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=p;var b=function(e){var t=e.children,n=(0,l.useContext)(s.ThemeContext);return l.default.createElement(d.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(d.Header,{className:m("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))};b.propTypes=p;t.Ay=b},21537:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return Ze}});var r=n(96540),a=n(36665),l=n(74128),o=n(2907),i=["components"];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 u={};function c(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextColors = () => (\n
    \n {'Font Color: \\'default\\' class'}\n
    \n {'Font Color: \\'attention\\' class'}\n
    \n {'Font Color: \\'success\\' class'}\n
    \n {'Font Color: \\'info\\' class'}\n
    \n);\n\nexport default TextColors;\n\n")))}c.isMDXComponent=!0;var f=n(201),m=["components"];function p(){return p=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={};function y(e){var t=e.components,n=x(e,m);return(0,a.mdx)("wrapper",p({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"/*stylelint-disable terra/custom-property-namespace*/\n@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-text-attention-color: rgb(220, 20, 60);\n --terra-text-success-color: rgb(46, 125, 50);\n --terra-text-info-color: #304ffe;\n --terra-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--terra-text-default-color, #333);\n }\n\n .attention {\n color: var(--terra-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--terra-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--terra-text-info-color, #304ffe);\n }\n}\n\n")))}y.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Colors",description:n,example:r.createElement(o.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(c,null),isExpanded:a})},g=n(14772),v=["components"];function T(){return T=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 O(e){var t=e.components,n=j(e,v);return(0,a.mdx)("wrapper",T({},_,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-text/lib/Text.module.scss';\nimport styles2 from './colors.module.scss';\nimport styles3 from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\nconst cx2 = classNames.bind(styles2);\nconst cx3 = classNames.bind(styles3);\n\nconst TextDisplays = () => (\n
    \n

    \n Fonts\n
    \n \n Font Stack:\n \n \n

    \n
    \n
    \n

    Font Weight: 300

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n )}\n />\n
    \n
    \n

    Font Style: Italic Font Weight: 300

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n )}\n />\n
    \n
    \n

    Font Weight: 400

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n)}\n />\n
    \n
    \n

    Font Style: Italic

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n)}\n />\n
    \n
    \n

    Font Weight: 700

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n)}\n />\n
    \n
    \n

    Font Style: Italic Font Weight: 700

    \n Aa}\n fill={(\n
    \n a b c d e f g h i j k l m n o p q r s t u v w x y z\n
    \n A B C D E F G H I J K L M N O P Q R S T U V W X Y Z\n
    \n 1 2 3 4 5 6 7 8 9 0\n
    \n)}\n />\n
    \n);\n\nexport default TextDisplays;\n\n")))}O.isMDXComponent=!0;var E=["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 z={};function N(e){var t=e.components,n=S(e,E);return(0,a.mdx)("wrapper",w({},z,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import './clinical-lowlight-theme/Text.module';\n@import './orion-fusion-theme/Text.module';\n\n:local {\n .text {\n display: inline-block;\n font-weight: inherit;\n }\n\n .inherit-color {\n color: inherit;\n }\n\n // Text Italics\n .italic { font-style: italic; }\n\n // Word wrap\n .word-wrap {\n max-width: 100%; /* Allows text to wrap in IE */\n overflow-wrap: break-word; /* Modern browsers */\n word-wrap: break-word; /* For IE 10 and IE 11 */\n }\n\n // Text Sizes\n .font-size-100 { font-size: 7.143rem; }\n .font-size-92 { font-size: 6.571rem; }\n .font-size-72 { font-size: 5.143rem; }\n .font-size-64 { font-size: 4.571rem; }\n .font-size-56 { font-size: 4rem; }\n .font-size-50 { font-size: 3.571rem; }\n .font-size-46 { font-size: 3.286rem; }\n .font-size-36 { font-size: 2.571rem; }\n .font-size-32 { font-size: 2.286rem; }\n .font-size-24 { font-size: 1.714rem;}\n .font-size-20 { font-size: 1.429rem; }\n .font-size-18 { font-size: 1.286rem; }\n .font-size-16 { font-size: 1.143rem; }\n .font-size-14 { font-size: 1rem; }\n .font-size-12 { font-size: 0.8571rem; }\n .font-size-10 { font-size: 0.7143rem; }\n\n // Text Weights\n .font-weight-200 { font-weight: 200; }\n .font-weight-300 { font-weight: 300; }\n .font-weight-400 { font-weight: 400; }\n .font-weight-700 { font-weight: 700; }\n\n\n /**\n * Used to hide the content visually, yet provide the content to screen readers,\n * More info: http://a11yproject.com/posts/how-to-hide-content/\n */\n .visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n }\n\n .font-stack {\n &::after {\n content: var(--terra-text-v2-font-stack-after-content, '\\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif');\n display: inline-block;\n }\n }\n}\n\n")))}N.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Displays",description:n,example:r.createElement(g.A,null),exampleCssSrc:r.createElement(N,null),exampleSrc:r.createElement(O,null),isExpanded:a})},C=n(67238),k=["components"];function A(){return A=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 I(e){var t=e.components,n=D(e,k);return(0,a.mdx)("wrapper",A({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextFontSizes = () => (\n
    \n 100px (7.143rem)\n
    \n 92px (2.286rem)\n
    \n 72px (2.286rem)\n
    \n 64px (2.286rem)\n
    \n 56px (2.286rem)\n
    \n 50px (2.286rem)\n
    \n 46px (2.286rem)\n
    \n 36px (2.286rem)\n
    \n 32px (2.286rem)\n
    \n 24px (1.714rem)\n
    \n 20px (1.429rem)\n
    \n 18px (1.286rem)\n
    \n 16px (1.143rem)\n
    \n 14px (1rem)\n
    \n 12px (0.8571rem)\n
    \n 10px (0.7143rem)\n
    \n);\n\nexport default TextFontSizes;\n\n")))}I.isMDXComponent=!0;var W=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Font Sizes",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(I,null),isExpanded:a})},F=n(53957),R=["components"];function H(){return H=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 Y(e){var t=e.components,n=V(e,R);return(0,a.mdx)("wrapper",H({},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 Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextVariations = () => (\n
    \n \n Text with color set to\n {'\\'success\\' class'}\n {' '}\n and\n isItalic\n \n
    \n \n Text with font-size set to\n 24\n {' '}\n and weight set to\n 200\n \n
    \n);\n\nexport default TextVariations;\n\n")))}Y.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Variations",description:n,example:r.createElement(F.A,null),exampleCssSrc:r.createElement(y,null),exampleSrc:r.createElement(Y,null),isExpanded:a})},Z=n(61120),B=["components"];function L(){return L=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 J={};function Q(e){var t=e.components,n=U(e,B);return(0,a.mdx)("wrapper",L({},J,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextVisuallyHidden = () => (\n
    \n

    \n The example below includes a\n <Text />\n {' '}\n component using the\n isVisuallyHidden\n {' '}\n prop.\n

    \n This text is not visible, however it is accessible to screen readers.\n
    \n);\n\nexport default TextVisuallyHidden;\n\n")))}Q.isMDXComponent=!0;var K=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Visually Hidden",description:n,example:r.createElement(Z.A,null),exampleSrc:r.createElement(Q,null),isExpanded:a})},G=n(60170),$=["components"];function ee(){return ee=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 ne={};function re(e){var t=e.components,n=te(e,$);return(0,a.mdx)("wrapper",ee({},ne,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\n\nconst TextWeights = () => (\n
    \n Font Weight: 200\n
    \n Font Weight: 300\n
    \n Font Weight: 400\n
    \n Font Weight: 700\n
    \n);\n\nexport default TextWeights;\n\n")))}re.isMDXComponent=!0;var ae=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Weights",description:n,example:r.createElement(G.A,null),exampleSrc:r.createElement(re,null),isExpanded:a})},le=n(96774),oe=["components"];function ie(){return ie=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 de={};function ue(e){var t=e.components,n=se(e,oe);return(0,a.mdx)("wrapper",ie({},de,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './TextDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst TextWordWrapped = () => (\n
    https://engineering.cerner.com/terra-ui/#/components/terra-text/text/text
    \n);\n\nexport default TextWordWrapped;\n\n")))}ue.isMDXComponent=!0;var ce=["components"];function fe(){return fe=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 pe={};function xe(e){var t=e.components,n=me(e,ce);return(0,a.mdx)("wrapper",fe({},pe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n margin-left: 10px;\n margin-right: 10px;\n }\n\n .text-wrapper {\n border: 1px solid;\n width: 150px;\n }\n}\n\n")))}xe.isMDXComponent=!0;var be=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Word Wrapped",description:n,example:r.createElement(le.A,null),exampleCssSrc:r.createElement(xe,null),exampleSrc:r.createElement(ue,null),isExpanded:a})},ye=n(1379),he=["components"];function ge(){return ge=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 Te={};function je(e){var t=e.components,n=ve(e,he);return(0,a.mdx)("wrapper",ge({},Te,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Text from 'terra-text';\nimport moment from 'moment';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\n\nconst dateVar = moment('01-06-2022', 'MM-DD-YYYY').format('MM-DD-YYYY');\n\nconst TextDate = () => (\n <>\n

    Date format using Semantic Element:

    \n \n\n

    Date format using custom labels:

    \n {/* to make screen readers to announce value as date */}\n \n \n \n 2017-06-01\n \n \n\n

    Date format using date as a string:

    \n {/* to make screen readers to announce slash or any type of separator with date values */}\n 2017/06/01\n \n);\n\nexport default TextDate;\n\n")))}je.isMDXComponent=!0;var _e=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Date",description:n,example:r.createElement(ye.A,null),exampleSrc:r.createElement(je,null),isExpanded:a})},Oe=n(85050),Ee=["components"];function we(){return we=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 ze={};function Ne(e){var t=e.components,n=Se(e,Ee);return(0,a.mdx)("wrapper",we({},ze,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Text from \'terra-text\';\nimport VisuallyHiddenText from \'terra-visually-hidden-text\';\n\nconst TextTime = () => (\n <>\n

    Time format using Semantic Element:

    \n \n\n

    Time format using custom labels:

    \n {/* to make screen readers to announce value as time */}\n \n \n \n \n \n);\n\nexport default TextTime;\n\n')))}Ne.isMDXComponent=!0;var Pe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(f.A,{title:t||"Text Time",description:n,example:r.createElement(Oe.A,null),exampleSrc:r.createElement(Ne,null),isExpanded:a})},Ce=n(12883),ke=["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 Me={},Ie="wrapper";function We(e){var t=e.components,n=De(e,ke);return(0,a.mdx)(Ie,Ae({},Me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Ce.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Ce.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child nodes"))),(0,a.mdx)(Ce.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isItalic"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to display in italics."))),(0,a.mdx)(Ce.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isVisuallyHidden"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text to appear visually hidden. The text will still be available to screen readers."))),(0,a.mdx)(Ce.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"isWordWrapped"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if word wrapping styles should be applied."))),(0,a.mdx)(Ce.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"fontSize"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 10\n 12\n 14\n 16\n 18\n 20\n 24\n 32\n 36\n 46\n 50\n 56\n 64\n 72\n 92\n 100\n],\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the text size. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"10"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"12"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"14"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"16"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"18"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"20"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"24"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"32"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"36"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"46"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"50"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"56"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"64"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"72"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"92"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"100"),"."))),(0,a.mdx)(Ce.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"weight"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 200\n 300\n 400\n 700\n],\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The prop can be used to specify the weight or boldness of the Text component. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"300"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"700"),"."))),(0,a.mdx)(Ce.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(Ce.dt,{mdxType:"PropNameCell"},"colorClass"),(0,a.mdx)(Ce.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Ce.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Ce.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Ce.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author defined class, to control the colors of the text and override the base color styles."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}We.isMDXComponent=!0;var Fe=["components"];function Re(){return Re=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 Ve,qe=(Ve="Link",function(e){return console.warn("Component "+Ve+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.mdx)("div",e)}),Ye={},Xe="wrapper";function Ze(e){var t=e.components,n=He(e,Fe);return(0,a.mdx)(Xe,Re({},Ye,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-text"},"Terra Text"),(0,a.mdx)("p",null,"The font size, font weight, font family, and font color in terra components are set to defaults in terra-base which is then inherited into all components.\nComponents can override these base styles as needed in their specific component CSS. In some cases, you may need text that differs from the base font styles,\nthough, the text doesn't belong to a specific component."),(0,a.mdx)("p",null,"In these cases, the text component may be helpful. Using terra-text, you can create text that differs from the base text styles by changing the font size,\nfont weight, and color."),(0,a.mdx)("h1",{id:"decorative-text-attributes"},"Decorative text attributes"),(0,a.mdx)("p",null,"Decorative text attributes are attributes that do not add meaning to the content of a page. If the attribute is just decorative and does not convey any meaning, the text should not communicate anything else."),(0,a.mdx)("h1",{id:"supportive-text-attributes"},"Supportive Text Attributes"),(0,a.mdx)("p",null,'The text attribute is "Supportive" when the text attribute is paired with other text or imagery on the page that conveys the same information. Supportive text attributes should be considered the same as decorative, and no extra meaning should be applied.'),(0,a.mdx)("h1",{id:"meaningful-text-attributes"},"Meaningful Text Attributes"),(0,a.mdx)("p",null,"Meaningful text attributes are attributes that convey meaning and is not paired with other text or imagery on the page that conveys the meaning. When text attributes are meaningful there should be a way for the screen readers to convey so as to understand WHAT the text attribute means."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," Large font sizes should be used only for decorative text and not for headers. For text to be understood as a heading, the text must be programmatically set to a heading level in the code."),(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-text"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Text from 'terra-text';\n")),(0,a.mdx)("h3",{id:"color-class"},"Color Class"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-text-attention-color: rgb(220, 20, 60);\n --my-app-text-success-color: rgb(46, 125, 50);\n --my-app-text-info-color: #304ffe;\n --my-app-text-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--my-app-text-default-color, #333);\n }\n\n .attention {\n color: var(--my-app-text-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--my-app-text-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--my-app-text-info-color, #304ffe);\n }\n}\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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(P,{title:"Displays",mdxType:"TextDisplays"}),(0,a.mdx)(W,{title:"Font Sizes",description:"The font-size values represent the pixel values of our UX defined font-scale. Then the `Text` component will render these font-sizes with rem units.",mdxType:"TextFontSizes"}),(0,a.mdx)(h,{title:"Colors",description:"By passing in a className, authors can manually set the text color of any '' component.",mdxType:"TextColors"}),(0,a.mdx)(ae,{title:"Weight",mdxType:"TextWeights"}),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"isVisuallyHidden")," prop can be used to hide the content visually, yet provide the content to screen readers.\nMore info on this approach can be found here: ",(0,a.mdx)(qe,{to:"http://a11yproject.com/posts/how-to-hide-content/",mdxType:"Link"},(0,a.mdx)("a",{parentName:"p",href:"http://a11yproject.com/posts/how-to-hide-content/"},"http://a11yproject.com/posts/how-to-hide-content/"))),(0,a.mdx)(K,{title:"Visually Hidden",mdxType:"TextVisuallyHidden"}),(0,a.mdx)(X,{title:"Variations",description:"You can mix and match props on the `` component to create various text styles.",mdxType:"TextVariations"}),(0,a.mdx)(be,{title:"Word Wrapped",description:"The `isWordWrapped` prop can be used to apply cross-browser word-wrapping styles.",mdxType:"TextWordWrapped"}),(0,a.mdx)(_e,{title:"Date Format",description:"You can use `Terra-Text` for date formatting.",mdxType:"TextDate"}),(0,a.mdx)(Pe,{title:"Time Format",description:"You can use `Terra-Text` for time formatting.",mdxType:"TextTime"}),(0,a.mdx)("h2",{id:"text-props"},"Text Props"),(0,a.mdx)(We,{mdxType:"TextPropsTable"}))}Ze.isMDXComponent=!0},74128:function(e,t,n){"use strict";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-text",name:"terra-text",version:"4.57.0",url:t})}},44564:function(e,t,n){"use strict";n.r(t),t.default={"content-wrapper":"TextDocCommon-module__content-wrapper___Iyhd9","text-wrapper":"TextDocCommon-module__text-wrapper___x8WkM"}},1334:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___djX+a","orion-fusion-theme":"colors-module__orion-fusion-theme___gHvde",default:"colors-module__default___xEB3r",attention:"colors-module__attention___ra+PH",success:"colors-module__success___0EbKw",info:"colors-module__info___DYABi"}},25642:function(e,t,n){"use strict";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"}},89744:function(e,t,n){"use strict";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"}},92420:function(e,t,n){"use strict";n.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"}},78482:function(e,t,n){"use strict";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"}},96812:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Text-module__clinical-lowlight-theme___mG7dV","orion-fusion-theme":"Text-module__orion-fusion-theme___s3eY+",text:"Text-module__text___pR3Hk","inherit-color":"Text-module__inherit-color___BT1c9",italic:"Text-module__italic___Ai80R","word-wrap":"Text-module__word-wrap___RWBlC","font-size-100":"Text-module__font-size-100___QjMrh","font-size-92":"Text-module__font-size-92___xffy1","font-size-72":"Text-module__font-size-72___R9WxS","font-size-64":"Text-module__font-size-64___A0fSP","font-size-56":"Text-module__font-size-56___EpTwK","font-size-50":"Text-module__font-size-50___Hy8ue","font-size-46":"Text-module__font-size-46___MU8-J","font-size-36":"Text-module__font-size-36___8M9ck","font-size-32":"Text-module__font-size-32___-m5nt","font-size-24":"Text-module__font-size-24___OOFKN","font-size-20":"Text-module__font-size-20___rJO6P","font-size-18":"Text-module__font-size-18___TCBtv","font-size-16":"Text-module__font-size-16___ovQH2","font-size-14":"Text-module__font-size-14___fYamg","font-size-12":"Text-module__font-size-12___EGKPm","font-size-10":"Text-module__font-size-10___xZOQY","font-weight-200":"Text-module__font-weight-200___NABUq","font-weight-300":"Text-module__font-weight-300___vm83w","font-weight-400":"Text-module__font-weight-400___Z-2pQ","font-weight-700":"Text-module__font-weight-700___WIUZQ","visually-hidden":"Text-module__visually-hidden___hgjcq","font-stack":"Text-module__font-stack___ydj-0"}},35358:function(e,t,n){var r={"./af":25177,"./af.js":25177,"./ar":61509,"./ar-dz":41488,"./ar-dz.js":41488,"./ar-kw":58676,"./ar-kw.js":58676,"./ar-ly":42353,"./ar-ly.js":42353,"./ar-ma":24496,"./ar-ma.js":24496,"./ar-ps":6947,"./ar-ps.js":6947,"./ar-sa":82682,"./ar-sa.js":82682,"./ar-tn":89756,"./ar-tn.js":89756,"./ar.js":61509,"./az":95533,"./az.js":95533,"./be":28959,"./be.js":28959,"./bg":47777,"./bg.js":47777,"./bm":54903,"./bm.js":54903,"./bn":61290,"./bn-bd":17357,"./bn-bd.js":17357,"./bn.js":61290,"./bo":31545,"./bo.js":31545,"./br":11470,"./br.js":11470,"./bs":44429,"./bs.js":44429,"./ca":7306,"./ca.js":7306,"./cs":56464,"./cs.js":56464,"./cv":73635,"./cv.js":73635,"./cy":64226,"./cy.js":64226,"./da":93601,"./da.js":93601,"./de":77853,"./de-at":26111,"./de-at.js":26111,"./de-ch":54697,"./de-ch.js":54697,"./de.js":77853,"./dv":60708,"./dv.js":60708,"./el":54691,"./el.js":54691,"./en-au":53872,"./en-au.js":53872,"./en-ca":28298,"./en-ca.js":28298,"./en-gb":56195,"./en-gb.js":56195,"./en-ie":66584,"./en-ie.js":66584,"./en-il":65543,"./en-il.js":65543,"./en-in":9033,"./en-in.js":9033,"./en-nz":79402,"./en-nz.js":79402,"./en-sg":43004,"./en-sg.js":43004,"./eo":32934,"./eo.js":32934,"./es":97650,"./es-do":20838,"./es-do.js":20838,"./es-mx":17730,"./es-mx.js":17730,"./es-us":56575,"./es-us.js":56575,"./es.js":97650,"./et":3035,"./et.js":3035,"./eu":3508,"./eu.js":3508,"./fa":119,"./fa.js":119,"./fi":90527,"./fi.js":90527,"./fil":95995,"./fil.js":95995,"./fo":52477,"./fo.js":52477,"./fr":85498,"./fr-ca":26435,"./fr-ca.js":26435,"./fr-ch":37892,"./fr-ch.js":37892,"./fr.js":85498,"./fy":37071,"./fy.js":37071,"./ga":41734,"./ga.js":41734,"./gd":70217,"./gd.js":70217,"./gl":77329,"./gl.js":77329,"./gom-deva":32124,"./gom-deva.js":32124,"./gom-latn":93383,"./gom-latn.js":93383,"./gu":95050,"./gu.js":95050,"./he":11713,"./he.js":11713,"./hi":43861,"./hi.js":43861,"./hr":26308,"./hr.js":26308,"./hu":90609,"./hu.js":90609,"./hy-am":17160,"./hy-am.js":17160,"./id":74063,"./id.js":74063,"./is":89374,"./is.js":89374,"./it":88383,"./it-ch":21827,"./it-ch.js":21827,"./it.js":88383,"./ja":23827,"./ja.js":23827,"./jv":89722,"./jv.js":89722,"./ka":41794,"./ka.js":41794,"./kk":27088,"./kk.js":27088,"./km":96870,"./km.js":96870,"./kn":84451,"./kn.js":84451,"./ko":63164,"./ko.js":63164,"./ku":98174,"./ku-kmr":6181,"./ku-kmr.js":6181,"./ku.js":98174,"./ky":78474,"./ky.js":78474,"./lb":79680,"./lb.js":79680,"./lo":15867,"./lo.js":15867,"./lt":45766,"./lt.js":45766,"./lv":69532,"./lv.js":69532,"./me":58076,"./me.js":58076,"./mi":41848,"./mi.js":41848,"./mk":30306,"./mk.js":30306,"./ml":73739,"./ml.js":73739,"./mn":99053,"./mn.js":99053,"./mr":86169,"./mr.js":86169,"./ms":73386,"./ms-my":92297,"./ms-my.js":92297,"./ms.js":73386,"./mt":77075,"./mt.js":77075,"./my":72264,"./my.js":72264,"./nb":22274,"./nb.js":22274,"./ne":8235,"./ne.js":8235,"./nl":92572,"./nl-be":43784,"./nl-be.js":43784,"./nl.js":92572,"./nn":54566,"./nn.js":54566,"./oc-lnc":69330,"./oc-lnc.js":69330,"./pa-in":29849,"./pa-in.js":29849,"./pl":94418,"./pl.js":94418,"./pt":79834,"./pt-br":48303,"./pt-br.js":48303,"./pt.js":79834,"./ro":24457,"./ro.js":24457,"./ru":82271,"./ru.js":82271,"./sd":1221,"./sd.js":1221,"./se":33478,"./se.js":33478,"./si":17538,"./si.js":17538,"./sk":5784,"./sk.js":5784,"./sl":46637,"./sl.js":46637,"./sq":86794,"./sq.js":86794,"./sr":45719,"./sr-cyrl":3322,"./sr-cyrl.js":3322,"./sr.js":45719,"./ss":56e3,"./ss.js":56e3,"./sv":41011,"./sv.js":41011,"./sw":40748,"./sw.js":40748,"./ta":11025,"./ta.js":11025,"./te":11885,"./te.js":11885,"./tet":28861,"./tet.js":28861,"./tg":86571,"./tg.js":86571,"./th":55802,"./th.js":55802,"./tk":59527,"./tk.js":59527,"./tl-ph":29231,"./tl-ph.js":29231,"./tlh":31052,"./tlh.js":31052,"./tr":85096,"./tr.js":85096,"./tzl":79846,"./tzl.js":79846,"./tzm":81765,"./tzm-latn":97711,"./tzm-latn.js":97711,"./tzm.js":81765,"./ug-cn":48414,"./ug-cn.js":48414,"./uk":16618,"./uk.js":16618,"./ur":57777,"./ur.js":57777,"./uz":57609,"./uz-latn":72475,"./uz-latn.js":72475,"./uz.js":57609,"./vi":21135,"./vi.js":21135,"./x-pseudo":64051,"./x-pseudo.js":64051,"./yo":82218,"./yo.js":82218,"./zh-cn":52648,"./zh-cn.js":52648,"./zh-hk":1632,"./zh-hk.js":1632,"./zh-mo":31541,"./zh-mo.js":31541,"./zh-tw":50304,"./zh-tw.js":50304};function a(e){var t=l(e);return n(t)}function l(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=l,e.exports=a,a.id=35358},39496:function(e,t,n){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=d(n(96540)),l=d(n(5556)),o=d(n(67967)),i=d(n(92420)),s=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=o.default.bind(i.default),b={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},y=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,l=e.align,o=e.alignFitStart,i=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,y=p(e,s),h=f({},c),g=f({},m),v=f({},b);return a.default.createElement("span",u({},y,{className:x("arrange",y.className)}),a.default.createElement("span",u({},h,{className:x("fit",l||o,h.className,"fit-block")}),t),a.default.createElement("span",u({},g,{className:x("fill",l||i,g.className,"fill-block")}),n),a.default.createElement("span",u({},v,{className:x("fit",l||d,v.className)}),r))};y.propTypes=b;t.default=y},85444:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),l=u(n(46942)),o=u(n(67967)),i=u(n(52103)),s=u(n(78482)),d=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=o.default.bind(s.default),p={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=f(e,d),s=r.default.useContext(i.default),u=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},s.className),o.className);return r.default.createElement("table",c({},o,{className:u}),t)};x.propTypes=p,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},61452:function(e,t,n){"use strict";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 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 s={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){"use strict";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 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 s={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function s(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 d={children:a.default.node},u=function(e){var t=e.children,n=s(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};u.propTypes=d,u.defaultProps={children:[]};t.default=u},22417:function(e,t,n){"use strict";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 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 s={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},36142:function(e,t,n){"use strict";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(78482)),i=d(n(10767)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=l.default.bind(o.default),m={children:a.default.node},p=function(e){var t=e.children,n=c(e,s),a=f(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},10767:function(e,t,n){"use strict";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){"use strict";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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(85444)),a=d(n(61452)),l=d(n(36142)),o=d(n(86472)),i=d(n(97441)),s=d(n(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},39716:function(e,t,n){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.TextWeight=t.TextFontSize=void 0;var a=c(n(96540)),l=c(n(5556)),o=c(n(46942)),i=c(n(67967)),s=c(n(52103)),d=c(n(96812)),u=["children","isVisuallyHidden","isItalic","fontSize","weight","isWordWrapped","colorClass"];function c(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||(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=i.default.bind(d.default),y=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:l.default.node.isRequired,isItalic:l.default.bool,isVisuallyHidden:l.default.bool,isWordWrapped:l.default.bool,fontSize:l.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:l.default.oneOf([200,300,400,700]),colorClass:l.default.string}),h=function(e){var t=e.children,n=e.isVisuallyHidden,r=e.isItalic,l=e.fontSize,i=e.weight,d=e.isWordWrapped,c=e.colorClass,y=x(e,u),h=a.default.useContext(s.default),g=function(e){for(var t=1;t.DropdownButton-module__dropdown-button-text___nRB4j{-ms-flex-positive:1;flex-grow:1}.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0{color:#1c1f21;color:var(--terra-dropdown-button-color-neutral, #1c1f21)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0{background-color:#dedfe0;background-color:var(--terra-dropdown-button-background-color-neutral, #dedfe0);border-color:#c8cacb;border-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:focus, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:focus, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:focus{background-color:#dedfe0;background-color:var(--terra-dropdown-button-focus-background-color-neutral, #dedfe0);border-color:#c8cacb;border-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:hover,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:hover{color:#000;color:var(--terra-dropdown-button-hover-color-neutral, #000)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:hover, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:hover{background-color:#b9bbbc;background-color:var(--terra-dropdown-button-hover-background-color-neutral, #b9bbbc)}}.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:active,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:active,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:active{color:#fff;color:var(--terra-dropdown-button-active-color-neutral, #fff)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:active, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:active, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:active{background-color:#6f7477;background-color:var(--terra-dropdown-button-active-background-color-neutral, #6f7477);border-color:#52585b;border-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:disabled,.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:disabled,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:disabled,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__disabled___WhZ9s{color:#1c1f21;color:var(--terra-dropdown-button-disabled-color-neutral, #1c1f21)}.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-neutral, 400)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-neutral, none)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-neutral, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27))}.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__neutral___wECad.DropdownButton-module__dropdown-button___tOuWn:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-neutral, 400)}.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-font-weight-neutral, 400)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-box-shadow-neutral, none)}[dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6{border-right-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6{border-left-color:rgba(0,0,0,0)}.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-focus-outline-neutral, 2px dashed #000)}[dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:focus{border-right-color:#c8cacb;border-right-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}[dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:focus{border-left-color:#c8cacb;border-left-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:active{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-active-font-weight-neutral, 400)}[dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:active{border-right-color:#52585b;border-right-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}[dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:active{border-left-color:#52585b;border-left-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover{border-right-color:#c8cacb;border-right-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover{border-left-color:#c8cacb;border-left-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral, none)}[dir=ltr] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-left-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-right-color:rgba(0,0,0,0)}}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0{box-shadow:inset 1px 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:var(--terra-dropdown-button-split-type-caret-box-shadow-neutral, inset 1px 0 0 0 rgba(255, 255, 255, 0.4))}.DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-caret-focus-outline-neutral, 2px dashed #000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:hover{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral, none)}}[dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__split-button-caret___4UQI0:active{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-active-box-shadow-neutral, none)}[dir] .DropdownButton-module__neutral___wECad .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__neutral___wECad:active>.DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__is-active___a6SEI>.DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__neutral___wECad:disabled .DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__neutral___wECad.DropdownButton-module__disabled___WhZ9s .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0{color:#fff;color:var(--terra-dropdown-button-color-emphasis, #fff)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0{background-color:#0079be;background-color:var(--terra-dropdown-button-background-color-emphasis, #0079be);border-color:#0065a3;border-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:focus, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:focus, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:focus{background-color:#0079be;background-color:var(--terra-dropdown-button-focus-background-color-emphasis, #0079be);border-color:#0065a3;border-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:hover,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:hover{color:#fff;color:var(--terra-dropdown-button-hover-color-emphasis, #fff)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:hover, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:hover{background-color:#0065a3;background-color:var(--terra-dropdown-button-hover-background-color-emphasis, #0065a3)}}.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:active,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:active,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:active{color:#fff;color:var(--terra-dropdown-button-active-color-emphasis, #fff)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:active, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:active, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:active{background-color:#004c76;background-color:var(--terra-dropdown-button-active-background-color-emphasis, #004c76);border-color:#0065a3;border-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:disabled,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:disabled,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0:disabled,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__disabled___WhZ9s{color:#fff;color:var(--terra-dropdown-button-disabled-color-emphasis, #fff)}.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-emphasis, 400)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-emphasis, none)}[dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.7), 0 0 0 3px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-emphasis, 0 0 0 1px rgba(76, 178, 233, 0.7), 0 0 0 3px rgba(76, 178, 233, 0.35))}.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__dropdown-button___tOuWn:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-emphasis, 400)}[dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6{border-right-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6{border-left-color:rgba(0,0,0,0)}[dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:focus{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}[dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:focus{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}[dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:active{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}[dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:active{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir=ltr] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-left-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-right-color:rgba(0,0,0,0)}}[dir] .DropdownButton-module__emphasis___gBh\+V .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__emphasis___gBh\+V:active>.DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__is-active___a6SEI>.DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__emphasis___gBh\+V:disabled .DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__emphasis___gBh\+V.DropdownButton-module__disabled___WhZ9s .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0{color:#1c1f21;color:var(--terra-dropdown-button-color-ghost, #1c1f21)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0{background-color:transparent;background-color:var(--terra-dropdown-button-background-color-ghost, transparent);border-color:rgba(28, 31, 33, 0.25);border-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:focus, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:focus, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:focus{background-color:transparent;background-color:var(--terra-dropdown-button-focus-background-color-ghost, transparent);border-color:rgba(28, 31, 33, 0.25);border-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:hover,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:hover{color:#000;color:var(--terra-dropdown-button-hover-color-ghost, #000)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:hover, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:hover{background-color:rgba(0, 0, 0, 0.05);background-color:var(--terra-dropdown-button-hover-background-color-ghost, rgba(0, 0, 0, 0.05))}}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:active,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:active,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:active{color:#000;color:var(--terra-dropdown-button-active-color-ghost, #000)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:active, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:active, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:active{background-color:rgba(0, 0, 0, 0.09);background-color:var(--terra-dropdown-button-active-background-color-ghost, rgba(0, 0, 0, 0.09));border-color:#4a4a4a;border-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:disabled,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:disabled,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__disabled___WhZ9s,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:disabled,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__disabled___WhZ9s{color:#1c1f21;color:var(--terra-dropdown-button-disabled-color-ghost, #1c1f21)}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-ghost, 400)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-ghost, none)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-ghost, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27))}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__dropdown-button___tOuWn:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-ghost, 400)}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-font-weight-ghost, 400)}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-box-shadow-ghost, none)}[dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6{border-right-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6{border-left-color:rgba(0,0,0,0)}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-focus-outline-ghost, 2px dashed #000)}[dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:focus{border-right-color:rgba(28, 31, 33, 0.25);border-right-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:focus{border-left-color:rgba(28, 31, 33, 0.25);border-left-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI,.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:active{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-active-font-weight-ghost, 400)}[dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:active{border-right-color:#4a4a4a;border-right-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}[dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6.DropdownButton-module__is-active___a6SEI, [dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:active{border-left-color:#4a4a4a;border-left-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover{border-right-color:rgba(28, 31, 33, 0.25);border-right-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover{border-left-color:rgba(28, 31, 33, 0.25);border-left-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost, none)}[dir=ltr] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-left-color:rgba(0,0,0,0)}[dir=rtl] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-primary___Fciv6:hover+.DropdownButton-module__split-button-caret___4UQI0{border-right-color:rgba(0,0,0,0)}}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0{box-shadow:inset 1px 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:var(--terra-dropdown-button-split-type-caret-box-shadow-ghost, inset 1px 0 0 0 rgba(255, 255, 255, 0.4))}.DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-caret-focus-outline-ghost, 2px dashed #000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:hover{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost, none)}}[dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0.DropdownButton-module__is-active___a6SEI, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__split-button-caret___4UQI0:active{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-active-box-shadow-ghost, none)}[dir] .DropdownButton-module__ghost___TbFCv .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__ghost___TbFCv:active>.DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__is-active___a6SEI>.DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DropdownButton-module__ghost___TbFCv:disabled .DropdownButton-module__caret-icon___jP5o1, [dir] .DropdownButton-module__ghost___TbFCv.DropdownButton-module__disabled___WhZ9s .DropdownButton-module__caret-icon___jP5o1{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.DropdownButton-module__caret-icon___jP5o1{display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;height:0.715em;height:var(--terra-dropdown-button-dropdown-type-caret-height, 0.715em);position:relative;top:0.04em;top:var(--terra-dropdown-button-dropdown-type-caret-top, 0.04em);width:1em;width:var(--terra-dropdown-button-dropdown-type-caret-width, 1em)}[dir] .DropdownButton-module__caret-icon___jP5o1{background-position:center;background-repeat:no-repeat;background-size:contain;margin:auto 0} +.Item-module__clinical-lowlight-theme___7Argi{--terra-dropdown-button-menu-item-color: #b2b5b6;--terra-dropdown-button-menu-item-font-size: 1rem;--terra-dropdown-button-menu-item-line-height: 1.42857;--terra-dropdown-button-menu-item-margin-bottom: 0.28571rem;--terra-dropdown-button-menu-item-padding-bottom: 0.5rem;--terra-dropdown-button-menu-item-padding-left: 1.42857rem;--terra-dropdown-button-menu-item-padding-right: 2.14285rem;--terra-dropdown-button-menu-item-padding-top: 0.5rem;--terra-dropdown-button-menu-item-focus-background-color: #1e3a49;--terra-dropdown-button-menu-item-focus-box-shadow: none;--terra-dropdown-button-menu-item-focus-outline: #fff;--terra-dropdown-button-menu-item-focus-outline-offset: -2px;--terra-dropdown-button-menu-item-hover-background-color: #1e3a49;--terra-dropdown-button-menu-item-hover-background-image: none;--terra-dropdown-button-menu-item-hover-box-shadow: none;--terra-dropdown-button-menu-item-focus-active-background-color: #1e3a49;--terra-dropdown-button-menu-item-focus-active-background-image: none;--terra-dropdown-button-menu-item-focus-active-box-shadow: none;--terra-dropdown-button-menu-item-focus-active-color: #b2b5b6}.Item-module__orion-fusion-theme___2Zf7t{--terra-dropdown-button-menu-item-color: #1c1f21;--terra-dropdown-button-menu-item-font-size: 1rem;--terra-dropdown-button-menu-item-line-height: 1.41666667;--terra-dropdown-button-menu-item-margin-bottom: 0;--terra-dropdown-button-menu-item-padding-bottom: 0.5rem;--terra-dropdown-button-menu-item-padding-left: 1.42857rem;--terra-dropdown-button-menu-item-padding-right: 2.14285rem;--terra-dropdown-button-menu-item-padding-top: 0.5rem;--terra-dropdown-button-menu-item-focus-background-color: #ebf6fd;--terra-dropdown-button-menu-item-focus-box-shadow: none;--terra-dropdown-button-menu-item-focus-outline: #000;--terra-dropdown-button-menu-item-focus-outline-offset: -2px;--terra-dropdown-button-menu-item-hover-background-color: #ebf6fd;--terra-dropdown-button-menu-item-hover-background-image: none;--terra-dropdown-button-menu-item-hover-box-shadow: none;--terra-dropdown-button-menu-item-focus-active-background-color: #027cc3;--terra-dropdown-button-menu-item-focus-active-background-image: none;--terra-dropdown-button-menu-item-focus-active-box-shadow: none;--terra-dropdown-button-menu-item-focus-active-color: #fff}.Item-module__item___RcgEk{color:#1c1f21;color:var(--terra-dropdown-button-menu-item-color, #1c1f21);font-size:1rem;font-size:var(--terra-dropdown-button-menu-item-font-size, 1rem);line-height:1.42857;line-height:var(--terra-dropdown-button-menu-item-line-height, 1.42857);outline:0}[dir] .Item-module__item___RcgEk{cursor:pointer;margin-bottom:0.28571rem;margin-bottom:var(--terra-dropdown-button-menu-item-margin-bottom, 0.28571rem);padding-bottom:0.5rem;padding-bottom:var(--terra-dropdown-button-menu-item-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-dropdown-button-menu-item-padding-top, 0.5rem)}[dir=ltr] .Item-module__item___RcgEk{padding-left:1.42857rem;padding-left:var(--terra-dropdown-button-menu-item-padding-left, 1.42857rem);padding-right:2.14285rem;padding-right:var(--terra-dropdown-button-menu-item-padding-right, 2.14285rem)}[dir=rtl] .Item-module__item___RcgEk{padding-right:1.42857rem;padding-right:var(--terra-dropdown-button-menu-item-padding-left, 1.42857rem);padding-left:2.14285rem;padding-left:var(--terra-dropdown-button-menu-item-padding-right, 2.14285rem)} +.SplitButton-module__orion-fusion-theme___FOhC9{--terra-dropdown-button-split-type-primary-padding-bottom: 0.25rem;--terra-dropdown-button-split-type-primary-padding-left: 0.83333333rem;--terra-dropdown-button-split-type-primary-padding-right: 0.83333333rem;--terra-dropdown-button-split-type-primary-padding-top: 0.25rem;--terra-dropdown-button-split-type-compact-padding-bottom: 0;--terra-dropdown-button-split-type-compact-padding-top: 0;--terra-dropdown-button-split-type-caret-padding-bottom: 0.25rem;--terra-dropdown-button-split-type-caret-padding-left: 0.5rem;--terra-dropdown-button-split-type-caret-padding-right: 0.5rem;--terra-dropdown-button-split-type-caret-padding-top: 0.25rem;--terra-dropdown-button-split-type-caret-height: 1em;--terra-dropdown-button-split-type-caret-top: 0.2em;--terra-dropdown-button-split-type-caret-width: 1em;--terra-dropdown-button-active-background-color-neutral: #9b9fa1;--terra-dropdown-button-active-border-color-neutral: #6f7477;--terra-dropdown-button-active-color-neutral: #000;--terra-dropdown-button-background-color-neutral: #dedfe0;--terra-dropdown-button-border-color-neutral: #6f7477;--terra-dropdown-button-color-neutral: #000;--terra-dropdown-button-disabled-color-neutral: #1c1f21;--terra-dropdown-button-focus-background-color-neutral: #dedfe0;--terra-dropdown-button-focus-border-color-neutral: #6f7477;--terra-dropdown-button-hover-background-color-neutral: #b9bbbc;--terra-dropdown-button-hover-color-neutral: #000;--terra-dropdown-button-split-type-active-font-weight-neutral: 400;--terra-dropdown-button-split-type-caret-active-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-dropdown-button-split-type-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-dropdown-button-split-type-font-weight-neutral: 400;--terra-dropdown-button-split-type-caret-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-dropdown-button-split-type-focus-outline-neutral: 2px dashed #000;--terra-dropdown-button-split-type-caret-focus-outline-neutral: 2px dashed #000;--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-dropdown-button-active-background-color-ghost: rgba(0, 0, 0, 0.2);--terra-dropdown-button-active-border-color-ghost: #6f7477;--terra-dropdown-button-active-color-ghost: #000;--terra-dropdown-button-background-color-ghost: transparent;--terra-dropdown-button-border-color-ghost: #6f7477;--terra-dropdown-button-color-ghost: #000;--terra-dropdown-button-disabled-color-ghost: #000;--terra-dropdown-button-focus-background-color-ghost: transparent;--terra-dropdown-button-focus-border-color-ghost: #6f7477;--terra-dropdown-button-hover-background-color-ghost: rgba(0, 0, 0, 0.1);--terra-dropdown-button-hover-color-ghost: #000;--terra-dropdown-button-split-type-active-font-weight-ghost: 400;--terra-dropdown-button-split-type-caret-active-box-shadow-ghost: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-dropdown-button-split-type-box-shadow-ghost: none;--terra-dropdown-button-split-type-font-weight-ghost: 400;--terra-dropdown-button-split-type-caret-box-shadow-ghost: none;--terra-dropdown-button-split-type-focus-outline-ghost: 2px dashed #000;--terra-dropdown-button-split-type-caret-focus-outline-ghost: 2px dashed #000;--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost: none;--terra-dropdown-button-split-type-text-first-margin-right: 0.41667rem;--terra-dropdown-button-split-type-icon-first-margin-right: 0.41667rem;--terra-dropdown-button-split-type-icon-height: 1rem;--terra-dropdown-button-split-type-icon-width: 1rem;--terra-dropdown-button-caret-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-active-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-active-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-active-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M24%2C37.7%2C0%2C14.2l3.8-3.9L24%2C30%2C44.2%2C10.3%2C48%2C14.2Z%22%2F%3E%3C%2Fsvg%3E")}.SplitButton-module__clinical-lowlight-theme___B0jSF{--terra-dropdown-button-split-type-primary-padding-bottom: 0.28571rem;--terra-dropdown-button-split-type-primary-padding-left: 0.71428rem;--terra-dropdown-button-split-type-primary-padding-right: 0.71428rem;--terra-dropdown-button-split-type-primary-padding-top: 0.28571rem;--terra-dropdown-button-split-type-compact-padding-bottom: 0;--terra-dropdown-button-split-type-compact-padding-top: 0;--terra-dropdown-button-split-type-caret-padding-bottom: 0.28571rem;--terra-dropdown-button-split-type-caret-padding-left: 0.42857rem;--terra-dropdown-button-split-type-caret-padding-right: 0.42857rem;--terra-dropdown-button-split-type-caret-padding-top: 0.28571rem;--terra-dropdown-button-split-type-caret-height: 0.715em;--terra-dropdown-button-split-type-caret-top: 0.04em;--terra-dropdown-button-split-type-caret-width: 1em;--terra-dropdown-button-active-background-color-neutral: #0c0d0e;--terra-dropdown-button-active-border-color-neutral: #181b1d;--terra-dropdown-button-active-color-neutral: #9b9b9b;--terra-dropdown-button-background-color-neutral: #2d3539;--terra-dropdown-button-border-color-neutral: #181b1d;--terra-dropdown-button-color-neutral: #b2b5b6;--terra-dropdown-button-disabled-color-neutral: #b2b5b6;--terra-dropdown-button-focus-background-color-neutral: #2d3539;--terra-dropdown-button-focus-border-color-neutral: #181b1d;--terra-dropdown-button-hover-background-color-neutral: #1a2023;--terra-dropdown-button-hover-color-neutral: #9b9b9b;--terra-dropdown-button-split-type-active-font-weight-neutral: 400;--terra-dropdown-button-split-type-caret-active-box-shadow-neutral: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-dropdown-button-split-type-box-shadow-neutral: none;--terra-dropdown-button-split-type-font-weight-neutral: 400;--terra-dropdown-button-split-type-caret-box-shadow-neutral: none;--terra-dropdown-button-split-type-focus-outline-neutral: 2px dashed #b2b5b6;--terra-dropdown-button-split-type-caret-focus-outline-neutral: 2px dashed #b2b5b6;--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral: none;--terra-dropdown-button-active-background-color-ghost: #0c0d0e;--terra-dropdown-button-active-border-color-ghost: transparent;--terra-dropdown-button-active-color-ghost: #b2b5b6;--terra-dropdown-button-background-color-ghost: transparent;--terra-dropdown-button-border-color-ghost: #616668;--terra-dropdown-button-color-ghost: #b2b5b6;--terra-dropdown-button-disabled-color-ghost: #b2b5b6;--terra-dropdown-button-focus-background-color-ghost: transparent;--terra-dropdown-button-focus-border-color-ghost: #616668;--terra-dropdown-button-hover-background-color-ghost: #1a2023;--terra-dropdown-button-hover-color-ghost: #9b9b9b;--terra-dropdown-button-split-type-active-font-weight-ghost: 400;--terra-dropdown-button-split-type-caret-active-box-shadow-ghost: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-dropdown-button-split-type-box-shadow-ghost: none;--terra-dropdown-button-split-type-font-weight-ghost: 400;--terra-dropdown-button-split-type-caret-box-shadow-ghost: none;--terra-dropdown-button-split-type-focus-outline-ghost: 2px dashed #b2b5b6;--terra-dropdown-button-split-type-caret-focus-outline-ghost: 2px dashed #b2b5b6;--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost: none;--terra-dropdown-button-split-type-text-first-margin-right: 0.3571rem;--terra-dropdown-button-split-type-icon-first-margin-right: 0.3571rem;--terra-dropdown-button-split-type-icon-height: 1rem;--terra-dropdown-button-split-type-icon-width: 1rem;--terra-dropdown-button-caret-active-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-neutral:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-active-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-emphasis:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-active-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-dropdown-button-caret-disabled-background-image-ghost:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}.SplitButton-module__split-button-primary___iLeqJ{-ms-flex:0 1 auto;flex:0 1 auto;font-family:inherit;font-size:inherit;line-height:inherit;outline:0}[dir] .SplitButton-module__split-button-primary___iLeqJ{border-radius:inherit;border-style:solid;border-width:1px;cursor:pointer;margin:0;padding-bottom:0.28571rem;padding-bottom:var(--terra-dropdown-button-split-type-primary-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-dropdown-button-split-type-primary-padding-top, 0.28571rem)}[dir=ltr] .SplitButton-module__split-button-primary___iLeqJ{border-bottom-right-radius:0;border-top-right-radius:0;padding-left:0.71428rem;padding-left:var(--terra-dropdown-button-split-type-primary-padding-left, 0.71428rem);padding-right:0.71428rem;padding-right:var(--terra-dropdown-button-split-type-primary-padding-right, 0.71428rem)}[dir=rtl] .SplitButton-module__split-button-primary___iLeqJ{border-bottom-left-radius:0;border-top-left-radius:0;padding-right:0.71428rem;padding-right:var(--terra-dropdown-button-split-type-primary-padding-left, 0.71428rem);padding-left:0.71428rem;padding-left:var(--terra-dropdown-button-split-type-primary-padding-right, 0.71428rem)}.SplitButton-module__split-button-primary___iLeqJ:hover,.SplitButton-module__split-button-primary___iLeqJ:focus{position:relative;z-index:1}[dir] .SplitButton-module__split-button-primary___iLeqJ::-moz-focus-inner{border:0}.SplitButton-module__is-block___XYp64.SplitButton-module__split-button-primary___iLeqJ{-ms-flex-positive:1;flex-grow:1}[dir] .SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-compact___9NkLK, [dir] .SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-compact___9NkLK{padding-bottom:0;padding-bottom:var(--terra-dropdown-button-split-type-compact-padding-bottom, 0);padding-top:0;padding-top:var(--terra-dropdown-button-split-type-compact-padding-top, 0)}.SplitButton-module__split-button-caret___FejMb{-ms-flex:0 0 auto;flex:0 0 auto;font-size:inherit;line-height:inherit;outline:0}[dir] .SplitButton-module__split-button-caret___FejMb{border-radius:inherit;border-style:solid;border-width:1px;cursor:pointer;margin:0;padding-bottom:0.28571rem;padding-bottom:var(--terra-dropdown-button-split-type-caret-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-dropdown-button-split-type-caret-padding-top, 0.28571rem)}[dir=ltr] .SplitButton-module__split-button-caret___FejMb{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px;padding-left:0.42857rem;padding-left:var(--terra-dropdown-button-split-type-caret-padding-left, 0.42857rem);padding-right:0.42857rem;padding-right:var(--terra-dropdown-button-split-type-caret-padding-right, 0.42857rem)}[dir=rtl] .SplitButton-module__split-button-caret___FejMb{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:-1px;padding-right:0.42857rem;padding-right:var(--terra-dropdown-button-split-type-caret-padding-left, 0.42857rem);padding-left:0.42857rem;padding-left:var(--terra-dropdown-button-split-type-caret-padding-right, 0.42857rem)}[dir] .SplitButton-module__split-button-caret___FejMb::-moz-focus-inner{border:0}.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb{color:#1c1f21;color:var(--terra-dropdown-button-color-neutral, #1c1f21)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb{background-color:#dedfe0;background-color:var(--terra-dropdown-button-background-color-neutral, #dedfe0);border-color:#c8cacb;border-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:focus, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:focus, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:focus{background-color:#dedfe0;background-color:var(--terra-dropdown-button-focus-background-color-neutral, #dedfe0);border-color:#c8cacb;border-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:hover,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:hover{color:#000;color:var(--terra-dropdown-button-hover-color-neutral, #000)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:hover, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:hover{background-color:#b9bbbc;background-color:var(--terra-dropdown-button-hover-background-color-neutral, #b9bbbc)}}.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:active,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:active,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:active{color:#fff;color:var(--terra-dropdown-button-active-color-neutral, #fff)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:active, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:active, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:active{background-color:#6f7477;background-color:var(--terra-dropdown-button-active-background-color-neutral, #6f7477);border-color:#52585b;border-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:disabled,.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h.SplitButton-module__disabled___rtVh8,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:disabled,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__disabled___rtVh8,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:disabled,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb.SplitButton-module__disabled___rtVh8{color:#1c1f21;color:var(--terra-dropdown-button-disabled-color-neutral, #1c1f21)}.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-neutral, 400)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-neutral, none)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-neutral, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27))}.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__neutral___zVcm4.SplitButton-module__dropdown-button___09-6h:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-neutral, 400)}.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-font-weight-neutral, 400)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-box-shadow-neutral, none)}[dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ{border-right-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ{border-left-color:rgba(0,0,0,0)}.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-focus-outline-neutral, 2px dashed #000)}[dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:focus{border-right-color:#c8cacb;border-right-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}[dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:focus{border-left-color:#c8cacb;border-left-color:var(--terra-dropdown-button-focus-border-color-neutral, #c8cacb)}.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE,.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:active{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-active-font-weight-neutral, 400)}[dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:active{border-right-color:#52585b;border-right-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}[dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:active{border-left-color:#52585b;border-left-color:var(--terra-dropdown-button-active-border-color-neutral, #52585b)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover{border-right-color:#c8cacb;border-right-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover{border-left-color:#c8cacb;border-left-color:var(--terra-dropdown-button-border-color-neutral, #c8cacb)}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral, none)}[dir=ltr] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-left-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-right-color:rgba(0,0,0,0)}}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb{box-shadow:inset 1px 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:var(--terra-dropdown-button-split-type-caret-box-shadow-neutral, inset 1px 0 0 0 rgba(255, 255, 255, 0.4))}.SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-caret-focus-outline-neutral, 2px dashed #000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:hover{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-neutral, none)}}[dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__split-button-caret___FejMb:active{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-active-box-shadow-neutral, none)}[dir] .SplitButton-module__neutral___zVcm4 .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__neutral___zVcm4:active>.SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__is-active___RfqFE>.SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__neutral___zVcm4:disabled .SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__neutral___zVcm4.SplitButton-module__disabled___rtVh8 .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-neutral, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb{color:#fff;color:var(--terra-dropdown-button-color-emphasis, #fff)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb{background-color:#0079be;background-color:var(--terra-dropdown-button-background-color-emphasis, #0079be);border-color:#0065a3;border-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:focus, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:focus, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:focus{background-color:#0079be;background-color:var(--terra-dropdown-button-focus-background-color-emphasis, #0079be);border-color:#0065a3;border-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:hover,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:hover{color:#fff;color:var(--terra-dropdown-button-hover-color-emphasis, #fff)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:hover, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:hover{background-color:#0065a3;background-color:var(--terra-dropdown-button-hover-background-color-emphasis, #0065a3)}}.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:active,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:active,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:active{color:#fff;color:var(--terra-dropdown-button-active-color-emphasis, #fff)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:active, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:active, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:active{background-color:#004c76;background-color:var(--terra-dropdown-button-active-background-color-emphasis, #004c76);border-color:#0065a3;border-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:disabled,.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h.SplitButton-module__disabled___rtVh8,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:disabled,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__disabled___rtVh8,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb:disabled,.SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-caret___FejMb.SplitButton-module__disabled___rtVh8{color:#fff;color:var(--terra-dropdown-button-disabled-color-emphasis, #fff)}.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-emphasis, 400)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-emphasis, none)}[dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.7), 0 0 0 3px rgba(76, 178, 233, 0.35);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-emphasis, 0 0 0 1px rgba(76, 178, 233, 0.7), 0 0 0 3px rgba(76, 178, 233, 0.35))}.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__emphasis___9tDXc.SplitButton-module__dropdown-button___09-6h:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-emphasis, 400)}[dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ{border-right-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ{border-left-color:rgba(0,0,0,0)}[dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:focus{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}[dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:focus{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-focus-border-color-emphasis, #0065a3)}[dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:active{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}[dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:active{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-active-border-color-emphasis, #0065a3)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover{border-right-color:#0065a3;border-right-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover{border-left-color:#0065a3;border-left-color:var(--terra-dropdown-button-border-color-emphasis, #0065a3)}[dir=ltr] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-left-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__emphasis___9tDXc.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-right-color:rgba(0,0,0,0)}}[dir] .SplitButton-module__emphasis___9tDXc .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__emphasis___9tDXc:active>.SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__is-active___RfqFE>.SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__emphasis___9tDXc:disabled .SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__emphasis___9tDXc.SplitButton-module__disabled___rtVh8 .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-emphasis, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb{color:#1c1f21;color:var(--terra-dropdown-button-color-ghost, #1c1f21)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb{background-color:transparent;background-color:var(--terra-dropdown-button-background-color-ghost, transparent);border-color:rgba(28, 31, 33, 0.25);border-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:focus, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:focus, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:focus{background-color:transparent;background-color:var(--terra-dropdown-button-focus-background-color-ghost, transparent);border-color:rgba(28, 31, 33, 0.25);border-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:hover,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:hover{color:#000;color:var(--terra-dropdown-button-hover-color-ghost, #000)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:hover, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:hover{background-color:rgba(0, 0, 0, 0.05);background-color:var(--terra-dropdown-button-hover-background-color-ghost, rgba(0, 0, 0, 0.05))}}.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:active,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:active,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:active{color:#000;color:var(--terra-dropdown-button-active-color-ghost, #000)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:active, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:active, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:active{background-color:rgba(0, 0, 0, 0.09);background-color:var(--terra-dropdown-button-active-background-color-ghost, rgba(0, 0, 0, 0.09));border-color:#4a4a4a;border-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:disabled,.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h.SplitButton-module__disabled___rtVh8,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:disabled,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__disabled___rtVh8,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:disabled,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb.SplitButton-module__disabled___rtVh8{color:#1c1f21;color:var(--terra-dropdown-button-disabled-color-ghost, #1c1f21)}.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-font-weight-ghost, 400)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h{box-shadow:none;box-shadow:var(--terra-dropdown-button-dropdown-type-box-shadow-ghost, none)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:focus{box-shadow:0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27);box-shadow:var(--terra-dropdown-button-dropdown-type-focus-box-shadow-ghost, 0 0 0 1px rgba(76, 178, 233, 0.6), 0 0 0 3px rgba(76, 178, 233, 0.27))}.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h.SplitButton-module__is-active___RfqFE,.SplitButton-module__ghost___stHkK.SplitButton-module__dropdown-button___09-6h:active{font-weight:400;font-weight:var(--terra-dropdown-button-dropdown-type-active-font-weight-ghost, 400)}.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-font-weight-ghost, 400)}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-box-shadow-ghost, none)}[dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ{border-right-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ{border-left-color:rgba(0,0,0,0)}.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-focus-outline-ghost, 2px dashed #000)}[dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:focus{border-right-color:rgba(28, 31, 33, 0.25);border-right-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:focus{border-left-color:rgba(28, 31, 33, 0.25);border-left-color:var(--terra-dropdown-button-focus-border-color-ghost, rgba(28, 31, 33, 0.25))}.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE,.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:active{font-weight:400;font-weight:var(--terra-dropdown-button-split-type-active-font-weight-ghost, 400)}[dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:active{border-right-color:#4a4a4a;border-right-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}[dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ.SplitButton-module__is-active___RfqFE, [dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:active{border-left-color:#4a4a4a;border-left-color:var(--terra-dropdown-button-active-border-color-ghost, #4a4a4a)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover{border-right-color:rgba(28, 31, 33, 0.25);border-right-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover{border-left-color:rgba(28, 31, 33, 0.25);border-left-color:var(--terra-dropdown-button-border-color-ghost, rgba(28, 31, 33, 0.25))}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost, none)}[dir=ltr] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-left-color:rgba(0,0,0,0)}[dir=rtl] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-primary___iLeqJ:hover+.SplitButton-module__split-button-caret___FejMb{border-right-color:rgba(0,0,0,0)}}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb{box-shadow:inset 1px 0 0 0 rgba(255, 255, 255, 0.4);box-shadow:var(--terra-dropdown-button-split-type-caret-box-shadow-ghost, inset 1px 0 0 0 rgba(255, 255, 255, 0.4))}.SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:focus{outline:2px dashed #000;outline:var(--terra-dropdown-button-split-type-caret-focus-outline-ghost, 2px dashed #000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:hover{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-hover-box-shadow-ghost, none)}}[dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb.SplitButton-module__is-active___RfqFE, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__split-button-caret___FejMb:active{box-shadow:none;box-shadow:var(--terra-dropdown-button-split-type-caret-active-box-shadow-ghost, none)}[dir] .SplitButton-module__ghost___stHkK .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__ghost___stHkK:active>.SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__is-active___RfqFE>.SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-active-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .SplitButton-module__ghost___stHkK:disabled .SplitButton-module__caret-icon___3L\+se, [dir] .SplitButton-module__ghost___stHkK.SplitButton-module__disabled___rtVh8 .SplitButton-module__caret-icon___3L\+se{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-dropdown-button-caret-disabled-background-image-ghost, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%231c1f21%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}.SplitButton-module__caret-icon___3L\+se{display:inline-block;-ms-flex:0 0 auto;flex:0 0 auto;height:0.715em;height:var(--terra-dropdown-button-split-type-caret-height, 0.715em);position:relative;top:0.04em;top:var(--terra-dropdown-button-split-type-caret-top, 0.04em);width:1em;width:var(--terra-dropdown-button-split-type-caret-width, 1em)}[dir] .SplitButton-module__caret-icon___3L\+se{background-position:center;background-repeat:no-repeat;background-size:contain;margin:auto 0}[dir=ltr] .SplitButton-module__text-first___HBrKw{margin-right:0.3571rem;margin-right:var(--terra-dropdown-button-split-type-text-first-margin-right, 0.3571rem)}[dir=rtl] .SplitButton-module__text-first___HBrKw{margin-left:0.3571rem;margin-left:var(--terra-dropdown-button-split-type-text-first-margin-right, 0.3571rem)}[dir=ltr] .SplitButton-module__icon-first___twemU{margin-right:0.3571rem;margin-right:var(--terra-dropdown-button-split-type-icon-first-margin-right, 0.3571rem)}[dir=rtl] .SplitButton-module__icon-first___twemU{margin-left:0.3571rem;margin-left:var(--terra-dropdown-button-split-type-icon-first-margin-right, 0.3571rem)}.SplitButton-module__icon-svg___QiMNj{height:1rem;height:var(--terra-dropdown-button-split-type-icon-height, 1rem);width:1rem;width:var(--terra-dropdown-button-split-type-icon-width, 1rem)} diff --git a/50843-6ff8bb71909234412a34.js b/50843-6ff8bb71909234412a34.js new file mode 100644 index 000000000..74e5d0c1a --- /dev/null +++ b/50843-6ff8bb71909234412a34.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[50843,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,t,n){var r=n(24994);t.A=void 0;var o=r(n(96540)),i=r(n(5556)),a=r(n(67967)),u=r(n(25642)),l=a.default.bind(u.default),c={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},s=function(e){var t=e.src,n=e.name,r=e.url,i=e.version,a=o.default.createElement("a",{className:l("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(i)},o.default.createElement("span",{className:l("badge-name")},r?"package":"npm"),o.default.createElement("span",{className:l("badge-version")},"v".concat(i))),u=t?o.default.createElement("a",{className:l("badge"),href:t},o.default.createElement("span",{className:l("badge-name")},"github"),o.default.createElement("span",{className:l("badge-version")},"source")):void 0;return o.default.createElement("div",{className:l("badge-container")},a,u)};s.propTypes=c;t.A=s},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"}},15679:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"DropdownButton-module__clinical-lowlight-theme___24YTK","orion-fusion-theme":"DropdownButton-module__orion-fusion-theme___raVZk","dropdown-button":"DropdownButton-module__dropdown-button___tOuWn","is-block":"DropdownButton-module__is-block___vA06t","is-compact":"DropdownButton-module__is-compact___Ul1Pp","dropdown-button-text":"DropdownButton-module__dropdown-button-text___nRB4j",neutral:"DropdownButton-module__neutral___wECad","split-button-primary":"DropdownButton-module__split-button-primary___Fciv6","split-button-caret":"DropdownButton-module__split-button-caret___4UQI0","is-active":"DropdownButton-module__is-active___a6SEI",disabled:"DropdownButton-module__disabled___WhZ9s","caret-icon":"DropdownButton-module__caret-icon___jP5o1",emphasis:"DropdownButton-module__emphasis___gBh+V",ghost:"DropdownButton-module__ghost___TbFCv"}},28413:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Item-module__clinical-lowlight-theme___7Argi","orion-fusion-theme":"Item-module__orion-fusion-theme___2Zf7t",item:"Item-module__item___RcgEk"}},59600:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"SplitButton-module__orion-fusion-theme___FOhC9","clinical-lowlight-theme":"SplitButton-module__clinical-lowlight-theme___B0jSF","split-button-primary":"SplitButton-module__split-button-primary___iLeqJ","is-block":"SplitButton-module__is-block___XYp64","is-compact":"SplitButton-module__is-compact___9NkLK","split-button-caret":"SplitButton-module__split-button-caret___FejMb",neutral:"SplitButton-module__neutral___zVcm4","dropdown-button":"SplitButton-module__dropdown-button___09-6h","is-active":"SplitButton-module__is-active___RfqFE",disabled:"SplitButton-module__disabled___rtVh8","caret-icon":"SplitButton-module__caret-icon___3L+se",emphasis:"SplitButton-module__emphasis___9tDXc",ghost:"SplitButton-module__ghost___stHkK","text-first":"SplitButton-module__text-first___HBrKw","icon-first":"SplitButton-module__icon-first___twemU","icon-svg":"SplitButton-module__icon-svg___QiMNj"}},88807:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_DropdownButtonBase-module__clinical-lowlight-theme___c7esZ","orion-fusion-theme":"_DropdownButtonBase-module__orion-fusion-theme___TD2mO","dropdown-button-base":"_DropdownButtonBase-module__dropdown-button-base___WDiG7",disabled:"_DropdownButtonBase-module__disabled___hA0OT","is-block":"_DropdownButtonBase-module__is-block___bU2D2"}},60508:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"_DropdownList-module__clinical-lowlight-theme___iXrvq","orion-fusion-theme":"_DropdownList-module__orion-fusion-theme___gIJcc","dropdown-list":"_DropdownList-module__dropdown-list___+OtHt"}},93467:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Item",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"SplitButton",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(t,"SplitButtonVariants",{enumerable:!0,get:function(){return p.Variants}}),t.default=t.Variants=void 0;var r=m(n(96540)),o=m(n(5556)),i=m(n(67967)),a=m(n(52103)),u=h(n(25966)),l=n(68414),c=n(8604),s=m(n(18917)),f=m(n(15679)),d=m(n(79609)),p=h(n(56496)),b=["children","isBlock","isCompact","isDisabled","label","intl","variant","buttonAttrs"];function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(y=function(e){return e?n:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=_(e)&&"function"!=typeof e)return{default:e};var n=y(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}function m(e){return e&&e.__esModule?e:{default:e}}function _(e){return _="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},_(e)}function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function w(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p=a.default.bind(l.default),b={label:o.default.string.isRequired,metaData:o.default.object,onSelect:o.default.func.isRequired,isActive:o.default.bool,requestClose:o.default.func},y=function(e){var t=e.label,n=e.onSelect,o=e.isActive,a=e.metaData,l=e.requestClose,s=d(e,c),b=r.default.useContext(u.default),y=(0,i.default)(p(["item",{active:o},b.className]),s.className);return r.default.createElement("li",f({},s,{onClick:function(e){l((function(){n(e,a)}))},tabIndex:"0",role:"menuitem",className:y}),t)};y.propTypes=b;t.default=y},56496:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Item",{enumerable:!0,get:function(){return d.default}}),t.default=t.Variants=void 0;var r=y(n(96540)),o=y(n(5556)),i=y(n(67967)),a=y(n(52103)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=h(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(r,i,a):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(25966)),l=n(68414),c=n(8604),s=y(n(18917)),f=y(n(59600)),d=y(n(79609)),p=["children","isReversed","icon","isBlock","isCompact","isDisabled","isIconOnly","primaryOptionLabel","onSelect","variant","intl","requestClose","metaData","buttonAttrs"];function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}function y(e){return e&&e.__esModule?e:{default:e}}function h(e){return h="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},h(e)}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function g(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var p={requestClose:i.default.func.isRequired,targetRef:i.default.func.isRequired,isOpen:i.default.bool.isRequired,children:i.default.node.isRequired,width:i.default.string,refCallback:i.default.func,buttonRef:i.default.func,getSelectedOptionText:i.default.func},b=function(e){var t=e.requestClose,n=e.isOpen,r=e.targetRef,i=e.children,s=e.width,f=e.refCallback,p=e.buttonRef,b=e.getSelectedOptionText,y=d(e,c),h=(0,o.useRef)(!1),m=y.menuId;(0,o.useEffect)((function(){h.current&&p&&(h.current=!1,p().focus())}),[n,p]);return o.default.createElement(u.default,{isOpen:n,isEnabled:!0,targetRef:r,attachmentBehavior:"flip",contentAttachment:{vertical:"top",horizontal:"start"},targetAttachment:{vertical:"bottom",horizontal:"start"}},o.default.createElement(u.default.Content,{onEsc:t,onOutsideClick:function(){h.current=!0,t()}},o.default.createElement(a.default,{focusTrapOptions:{returnFocusOnDeactivate:!0,clickOutsideDeactivates:!0}},o.default.createElement(l.default,{requestClose:t,width:s,refCallback:f,getSelectedOptionText:b,menuId:m},i))))};b.propTypes=p;t.default=b},18917: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=d(n(96540)),i=d(n(5556)),a=d(n(46942)),u=d(n(67967)),l=d(n(52103)),c=d(n(83836)),s=d(n(88807)),f=["children","items","isOpen","requestClose","isBlock","isCompact","isDisabled","refCallback","buttonRef","getSelectedOptionText"];function d(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||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function y(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function h(e,t){for(var n=0;n=48&&t<=90){this.searchString=this.searchString.concat(String.fromCharCode(t)),clearTimeout(this.searchTimeout),this.searchTimeout=setTimeout(this.clearSearch,500);var o=s.default.findWithStartString(this,this.searchString);-1===o&&(o=this.state.focused),this.changeFocusState(o)}e.stopPropagation()}},{key:"handleKeyUp",value:function(e){var t=e.keyCode;if(t===l.KEY_RETURN||t===l.KEY_SPACE){if(this.setState({active:void 0}),e.preventDefault(),this.pressed){var n=s.default.findByIndex(this,this.state.focused);this.props.requestClose((function(){n.props.onSelect(e,n.props.metaData)}))}this.pressed=!1}}},{key:"handleFocus",value:function(e){var t=s.default.findIndexByValue(this,e.target.innerText);-1!==t&&this.setState({focused:t})}},{key:"changeFocusState",value:function(e){this.listRef.childNodes[e].focus(),this.setState({focused:e})}},{key:"clearSearch",value:function(){this.searchString="",clearTimeout(this.searchTimeout),this.searchTimeout=null}},{key:"cloneChildren",value:function(){var e=this;return o.default.Children.map(this.props.children,(function(t,n){var r,i=null===(r=e.props.children[n])||void 0===r?void 0:r.props.label,a=n+1,u=e.props.children.length,l=e.props.intl.formatMessage({id:"Terra.dropdownButton.activeOption"},{currentItemLabel:i,currentIndex:a,totalItems:u}),c=null;return u&&(c=s.default.isMac()?1===a?"".concat(e.expanded).concat(l):l:1===a?"".concat(e.expanded).concat(i):i),o.default.cloneElement(t,{isActive:n===e.state.active,requestClose:e.props.requestClose,"data-terra-dropdown-list-item":!0,"aria-label":c})}))}},{key:"render",value:function(){var e=this,t=this.props,n=t.width,r=t.refCallback,i=y(t,d),a=this.context;return o.default.createElement("ul",{className:w("dropdown-list",a.className),style:{width:n},ref:function(t){r&&r(t),e.listRef=t},onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onKeyUp:this.handleKeyUp,role:"menu",id:i.menuId},this.cloneChildren())}}])&&h(n.prototype,r),i&&h(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}(o.default.Component);j.propTypes=S,j.contextType=u.default;t.default=(0,c.injectIntl)(j)},7888:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,o=(r=n(96540))&&r.__esModule?r:{default:r};function i(e){return i="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},i(e)}function a(e,t){for(var n=0;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var i={};function c(e){var n=e.components,t=m(e,d);return(0,r.mdx)("wrapper",u({},i,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\nimport './GridExample.module.scss';\n\nconst GridDefault = () => (\n \n \n \n
    First Column content
    \n     \n \n
    Second Column content
    \n     \n     \n     \n);\n\nexport default GridDefault;\n\n")))}c.isMDXComponent=!0;var s=t(201),p=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var y={};function x(e){var n=e.components,t=_(e,p);return(0,r.mdx)("wrapper",f({},y,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},".terra-grid-example {\n background-color: #eee;\n padding: 10px;\n word-break: break-word;\n}\n\n")))}x.isMDXComponent=!0;var g=function(e){var n=e.title,t=e.description,r=e.isExpanded;return l.createElement(s.A,{title:n||"Grid Default",description:t,example:l.createElement(o.A,null),exampleCssSrc:l.createElement(x,null),exampleSrc:l.createElement(c,null),isExpanded:r})},b=t(63603),v=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var T={};function j(e){var n=e.components,t=O(e,v);return(0,r.mdx)("wrapper",h({},T,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\nimport './GridExample.module.scss';\n\nconst GridResponsive = () => (\n \n \n \n
    First Column content
    \n     \n \n
    Second Column content
    \n     \n     \n     \n);\n\nexport default GridResponsive;\n\n")))}j.isMDXComponent=!0;var N=function(e){var n=e.title,t=e.description,r=e.isExpanded;return l.createElement(s.A,{title:n||"Grid Responsive",description:t,example:l.createElement(b.A,null),exampleCssSrc:l.createElement(x,null),exampleSrc:l.createElement(j,null),isExpanded:r})},C=t(90786),E=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var P={};function R(e){var n=e.components,t=G(e,E);return(0,r.mdx)("wrapper",w({},P,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Grid from \'terra-grid\';\nimport \'./GridExample.module.scss\';\n\nconst GridNested = () => (\n \n \n \n
    4 Columns
    \n     \n \n
    8 Columns
    \n \n \n
    5 Nested Columns
    \n     \n \n
    7 Nested Columns
    \n     \n     \n     \n     \n     \n);\n\nexport default GridNested;\n\n')))}R.isMDXComponent=!0;var S=function(e){var n=e.title,t=e.description,r=e.isExpanded;return l.createElement(s.A,{title:n||"Grid Nested",description:t,example:l.createElement(C.A,null),exampleCssSrc:l.createElement(x,null),exampleSrc:l.createElement(R,null),isExpanded:r})},D=t(12883),k=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var q={},A="wrapper";function Z(e){var n=e.components,t=I(e,k);return(0,r.mdx)(A,M({},q,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(D.Ay,{mdxType:"PropsTable"},(0,r.mdx)(D.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(D.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component that will be displayed at row level.")))))}Z.isMDXComponent=!0;var H=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var B={},V="wrapper";function X(e){var n=e.components,t=W(e,H);return(0,r.mdx)(V,Y({},B,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(D.Ay,{mdxType:"PropsTable"},(0,r.mdx)(D.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component that will be displayed in cell level."))),(0,r.mdx)(D.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"className"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Custom class name that can be assigned to grid column."))),(0,r.mdx)(D.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"tiny"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"tiny")," breakpoint and wider screens."))),(0,r.mdx)(D.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"enormous"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"enormous")," breakpoint and wider screens."))),(0,r.mdx)(D.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"huge"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"huge")," breakpoint and wider screens."))),(0,r.mdx)(D.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"large"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"large")," breakpoint and wider screens."))),(0,r.mdx)(D.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"medium"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"medium")," breakpoint and wider screens."))),(0,r.mdx)(D.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"small"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Defines the number of columns this container will span in the 12 column grid. It is applied at the ",(0,r.mdx)("inlineCode",{parentName:"p"},"small")," breakpoint and wider screens.")))))}X.isMDXComponent=!0;var L=["components"];function J(){return J=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var z={},F="wrapper";function K(e){var n=e.components,t=$(e,L);return(0,r.mdx)(F,J({},z,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(D.Ay,{mdxType:"PropsTable"},(0,r.mdx)(D.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(D.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The component that will be displayed at column level."))),(0,r.mdx)(D.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(D.dt,{mdxType:"PropNameCell"},"className"),(0,r.mdx)(D.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Custom class name that can be assigned to grid row.")))))}K.isMDXComponent=!0;var Q=["components"];function U(){return U=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var ne={},te="wrapper";function le(e){var n=e.components,t=ee(e,Q);return(0,r.mdx)(te,U({},ne,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(a.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-grid"},"Terra Grid"),(0,r.mdx)("p",null,"The grid component provides a flexbox based grid system."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-grid"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Grid from 'terra-grid'\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(g,{title:"Default Grid",mdxType:"GridDefault"}),(0,r.mdx)(N,{title:"Responsive Grid",mdxType:"GridResponsive"}),(0,r.mdx)(S,{title:"Nested Grid",mdxType:"GridNested"}),(0,r.mdx)("h2",{id:"grid-props"},"Grid Props"),(0,r.mdx)(Z,{mdxType:"GridPropsTable"}),(0,r.mdx)("h2",{id:"grid-column-props"},"Grid Column Props"),(0,r.mdx)(X,{mdxType:"GridColumnPropsTable"}),(0,r.mdx)("h2",{id:"grid-row-props"},"Grid Row Props"),(0,r.mdx)(K,{mdxType:"GridRowPropsTable"}))}le.isMDXComponent=!0},41313:function(e,n,t){t.d(n,{E:function(){return a}});var l=t(96540),r=t(55713),a=function(e){var n=e.url;return l.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-grid",name:"terra-grid",version:"6.36.0",url:n})}},92825:function(e,n,t){t.r(n),n.default={}},25642:function(e,n,t){t.r(n),n.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}},89986:function(e,n,t){t.r(n),n.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,n,t){t.r(n),n.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"}},87030:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},78482:function(e,n,t){t.r(n),n.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"}},58582:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=d(t(96540)),r=d(t(5556)),a=d(t(64216)),o=d(t(83452));function d(e){return e&&e.__esModule?e:{default:e}}var u={children:r.default.node.isRequired},m=function(e){return l.default.createElement("div",e)};m.propTypes=u,m.Row=a.default,m.Column=o.default;n.default=m},83452:function(e,n,t){function l(e){return l="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},l(e)}Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r=c(t(96540)),a=c(t(5556)),o=c(t(46942)),d=c(t(67967)),u=c(t(52103)),m=c(t(87030)),i=["className","children","tiny","small","medium","large","huge","enormous"];function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var _=d.default.bind(m.default),y=function(e,n){if(e[n]){var t=e[n];return t>=1&&t<=12?null:new Error("".concat(n," must be in range 1 to 12 inclusively"))}return null},x={children:a.default.node,className:a.default.string,tiny:y,enormous:y,huge:y,large:y,medium:y,small:y},g=function(e){var n=e.className,t=e.children,l=e.tiny,a=e.small,d=e.medium,m=e.large,c=e.huge,y=e.enormous,x=f(e,i),g=r.default.useContext(u.default),b=(0,o.default)(_(["column",p(p(p(p(p(p({},"column-tiny-".concat(l),l),"column-small-".concat(a),a),"column-medium-".concat(d),d),"column-large-".concat(m),m),"column-huge-".concat(c),c),"column-enormous-".concat(y),y),g.className]),n);return r.default.createElement("div",s({},x,{className:b}),t)};g.propTypes=x;n.default=g},64216:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=i(t(96540)),r=i(t(5556)),a=i(t(46942)),o=i(t(67967)),d=i(t(52103)),u=i(t(87030)),m=["className","children"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var p=o.default.bind(u.default),f={children:r.default.node.isRequired,className:r.default.string},_=function(e){var n=e.className,t=e.children,r=s(e,m),o=l.default.useContext(d.default);return l.default.createElement("div",c({},r,{className:(0,a.default)(p("grid",o.className),n)}),t)};_.propTypes=f;n.default=_},85444:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=i(t(96540)),r=i(t(5556)),a=i(t(46942)),o=i(t(67967)),d=i(t(52103)),u=i(t(78482)),m=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var p=o.default.bind(u.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},_=function(e){var n=e.children,t=e.disableStripes,r=e.paddingStyle,o=s(e,m),u=l.default.useContext(d.default),i=(0,a.default)(p("table",{striped:!t},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},u.className),o.className);return l.default.createElement("table",c({},o,{className:i}),n)};_.propTypes=f,_.defaultProps={disableStripes:!1,paddingStyle:"none"};n.default=_},61452:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=o(t(96540)),r=o(t(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,n){if(null==e)return{};var t,l,r=function(e,n){if(null==e)return{};var t,l,r={},a=Object.keys(e);for(l=0;l=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var u={children:r.default.node},m=function(e){var n=e.children,t=d(e,a);return l.default.createElement("tbody",t,n)};m.propTypes=u,m.defaultProps={children:[]};n.default=m},86472:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=o(t(96540)),r=o(t(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,n){if(null==e)return{};var t,l,r=function(e,n){if(null==e)return{};var t,l,r={},a=Object.keys(e);for(l=0;l=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var u={children:r.default.node},m=function(e){var n=e.children,t=d(e,a);return l.default.createElement("td",t,n)};m.propTypes=u,m.defaultProps={children:[]};n.default=m},97441:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=d(t(96540)),r=d(t(5556)),a=d(t(10767)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(e,n){if(null==e)return{};var t,l,r=function(e,n){if(null==e)return{};var t,l,r={},a=Object.keys(e);for(l=0;l=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m={children:r.default.node},i=function(e){var n=e.children,t=u(e,o);return l.default.createElement("thead",t,l.default.createElement("tr",null,a.default.addScope(n,"col")))};i.propTypes=m,i.defaultProps={children:[]};n.default=i},22417:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=o(t(96540)),r=o(t(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,n){if(null==e)return{};var t,l,r=function(e,n){if(null==e)return{};var t,l,r={},a=Object.keys(e);for(l=0;l=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var u={children:r.default.node},m=function(e){var n=e.children,t=d(e,a);return l.default.createElement("th",t,n)};m.propTypes=u,m.defaultProps={children:[]};n.default=m},36142:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=m(t(96540)),r=m(t(5556)),a=m(t(67967)),o=m(t(78482)),d=m(t(10767)),u=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s=a.default.bind(o.default),p={children:r.default.node},f=function(e){var n=e.children,t=c(e,u),r=s(["row"]);return l.default.createElement("tr",i({},t,{className:t.className?"".concat(r," ").concat(t.className):r}),d.default.addScope(n,"row"))};f.propTypes=p,f.defaultProps={children:[]};n.default=f},10767:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l,r=(l=t(96540))&&l.__esModule?l:{default:l};var a={addScope:function(e,n){var t=[];return r.default.Children.forEach(e,(function(e){t.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?n:void 0}))})),t}};n.default=a},26984:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(n,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(n,"Header",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(n,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(n,"Row",{enumerable:!0,get:function(){return a.default}}),n.default=void 0;var l=m(t(85444)),r=m(t(61452)),a=m(t(36142)),o=m(t(86472)),d=m(t(97441)),u=m(t(22417));function m(e){return e&&e.__esModule?e:{default:e}}n.default=l.default},49558:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=a(t(96540)),r=a(t(25365));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var t={},u="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(u,r({},t,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"7260---april-10-2024"},"7.26.0 - (April 10, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7250---april-4-2024"},"7.25.0 - (April 4, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7240---march-29-2024"},"7.24.0 - (March 29, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixes dropdown list overflow and reset left position value after close.")))),(0,d.mdx)("h2",{id:"7230---march-25-2024"},"7.23.0 - (March 25, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7220---march-21-2024"},"7.22.0 - (March 21, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Position dropdown element only after it is opened to prevent additional white space getting added.")))),(0,d.mdx)("h2",{id:"7210---march-14-2024"},"7.21.0 - (March 14, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7201---march-8-2024"},"7.20.1 - (March 8, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixes component re-render with updated icon.")))),(0,d.mdx)("h2",{id:"7200---march-5-2024"},"7.20.0 - (March 5, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7190---march-1-2024"},"7.19.0 - (March 1, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7180---february-28-2024"},"7.18.0 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7170---february-7-2024"},"7.17.0 - (February 7, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7160---january-22-2024"},"7.16.0 - (January 22, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7150---december-18-2023"},"7.15.0 - (December 18, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"7140---december-11-2023"},"7.14.0 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed aria-label condition in tab.")))),(0,d.mdx)("h2",{id:"7130---november-29-2023"},"7.13.0 - (November 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added margin between icon and label in tab.")))),(0,d.mdx)("h2",{id:"7120---november-23-2023"},"7.12.0 - (November 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"7112---november-9-2023"},"7.11.2 - (November 9, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue to prefer ",(0,d.mdx)("inlineCode",{parentName:"li"},"customDisplay")," prop over ",(0,d.mdx)("inlineCode",{parentName:"li"},"label")," prop."),(0,d.mdx)("li",{parentName:"ul"},"Fixes issue where tab label fails to get updated due to\nhaving the same key before and after tab label update.")))),(0,d.mdx)("h2",{id:"7111---october-25-2023"},"7.11.1 - (October 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the dropdown options are being cut off on smaller viewports."),(0,d.mdx)("li",{parentName:"ul"},"Fixed keyboard navigation after mouse click for draggable tabs."),(0,d.mdx)("li",{parentName:"ul"},"Fixed screen reader response when active tabs are closed.")))),(0,d.mdx)("h2",{id:"7110---october-20-2023"},"7.11.0 - (October 20, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Vertical orientation for ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-tabs"),"."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed additional screen reader phrase and fixed delete tab hint.")))),(0,d.mdx)("h2",{id:"7100---october-11-2023"},"7.10.0 - (October 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"790---october-3-2023"},"7.9.0 - (October 3, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Additional padding of 10px on the left and right of tab content body is removed for framework styles."),(0,d.mdx)("li",{parentName:"ul"},"Box shadow container style removed for framework variant tabs."),(0,d.mdx)("li",{parentName:"ul"},"Fixes large tab content display with scrollable view."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed Axe core violations for close button added on\nterra-tabs on both face-up tab and hidden tab."),(0,d.mdx)("li",{parentName:"ul"},"Fixed issue in screen reader instruction for hidden tabs where add tab instruction is announced even in absence of add button.")))),(0,d.mdx)("h2",{id:"780---september-21-2023"},"7.8.0 - (September 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated code for tab active indicator issue.")))),(0,d.mdx)("h2",{id:"770---september-19-2023"},"7.7.0 - (September 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added prop to support the focus traverse within the tab content."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed tab active indicator issue.")))),(0,d.mdx)("h2",{id:"760---september-5-2023"},"7.6.0 - (September 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isClosable")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"onTabClose")," props to support close functionality in tabs."),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onSelectAddButton")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabelAddTab")," props to support Add functionality in tabs.")))),(0,d.mdx)("h2",{id:"750---august-31-2023"},"7.5.0 - (August 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added support for programmatic activation of tabs."),(0,d.mdx)("li",{parentName:"ul"},"Removed additional focus border for tab.")))),(0,d.mdx)("h2",{id:"740---august-10-2023"},"7.4.0 - (August 10, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added drag and drop to tab menu and internationalization support for the same."),(0,d.mdx)("li",{parentName:"ul"},"Updated styles for tab content panel.")))),(0,d.mdx)("h2",{id:"731---august-4-2023"},"7.3.1 - (August 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"730---august-2-2023"},"7.3.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"720---august-2-2023"},"7.2.0 - (August 2, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added ",(0,d.mdx)("inlineCode",{parentName:"p"},"isDraggable")," and ",(0,d.mdx)("inlineCode",{parentName:"p"},"onTabOrderChange")," props to support drag and drop feature in tabs.")),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"3.4.0")," for consistency across Terra packages.")))),(0,d.mdx)("h2",{id:"710---july-31-2023"},"7.1.0 - (July 31, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"700---july-25-2023"},"7.0.0 - (July 25, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Breaking Change"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"responsiveTo")," prop as common tabs is responsive to parent\ncontainer & window"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added Common tabs component under terra-tabs"),(0,d.mdx)("li",{parentName:"ul"},"Introduced ",(0,d.mdx)("inlineCode",{parentName:"li"},"variant")," prop to switch between framework and workspace styles"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated framework tabs to consume common tabs"),(0,d.mdx)("li",{parentName:"ul"},"Updated styles to accommodate both framework and workspace styles")))),(0,d.mdx)("h2",{id:"6720---july-19-2023"},"6.72.0 - (July 19, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," dependency to ",(0,d.mdx)("inlineCode",{parentName:"li"},"7.0.3")," for consistency across Terra packages.")))),(0,d.mdx)("h2",{id:"6710---july-4-2023"},"6.71.0 - (July 4, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6700---june-12-2023"},"6.70.0 - (June 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Locked ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," version to ",(0,d.mdx)("inlineCode",{parentName:"li"},"8.2.0"),".")))),(0,d.mdx)("h2",{id:"6690---june-5-2023"},"6.69.0 - (June 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"uuid")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v8")," for consistency with other components.")))),(0,d.mdx)("h2",{id:"6680---may-11-2023"},"6.68.0 - (May 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6670---april-27-2023"},"6.67.0 - (April 27, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6661---april-12-2023"},"6.66.1 - (April 12, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed screen reader announcing incorrect tab count."),(0,d.mdx)("li",{parentName:"ul"},"Allow screen reader to announce hidden tabs count."),(0,d.mdx)("li",{parentName:"ul"},"Fixed keyboard navigation of tabs menu.")))),(0,d.mdx)("h2",{id:"6660---march-29-2023"},"6.66.0 - (March 29, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6650---march-1-2023"},"6.65.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to terra-menu changes")))),(0,d.mdx)("h2",{id:"6640---february-14-2023"},"6.64.0 - (February 14, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"6630---february-7-2023"},"6.63.0 - (February 7, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed console warning ",(0,d.mdx)("inlineCode",{parentName:"li"},"React does not recognize the "),"showIcon",(0,d.mdx)("inlineCode",{parentName:"li"}," prop on a DOM element"),".")))),(0,d.mdx)("h2",{id:"6620---february-1-2023"},"6.62.0 - (February 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow for icons to be shown in tabs when collapsed")))),(0,d.mdx)("h2",{id:"6610---march-15-2022"},"6.61.0 - (March 15, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs")))),(0,d.mdx)("h2",{id:"6600---november-16-2021"},"6.60.0 - (November 16, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6590---november-9-2021"},"6.59.0 - (November 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6580---october-14-2021"},"6.58.0 - (October 14, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6570---october-12-2021"},"6.57.0 - (October 12, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6560---september-20-2021"},"6.56.0 - (September 20, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots due to webpack-config-terra sass upgrade."),(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,d.mdx)("h2",{id:"6550---july-21-2021"},"6.55.0 - (July 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-icon")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.19.0"),".")))),(0,d.mdx)("h2",{id:"6540---june-8-2021"},"6.54.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"6530---may-4-2021"},"6.53.0 - (May 4, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6520---april-6-2021"},"6.52.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ability to generate id for tab items through ",(0,d.mdx)("inlineCode",{parentName:"li"},""))))),(0,d.mdx)("h2",{id:"6510---march-9-2021"},"6.51.0 - (March 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-functional-testing")))),(0,d.mdx)("h2",{id:"6500---february-9-2021"},"6.50.0 - (February 9, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6490---january-26-2021"},"6.49.0 - (January 26, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6480---january-5-2021"},"6.48.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")))),(0,d.mdx)("h2",{id:"6470---december-8-2020"},"6.47.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to support a peer dependency of react-intl v2-v5"),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"intlShape")," import"),(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"6460---november-24-2020"},"6.46.0 - (November 24, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6450---november-10-2020"},"6.45.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,d.mdx)("h2",{id:"6440---october-20-2020"},"6.44.0 - (October 20, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated snapshots with right-padding fixes in terra-menu")))),(0,d.mdx)("h2",{id:"6430---october-13-2020"},"6.43.0 - (October 13, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6420---august-18-2020"},"6.42.0 - (August 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added an interaction media query to apply ",(0,d.mdx)("inlineCode",{parentName:"li"},"hover")," styles only on non-touch devices and removed wdio tests for hover."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format")))),(0,d.mdx)("h2",{id:"6410---august-11-2020"},"6.41.0 - (August 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6400---august-4-2020"},"6.40.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated Changelog format"),(0,d.mdx)("li",{parentName:"ul"},"Update jest due to change in theme")))),(0,d.mdx)("h2",{id:"6390---july-14-2020"},"6.39.0 - (July 14, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump\\")))),(0,d.mdx)("h2",{id:"6380---june-16-2020"},"6.38.0 - (June 16, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update jest snapshot due to terra-icon theme context changes.")))),(0,d.mdx)("h2",{id:"6370---june-9-2020"},"6.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6360---june-2-2020"},"6.36.0 - (June 2, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6350---may-26-2020"},"6.35.0 - (May 26, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed lowlight and clinical theme interference issue.")))),(0,d.mdx)("h2",{id:"6340---may-19-2020"},"6.34.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6330---april-28-2020"},"6.33.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,d.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge')))),(0,d.mdx)("h2",{id:"6320---april-6-2020"},"6.32.0 - (April 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6310---march-31-2020"},"6.31.0 - (March 31, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"6300---march-10-2020"},"6.30.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax")))),(0,d.mdx)("h2",{id:"6290---march-3-2020"},"6.29.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6280---february-25-2020"},"6.28.0 - (February 25, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6270---february-18-2020"},"6.27.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"6260---february-4-2020"},"6.26.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6250---january-28-2020"},"6.25.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update copyright to include 2020")))),(0,d.mdx)("h2",{id:"6240---january-17-2020"},"6.24.0 - (January 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Overflow issue with icon-only tabs."),(0,d.mdx)("li",{parentName:"ul"},"Reset cache and handle visibility of tabs added/removed post initial mount."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced uncontrolled ",(0,d.mdx)("inlineCode",{parentName:"li"},"")," with controlled ",(0,d.mdx)("inlineCode",{parentName:"li"},""),".")))),(0,d.mdx)("h2",{id:"6230---january-7-2020"},"6.23.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"6220---december-16-2019"},"6.22.0 - (December 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"responsiveTo")," prop to provide ability to consumers to decide whether or not tabs need to completely\ncollapse into a menu on smaller viewports."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed axe violation for missing roles."),(0,d.mdx)("li",{parentName:"ul"},"Center-align text label in the single dropdown tab when all tabs completely collapse into a menu.")))),(0,d.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"6190---november-20-2019"},"6.19.0 - (November 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"6180---november-7-2019"},"6.18.0 - (November 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,d.mdx)("h2",{id:"6170---october-30-2019"},"6.17.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed accessibility issue in the tabs component.")))),(0,d.mdx)("h2",{id:"6160---october-21-2019"},"6.16.0 - (October 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"6150---october-16-2019"},"6.15.0 - (October 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"6140---october-3-2019"},"6.14.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates")))),(0,d.mdx)("h2",{id:"6130---september-26-2019"},"6.13.0 - (September 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency updates"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed the inconsistent failures of responsive tabs on Travis CI.")))),(0,d.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,d.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-CA translations.")))),(0,d.mdx)("h2",{id:"6110---september-6-2019"},"6.11.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files"),(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v1.0.4")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1"))))),(0,d.mdx)("h2",{id:"6100---august-21-2019"},"6.10.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced Object.assign syntax with Object spread syntax")))),(0,d.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed tabs overflowing issue."))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to interface with react-intl's ",(0,d.mdx)("inlineCode",{parentName:"li"},"FormattedMessage")," rather than old React Context API."),(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts")))),(0,d.mdx)("h2",{id:"680---july-30-2019"},"6.8.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed DEPENDENCIES.md file")))),(0,d.mdx)("h2",{id:"371---july-23-2019"},"3.7.1 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated DEPENDENCIES.md doc")))),(0,d.mdx)("h2",{id:"670---july-23-2019"},"6.7.0 - (July 23, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"660---july-16-2019"},"6.6.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots")))),(0,d.mdx)("h2",{id:"650---july-10-2019"},"6.5.0 - (July 10, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"640---july-2-2019"},"6.4.0 - (July 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-font-weight"),(0,d.mdx)("li",{parentName:"ul"},"Added themeable variable --terra-tabs-structural-active-font-weight"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed test and example SCSS files to end with ",(0,d.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,d.mdx)("h2",{id:"630---june-19-2019"},"6.3.0 - (June 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-responsive-element v5"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed all inline styles and implemented the same styles using external css."),(0,d.mdx)("li",{parentName:"ul"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes")))),(0,d.mdx)("h2",{id:"620---june-12-2019"},"6.2.0 - (June 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"box-shadow theme variable for in-active tab: --terra-tabs-structural-box-shadow"),(0,d.mdx)("li",{parentName:"ul"},"z-index theme variable for active tab: --terra-tabs-structural-active-z-index"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore")))),(0,d.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Consume latest major version bump of terra-menu")))),(0,d.mdx)("h2",{id:"5100---may-7-2019"},"5.10.0 - (May 7, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"590---april-24-2019"},"5.9.0 - (April 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,d.mdx)("h2",{id:"580---april-16-2019"},"5.8.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"570---april-9-2019"},"5.7.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"560---april-2-2019"},"5.6.0 - (April 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"550---march-26-2019"},"5.5.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"540---march-20-2019"},"5.4.0 - (March 20, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,d.mdx)("h2",{id:"530---march-12-2019"},"5.3.0 - (March 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"520---march-5-2019"},"5.2.0 - (March 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency update")))),(0,d.mdx)("h2",{id:"510---february-26-2019"},"5.1.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added en-AU translations")))),(0,d.mdx)("h2",{id:"500---february-13-2019"},"5.0.0 - (February 13, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Breaking Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Major dependency version bump of terra-menu")))),(0,d.mdx)("h2",{id:"450---february-5-2019"},"4.5.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate package to terra-framework repository")))),(0,d.mdx)("h2",{id:"440---january-27-2019"},"4.4.0 - (January 27, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"430---january-26-2019"},"4.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"420---january-22-2019"},"4.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"410---january-22-2019"},"4.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"400---january-8-2019"},"4.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bottom border styles collapsed tab edge case")))),(0,d.mdx)("h2",{id:"3310---january-2-2019"},"3.31.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Lint Errors")))),(0,d.mdx)("h2",{id:"3301---november-20-2018"},"3.30.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"3300---november-19-2018"},"3.30.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3290---november-13-2018"},"3.29.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Prevent left and right arrow key events from shifting tab focus indication while inside of tab popup menu"),(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3280---november-13-2018"},"3.28.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3270---november-9-2018"},"3.27.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3260---october-24-2018"},"3.26.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3250---october-16-2018"},"3.25.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3240---october-8-2018"},"3.24.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3230---october-2-2018"},"3.23.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3220---september-25-2018"},"3.22.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3211---september-6-2018"},"3.21.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"3210---september-5-2018"},"3.21.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"3200---september-4-2018"},"3.20.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3190---august-30-2018"},"3.19.0 - (August 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3180---august-29-2018"},"3.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3170---august-21-2018"},"3.17.0 - (August 21, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3160---august-8-2018"},"3.16.0 - (August 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated component internationalization error message")))),(0,d.mdx)("h2",{id:"3150---august-1-2018"},"3.15.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3140---july-25-2018"},"3.14.0 - (July 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add sv and sv-SE translations")))),(0,d.mdx)("h2",{id:"3130---july-19-2018"},"3.13.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"3120---july-17-2018"},"3.12.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed usage of CSS ",(0,d.mdx)("inlineCode",{parentName:"li"},"initial")," value because Internet Explorer does not support it")))),(0,d.mdx)("h2",{id:"3110---july-10-2018"},"3.11.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"3100---july-3-2018"},"3.10.0 - (July 3, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"390---june-28-2018"},"3.9.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Corrected the 'resize observer loop limit reached' error with animation frames.")))),(0,d.mdx)("h2",{id:"380---june-22-2018"},"3.8.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"370---june-19-2018"},"3.7.0 - (June 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed classNames on Tab Panes not displaying when rendering Tab Panes in Tabs component")))),(0,d.mdx)("h2",{id:"360---june-13-2018"},"3.6.0 - (June 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"350---june-12-2018"},"3.5.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.'),(0,d.mdx)("li",{parentName:"ul"},"Remove Base wrapper from test examples. Terra-dev-site wraps all test examples in Base.")))),(0,d.mdx)("h2",{id:"340---may-30-2018"},"3.4.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"330---may-25-2018"},"3.3.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"320---may-23-2018"},"3.2.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"New variables for theming")))),(0,d.mdx)("h2",{id:"310---may-16-2018"},"3.1.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"300---may-9-2018"},"3.0.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Major Change",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use terra-menu v3.0.0")))),(0,d.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,d.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,d.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,d.mdx)("h2",{id:"120---february-1-2018"},"1.2.0 - (February 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---january-18-2018"},"1.1.0 - (January 18, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"100---january-5-2018"},"1.0.0 - (January 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,d.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},39053:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.26.0",url:a})}},25642:function(e,a,l){l.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/52735-36ab0e0bc47f58661cc4.css b/52735-36ab0e0bc47f58661cc4.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/52735-36ab0e0bc47f58661cc4.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/52735-36ab0e0bc47f58661cc4.js b/52735-36ab0e0bc47f58661cc4.js new file mode 100644 index 000000000..9e10e71f5 --- /dev/null +++ b/52735-36ab0e0bc47f58661cc4.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[52735,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,r,t){var a=t(24994);r.A=void 0;var n=a(t(96540)),d=a(t(5556)),o=a(t(67967)),l=a(t(25642)),m=o.default.bind(l.default),i={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},s=function(e){var r=e.src,t=e.name,a=e.url,d=e.version,o=n.default.createElement("a",{className:m("badge"),href:a||"https://www.npmjs.org/package/".concat(t,"/v/").concat(d)},n.default.createElement("span",{className:m("badge-name")},a?"package":"npm"),n.default.createElement("span",{className:m("badge-version")},"v".concat(d))),l=r?n.default.createElement("a",{className:m("badge"),href:r},n.default.createElement("span",{className:m("badge-name")},"github"),n.default.createElement("span",{className:m("badge-version")},"source")):void 0;return n.default.createElement("div",{className:m("badge-container")},o,l)};s.propTypes=i;r.A=s},52735:function(e,r,t){t.r(r),t.d(r,{default:function(){return s}});t(96540);var a=t(36665),n=t(44244),d=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var m={},i="wrapper";function s(e){var r=e.components,t=l(e,d);return(0,a.mdx)(i,o({},m,t,{components:r,mdxType:"MDXLayout"}),(0,a.mdx)(n.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-section-header-upgrade-guide"},"Terra Section Header Upgrade Guide"),(0,a.mdx)("h2",{id:"changes-from-version-1-to-version-2"},"Changes from version 1 to version 2"),(0,a.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,a.mdx)("h4",{id:"renamed"},"Renamed"),(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},"Previous"),(0,a.mdx)("th",{parentName:"tr",align:null},"New"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-border-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-border-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-border-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-border-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-hover-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-hover-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-border-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-border-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-border-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-border-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-focus-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-focus-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-background"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-background")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-border-bottom"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-border-bottom")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-border-left"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-border-left")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-border-right"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-border-right")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-border-top"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-border-top")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-box-shadow"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-box-shadow")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-transparent-section-header-active-color"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-transparent-active-color")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-accordion-icon"),(0,a.mdx)("td",{parentName:"tr",align:null},"--terra-section-header-accordion-icon-background")))),(0,a.mdx)("h4",{id:"added"},"Added"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"--terra-section-header-accordion-icon-height"),(0,a.mdx)("li",{parentName:"ul"},"--terra-section-header-accordion-icon-width")))}s.isMDXComponent=!0},44244:function(e,r,t){t.d(r,{E:function(){return d}});var a=t(96540),n=t(55713),d=function(e){var r=e.url;return a.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.68.0",url:r})}},25642:function(e,r,t){t.r(r),r.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/52858-2fbc74cda891000459bd.css b/52858-2fbc74cda891000459bd.css new file mode 100644 index 000000000..a6058e9f0 --- /dev/null +++ b/52858-2fbc74cda891000459bd.css @@ -0,0 +1,8 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___3YhK5{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___7Wo5q{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___RIhrF{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___RIhrF{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} +.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/52858-2fbc74cda891000459bd.js b/52858-2fbc74cda891000459bd.js new file mode 100644 index 000000000..34bf370e8 --- /dev/null +++ b/52858-2fbc74cda891000459bd.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[52858,4645,22147,44528,77385,99766,32623,55004,3618,85785,8166,30547,52928,96261],{70313:function(e,l,n){l.A=void 0;var r=m(n(96540)),a=m(n(67967)),t=n(49737),d=m(n(1537));function m(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(d.default);l.A=function(){return r.default.createElement(t.NativeSelectField,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],selectId:"default-example",className:o("form-select")})}},98856:function(e,l,n){l.A=void 0;var r=m(n(96540)),a=m(n(67967)),t=n(49737),d=m(n(1537));function m(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(d.default);l.A=function(){return r.default.createElement(t.NativeSelectField,{label:"Default Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],isFilterStyle:!0,selectId:"default-example",className:o("form-select")})}},95456:function(e,l,n){l.A=void 0;var r=m(n(96540)),a=m(n(67967)),t=n(49737),d=m(n(1537));function m(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(d.default);l.A=function(){return r.default.createElement(t.NativeSelectField,{isIncomplete:!0,label:"Incomplete Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"incomplete-example",className:o("form-select")})}},85245:function(e,l,n){l.A=void 0;var r=o(n(96540)),a=o(n(67967)),t=o(n(58582)),d=n(49737),m=o(n(1537));function o(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(m.default),i="Select a Day";l.A=function(){return r.default.createElement(t.default,null,r.default.createElement(t.default.Row,null,r.default.createElement(t.default.Column,{small:1},r.default.createElement("span",{className:u("field-label")},i)),r.default.createElement(t.default.Column,{small:3},r.default.createElement(d.NativeSelectField,{label:i,isLabelHidden:!0,isInline:!0,help:"Note: Shop will be closed on weekends",options:[{value:"monday",display:"Volvo"},{value:"tuesday",display:"Tuesday"},{value:"wednesday",display:"Wednesday"},{value:"thursday",display:"Thursday"},{value:"friday",display:"Friday"},{value:"saturday",disabled:!0,display:"Saturday"},{value:"sunday",disabled:!0,display:"Sunday"}],selectId:"default-example",className:u("form-select")}))))}},42959:function(e,l,n){l.A=void 0;var r=m(n(96540)),a=m(n(67967)),t=n(49737),d=m(n(1537));function m(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(d.default);l.A=function(){return r.default.createElement(t.NativeSelectField,{label:"Required Field Text",options:[{value:"volvo",display:"Volvo"},{value:"saab",display:"Saab"},{value:"mercedes",display:"Mercedes"},{value:"audi",display:"Audi"}],required:!0,selectId:"required-example",className:o("form-select")})}},95458:function(e,l,n){n.r(l),n.d(l,{default:function(){return re}});var r=n(96540),a=n(36665),t=n(52968),d=n(70313),m=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var i={};function p(e){var l=e.components,n=u(e,m);return(0,a.mdx)("wrapper",o({},i,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExample = () => (\n \n);\n\nexport default DefaultFieldExample;\n\n")))}p.isMDXComponent=!0;var s=n(201),c=n(71459),x=function(e){var l=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:l||"Default Field",description:n,example:r.createElement(d.A,null),exampleCssSrc:r.createElement(c.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},y=n(85245),f=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={};function b(e){var l=e.components,n=v(e,f);return(0,a.mdx)("wrapper",_({},g,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport Grid from 'terra-grid';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst label = 'Select a Day';\nconst InlineLabelFieldExample = () => (\n \n \n \n {label}\n \n \n \n \n \n \n);\n\nexport default InlineLabelFieldExample;\n\n")))}b.isMDXComponent=!0;var h=function(e){var l=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:l||"Inline Label Field",description:n,example:r.createElement(y.A,null),exampleCssSrc:r.createElement(c.A,null),exampleSrc:r.createElement(b,null),isExpanded:a})},T=n(42959),N=["components"];function O(){return O=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var j={};function R(e){var l=e.components,n=C(e,N);return(0,a.mdx)("wrapper",O({},j,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst RequiredFieldExample = () => (\n \n);\n\nexport default RequiredFieldExample;\n\n")))}R.isMDXComponent=!0;var w=function(e){var l=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:l||"Required Field",description:n,example:r.createElement(T.A,null),exampleCssSrc:r.createElement(c.A,null),exampleSrc:r.createElement(R,null),isExpanded:a})},S=n(95456),G=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={};function q(e){var l=e.components,n=E(e,G);return(0,a.mdx)("wrapper",D({},P,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst IncompleteFieldExample = () => (\n \n);\n\nexport default IncompleteFieldExample;\n\n")))}q.isMDXComponent=!0;var I=function(e){var l=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:l||"Incomplete Field",description:n,example:r.createElement(S.A,null),exampleCssSrc:r.createElement(c.A,null),exampleSrc:r.createElement(q,null),isExpanded:a})},F=n(98856),Z=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var W={};function V(e){var l=e.components,n=A(e,Z);return(0,a.mdx)("wrapper",k({},W,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { NativeSelectField } from 'terra-form-select';\nimport styles from '../FormSelectDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DefaultFieldExamplewithoutPlaceholder = () => (\n \n);\n\nexport default DefaultFieldExamplewithoutPlaceholder;\n\n")))}V.isMDXComponent=!0;var M=function(e){var l=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:l||"Default Fieldwithout Placeholder",description:n,example:r.createElement(F.A,null),exampleCssSrc:r.createElement(c.A,null),exampleSrc:r.createElement(V,null),isExpanded:a})},H=n(12883),Y=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var X={},z="wrapper";function J(e){var l=e.components,n=$(e,Y);return(0,a.mdx)(z,L({},X,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(H.Ay,{mdxType:"PropsTable"},(0,a.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default value of the select. Can be a string, or number."))),(0,a.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input is disabled."))),(0,a.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"error"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,a.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"help"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Help message to display with the select."))),(0,a.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,a.mdx)(H.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(H.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"isInline"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,a.mdx)(H.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,a.mdx)(H.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(H.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"isFilterStyle"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the select input should use the filter style display, forcing a value to always be selected.\nThis also removes the placeholder and removes the ability for user to clear the value, returning the select to browser-native behavior."))),(0,a.mdx)(H.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"label"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The field label."))),(0,a.mdx)(H.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,a.mdx)(H.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Set the max-width of a field using ",(0,a.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,a.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,a.mdx)(H.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the select value changes. function(event)"))),(0,a.mdx)(H.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"options"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n unionOf: [\n type: 'custom',\n type: 'custom',\n ],\n}],\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The array of select options and opt groups."))),(0,a.mdx)(H.fI,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(H.fI,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,a.mdx)(H.fI,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"selectId"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,a.mdx)(H.fI,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"showOptional"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,a.mdx)(H.fI,{key:"ROW20",mdxType:"Row"},(0,a.mdx)(H.dt,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(H.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,a.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The value of the select. Can be a string or number.")))))}J.isMDXComponent=!0;var B=n(77529),Q=n(85296),K=["components"];function U(){return U=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var le={},ne="wrapper";function re(e){var l=e.components,n=ee(e,K);return(0,a.mdx)(ne,U({},le,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(t.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-native-select-field"},"Terra Form Native Select Field"),(0,a.mdx)("p",null,"A convenience wrapper assembling a ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-select"},"terra-form-select")," within a ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/master/packages/terra-form-field"},"terra-form-field"),"."),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Install with ",(0,a.mdx)("a",{parentName:"p",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-form-select"))),(0,a.mdx)("pre",{parentName:"li"},(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { NativeSelectField } from 'terra-form-select';\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/master/packages/terra-form-select"},"View component source code")),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(x,{title:"Select Field Example",mdxType:"DefaultFieldExample"}),(0,a.mdx)(w,{title:"Required Select Field Example",mdxType:"RequiredFieldExample"}),(0,a.mdx)(I,{title:"Incomplete Select Field Example",mdxType:"IncompleteFieldExample"}),(0,a.mdx)(M,{title:"Select Field Example without placeholder",mdxType:"DefaultFieldExamplewithoutPlaceholder"}),(0,a.mdx)(h,{title:"Select Field with Inline Label",mdxType:"InlineLabelFieldExample"}),(0,a.mdx)("h2",{id:"props"},"Props"),(0,a.mdx)("h3",{id:"native-select-option"},"Native Select Option"),(0,a.mdx)(B.A,{mdxType:"NativeOptionsPropsTable"}),(0,a.mdx)("h3",{id:"native-select-optgroup"},"Native Select OptGroup"),(0,a.mdx)(Q.A,{mdxType:"NativeOptGroupsPropsTable"}),(0,a.mdx)("h3",{id:"native-select-field"},"Native Select Field"),(0,a.mdx)(J,{mdxType:"NativeSelectFieldPropsTable"}))}re.isMDXComponent=!0},85296:function(e,l,n){n.d(l,{A:function(){return i}});n(96540);var r=n(36665),a=n(12883),t=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var o={},u="wrapper";function i(e){var l=e.components,n=m(e,t);return(0,r.mdx)(u,d({},o,n,{components:l,mdxType:"MDXLayout"}),(0,r.mdx)(a.Ay,{mdxType:"PropsTable"},(0,r.mdx)(a.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"display"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The option display."))),(0,r.mdx)(a.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"disabled"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the optgroup is disabled."))),(0,r.mdx)(a.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"options"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The array of select options.")))))}i.isMDXComponent=!0},77529:function(e,l,n){n.d(l,{A:function(){return i}});n(96540);var r=n(36665),a=n(12883),t=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var o={},u="wrapper";function i(e){var l=e.components,n=m(e,t);return(0,r.mdx)(u,d({},o,n,{components:l,mdxType:"MDXLayout"}),(0,r.mdx)(a.Ay,{mdxType:"PropsTable"},(0,r.mdx)(a.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"display"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The option display."))),(0,r.mdx)(a.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"disabled"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(a.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the option is disabled."))),(0,r.mdx)(a.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(a.dt,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(a.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'number',\n type: 'string',\n],\n"))),(0,r.mdx)(a.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(a.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(a.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The option value.")))))}i.isMDXComponent=!0},87030:function(e,l,n){n.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},58582:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var r=m(n(96540)),a=m(n(5556)),t=m(n(64216)),d=m(n(83452));function m(e){return e&&e.__esModule?e:{default:e}}var o={children:a.default.node.isRequired},u=function(e){return r.default.createElement("div",e)};u.propTypes=o,u.Row=t.default,u.Column=d.default;l.default=u},83452:function(e,l,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)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=p(n(96540)),t=p(n(5556)),d=p(n(46942)),m=p(n(67967)),o=p(n(52103)),u=p(n(87030)),i=["className","children","tiny","small","medium","large","huge","enormous"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var y=m.default.bind(u.default),f=function(e,l){if(e[l]){var n=e[l];return n>=1&&n<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},_={children:t.default.node,className:t.default.string,tiny:f,enormous:f,huge:f,large:f,medium:f,small:f},v=function(e){var l=e.className,n=e.children,r=e.tiny,t=e.small,m=e.medium,u=e.large,p=e.huge,f=e.enormous,_=x(e,i),v=a.default.useContext(o.default),g=(0,d.default)(y(["column",c(c(c(c(c(c({},"column-tiny-".concat(r),r),"column-small-".concat(t),t),"column-medium-".concat(m),m),"column-large-".concat(u),u),"column-huge-".concat(p),p),"column-enormous-".concat(f),f),v.className]),l);return a.default.createElement("div",s({},_,{className:g}),n)};v.propTypes=_;l.default=v},64216:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var r=i(n(96540)),a=i(n(5556)),t=i(n(46942)),d=i(n(67967)),m=i(n(52103)),o=i(n(87030)),u=["className","children"];function i(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=d.default.bind(o.default),x={children:a.default.node.isRequired,className:a.default.string},y=function(e){var l=e.className,n=e.children,a=s(e,u),d=r.default.useContext(m.default);return r.default.createElement("div",p({},a,{className:(0,t.default)(c("grid",d.className),l)}),n)};y.propTypes=x;l.default=y}}]); \ No newline at end of file diff --git a/52947-0b5586617449ec427069.css b/52947-0b5586617449ec427069.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/52947-0b5586617449ec427069.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} +.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/53226-02db7c061718145149b0.css b/53226-02db7c061718145149b0.css new file mode 100644 index 000000000..888205d6a --- /dev/null +++ b/53226-02db7c061718145149b0.css @@ -0,0 +1,6 @@ +.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} +.Signature-module__clinical-lowlight-theme___W2A78{--terra-signature-background-color: #222a2e;--terra-signature-line-color: #c5c5c6}.Signature-module__orion-fusion-theme___\+fuJH{--terra-signature-background-color: #fff;--terra-signature-line-color: #1c1f21}.Signature-module__redwood-theme___0JRl7{--terra-signature-background-color: var(--signature-background-color);--terra-signature-line-color: var(--drawing-line-color)}.Signature-module__signature___EuTwS{color:#000;color:var(--terra-signature-line-color, #000);height:100%;position:relative;-ms-touch-action:none;touch-action:none;width:100%}[dir] .Signature-module__signature___EuTwS{background-color:#fff;background-color:var(--terra-signature-background-color, #fff)} +.SignatureExample-module__signature-wrapper___FE0r1{height:100px;width:100%}[dir] .SignatureExample-module__signature-wrapper___FE0r1{border:1px solid #000;padding:7px}.SignatureExample-module__text-area-style___9CXdL{height:88px;width:calc(100% - .2rem)}[dir] .SignatureExample-module__text-area-style___9CXdL{border:0}.SignatureExample-module__text-area-style___9CXdL:focus{outline:2px dotted #000;outline-offset:-2px}.SignatureExample-module__clear-button___bIuKv{position:relative;z-index:0}[dir] .SignatureExample-module__add-button___R94nw{margin:5px}[dir] .SignatureExample-module__input-image___crk9c{margin:5px} +.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/53226-02db7c061718145149b0.js b/53226-02db7c061718145149b0.js new file mode 100644 index 000000000..5d310d5d0 --- /dev/null +++ b/53226-02db7c061718145149b0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[53226,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],{53706:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(67967)),l=u(n(46628)),i=u(n(5556)),o=u(n(83718));function u(e){return e&&e.__esModule?e:{default:e}}var s=r.default.bind(o.default),d={onClearSignature:i.default.func},c=function(e){return a.default.createElement("div",null,a.default.createElement("div",{className:s("signature-wrapper")},a.default.createElement(l.default,{id:"upload"})),a.default.createElement("br",null),a.default.createElement("button",{type:"button",onClick:function(){var t=document.getElementById("upload");t&&(t.getContext("2d").clearRect(0,0,1e3,100),document.getElementById("file-select").value="",e.onClearSignature())}},"Clear"),a.default.createElement("input",{className:s("input-image"),id:"file-select",type:"file",accept:"image/*",onChange:function(){var e=document.getElementById("upload");if(e){var t=e.getContext("2d");t.clearRect(0,0,1e3,100);var n=document.getElementById("file-select").files[0],a=new Image;a.onload=function(){t.drawImage(a,10,0,200,e.offsetHeight)},a.src=URL.createObjectURL(n)}}}))};c.propTypes=d;t.default=c},52015:function(e,t,n){function a(e){return a="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},a(e)}t.A=void 0;var r=p(n(96540)),l=p(n(46628)),i=p(n(67967)),o=p(n(19814)),u=p(n(16524)),s=p(n(7604)),d=p(n(53706)),c=p(n(83718));function p(e){return e&&e.__esModule?e:{default:e}}function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function f(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,a=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={};function c(e){var t=e.components,n=s(e,o);return(0,r.mdx)("wrapper",u({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Signature from 'terra-signature';\nimport classNames from 'classnames/bind';\nimport Tabs from 'terra-tabs';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\nimport TextSignature from './TextSignature';\nimport ImageSignature from './ImageSignature';\nimport styles from './SignatureExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass SignatureExample extends React.Component {\n constructor() {\n super();\n\n this.state = { lineSegments: [], lineWidth: Signature.Opts.Width.FINE, message: '' };\n this.handleClear = this.handleClear.bind(this);\n this.handleLineWidth = this.handleLineWidth.bind(this);\n this.handleLiveRegion = this.handleLiveRegion.bind(this);\n this.tabKey = 'compact';\n }\n\n handleClear() {\n const newState = { ...this.state, lineSegments: [] };\n this.setState(newState);\n this.handleLiveRegion();\n }\n\n handleLineWidth(event) {\n this.setState({ [event.target.name]: event.target.value });\n }\n\n handleLiveRegion(value) {\n this.setState({ message: value ? 'Added Signature' : 'Cleared Signature' });\n setTimeout(() => {\n this.setState({ message: '' });\n }, 3000);\n }\n\n render() {\n return (\n
    \n \n \n
    \n <>\n
    \n \n
    \n \n
    \n
    \n \n
    \n

    \n \n
    \n
    \n     \n \n
    \n \n     \n \n
    \n \n     \n     \n \n
    \n );\n }\n}\n\nexport default SignatureExample;\n\n")))}c.isMDXComponent=!0;var p=n(201),m=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var g={};function b(e){var t=e.components,n=h(e,m);return(0,r.mdx)("wrapper",f({},g,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local { \n .signature-wrapper {\n border: 1px solid rgb(0, 0, 0);\n height: 100px;\n padding: 7px;\n width: 100%;\n }\n\n .text-area-style {\n border: 0;\n height: 88px;\n width: calc(100% - 0.2rem);\n \n &:focus {\n outline: 2px dotted #000;\n outline-offset: -2px;\n }\n }\n\n .clear-button {\n position: relative;\n z-index: 0;\n }\n\n .add-button {\n margin: 5px;\n }\n\n .input-image {\n margin: 5px;\n }\n}\n\n")))}b.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(p.A,{title:t||"Signature Example",description:n,example:a.createElement(i.A,null),exampleCssSrc:a.createElement(b,null),exampleSrc:a.createElement(c,null),isExpanded:r})},y=n(12883),_=["components"];function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var E={},w="wrapper";function S(e){var t=e.components,n=O(e,_);return(0,r.mdx)(w,x({},E,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(y.Ay,{mdxType:"PropsTable"},(0,r.mdx)(y.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(y.dt,{mdxType:"PropNameCell"},"lineWidth"),(0,r.mdx)(y.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 4\n 6\n],\n"))),(0,r.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,r.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The line width to use when drawing the signature on the canvas.\nOne of Signature.Opts.Width.EXTRA_FINE, Signature.Opts.Width.FINE, Signature.Opts.Width.MEDIUM, Signature.Opts.Width.HEAVY."))),(0,r.mdx)(y.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(y.dt,{mdxType:"PropNameCell"},"lineSegments"),(0,r.mdx)(y.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"array\n"))),(0,r.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,r.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Line segments that define signature."))),(0,r.mdx)(y.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(y.dt,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(y.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(y.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(y.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(y.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"A callback function to execute when a line segment is drawn. The first parameter is the event, the\nsecond parameter is all the line segments, and the last parameter is the most recent line segment drawn.")))))}S.isMDXComponent=!0;var T=["components"];function j(){return j=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var P={},C="wrapper";function k(e){var t=e.components,n=N(e,T);return(0,r.mdx)(C,j({},P,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-signature"},"Terra Signature"),(0,r.mdx)("p",null,"The terra-signature component is used to digitally validate or acknowledge files or documents such as PDF documents, online forms, or specialized e-signature software."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"For mouse usage, only left-click drawing is enabled, and can continue the drawing with a series of line segments as long as the pointer does not exit the confines of the browser. "),(0,r.mdx)("li",{parentName:"ul"},"The Terra Signature component has the ability to define line width, and line color, and optionally display a signature if the line segments used in the signature have already been recorded."),(0,r.mdx)("li",{parentName:"ul"},"For keyboard usage, consumers can provide their signature by typing, drawing, or inserting an image file with their name. Ensuring the keyboard navigation follows a logical tab order, and provides the instructions and cues necessary to complete the same action."),(0,r.mdx)("li",{parentName:"ul"},"The Terra Signature component supports resizing to 400% and supports reflow when the viewport is resized to 320x256 px without loss of information or function.")),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-signature"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Signature from 'terra-signature';\n")),(0,r.mdx)("h2",{id:"consuming-teams-are-responsible-for"},"Consuming teams are responsible for"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Providing Descriptive Labels"),": Ensure that the terra-signature component is labeled clearly and descriptively for screen reader users. This includes providing labels for form fields and instructions for signing.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Implementing Keyboard Accessibility"),": Ensure that all functionality of terra-signature can be accessed and operated using only a keyboard, without any mouse interactions.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Using ARIA Attributes"),": Use ARIA (Accessible Rich Internet Applications) ",(0,r.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA"},"attributes")," to enhance the accessibility of terra-signature, such as ",(0,r.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label")," and ",(0,r.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby"},"aria-describedby"),", to provide additional context for screen reader users.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Testing with Assistive Technologies"),": Test terra-signature with a variety of assistive technologies, such as screen readers, to ensure that it is fully accessible and usable by all users.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Providing Alternative Text for Images"),": If terra-signature includes any images or icons, provide alternative text that describes the content or function of the image for users who cannot see it.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Ensuring Sufficient Color Contrast"),": Ensure that there is sufficient color contrast between text and background colors to make terra-signature readable for users with low vision or color blindness.")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},(0,r.mdx)("strong",{parentName:"p"},"Documenting Accessibility Features"),": Document the accessibility features of terra-signature for end users, including instructions on how to use it with assistive technologies."))),(0,r.mdx)("p",null,"By following these guidelines, consumers can ensure that the Terra Signature component is accessible to all users, including those with disabilities."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(v,{title:"Default Signature",mdxType:"SignatureExample"}),(0,r.mdx)("h2",{id:"signature-props"},"Signature Props"),(0,r.mdx)(S,{mdxType:"SignaturePropsTable"}))}k.isMDXComponent=!0},98229:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-signature",name:"terra-signature",version:"2.42.0",url:t})}},83718:function(e,t,n){n.r(t),t.default={"signature-wrapper":"SignatureExample-module__signature-wrapper___FE0r1","text-area-style":"SignatureExample-module__text-area-style___9CXdL","clear-button":"SignatureExample-module__clear-button___bIuKv","add-button":"SignatureExample-module__add-button___R94nw","input-image":"SignatureExample-module__input-image___crk9c"}},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"}},62608:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Signature-module__clinical-lowlight-theme___W2A78","orion-fusion-theme":"Signature-module__orion-fusion-theme___+fuJH","redwood-theme":"Signature-module__redwood-theme___0JRl7",signature:"Signature-module__signature___EuTwS"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),l=d(n(46942)),i=d(n(67967)),o=d(n(52103)),u=d(n(78482)),s=["children","disableStripes","paddingStyle"];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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(u.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,i=p(e,s),u=a.default.useContext(o.default),d=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},u.className),i.className);return a.default.createElement("table",c({},i,{className:d}),t)};h.propTypes=f,h.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=h},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},s=function(e){var t=e.children,n=o(e,l);return a.default.createElement("tbody",n,t)};s.propTypes=u,s.defaultProps={children:[]};t.default=s},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},s=function(e){var t=e.children,n=o(e,l);return a.default.createElement("td",n,t)};s.propTypes=u,s.defaultProps={children:[]};t.default=s},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=o(n(10767)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={children:r.default.node},d=function(e){var t=e.children,n=u(e,i);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};d.propTypes=s,d.defaultProps={children:[]};t.default=d},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},s=function(e){var t=e.children,n=o(e,l);return a.default.createElement("th",n,t)};s.propTypes=u,s.defaultProps={children:[]};t.default=s},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),l=s(n(67967)),i=s(n(78482)),o=s(n(10767)),u=["children"];function s(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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=l.default.bind(i.default),m={children:r.default.node},f=function(e){var t=e.children,n=c(e,u),r=p(["row"]);return a.default.createElement("tr",d({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),o.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.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 r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=s(n(85444)),r=s(n(61452)),l=s(n(36142)),i=s(n(86472)),o=s(n(97441)),u=s(n(22417));function s(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),r=l(n(25365));function l(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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function m(e){return function(e){if(Array.isArray(e))return f(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return f(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 f(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);ne.changedTouches[0].pageY&&t.right>e.changedTouches[0].pageX:t.tope.pageY&&t.right>e.pageX}},{key:"mouseDown",value:function(e){"button"in e&&e.button!==w||(this.setState({lastLineSegments:[],painting:!0}),this.canvasRect=this.canvas.getBoundingClientRect(),"touchstart"===e.type?this.addLine(e.changedTouches[0].pageX-this.canvasRect.left,e.changedTouches[0].pageY-this.canvasRect.top,!1):this.addLine(e.pageX-this.canvasRect.left,e.pageY-this.canvasRect.top,!1),this.draw())}},{key:"mouseUp",value:function(e){this.setState({painting:!1}),this.props.onChange&&this.props.onChange(e,this.state.lineSegments,this.state.lastLineSegments)}},{key:"mouseXY",value:function(e){this.state.painting&&this.mouseInBounds(e)&&("touchmove"===e.type?this.addLine(e.changedTouches[0].pageX-this.canvasRect.left,e.changedTouches[0].pageY-this.canvasRect.top,!0):this.addLine(e.pageX-this.canvasRect.left,e.pageY-this.canvasRect.top,!0),this.draw())}},{key:"mouseLeave",value:function(e){this.state.painting&&(this.setState({painting:!1}),this.props.onChange&&this.props.onChange(e,this.state.lineSegments,this.state.lastLineSegments))}},{key:"addLine",value:function(e,t,n){var a;if(n){var r=this.state.lineSegments[this.state.lineSegments.length-1];a={x1:r.x2,y1:r.y2,x2:e,y2:t}}else a={x1:e,y1:t,x2:e,y2:t};this.setState((function(e){return{lineSegments:[].concat(m(e.lineSegments),[a]),lastLineSegments:[].concat(m(e.lastLineSegments),[a])}}))}},{key:"draw",value:function(){var e=this.canvas.getContext("2d");if(this.state.lineSegments.length>0){var t=this.state.lineSegments[this.state.lineSegments.length-1],n=window.getComputedStyle(this.canvas).getPropertyValue("color");e.lineJoin="round",e.beginPath(),e.moveTo(t.x1,t.y1),e.lineTo(t.x2,t.y2),e.strokeStyle=n,e.stroke()}}},{key:"drawSignature",value:function(e,t){var n=this.canvas.getContext("2d"),a=window.getComputedStyle(this.canvas).getPropertyValue("color");n.lineJoin="round",n.lineWidth=t,n.clearRect(0,0,this.canvasRect.width,this.canvasRect.height);for(var r=e.length,l=0;l-1){var s=t[c].sortIndicator;l.sort((function(e,t){var n=e.cells[c].content||"",a=t.cells[c].content||"";return"ascending"===s?n.localeCompare(a):a.localeCompare(n)}))}a(t),b(l)}),[n,f]);return s.default.createElement(i.default,{id:"my-table-id",overflowColumns:n,rows:f,onColumnSelect:_,ariaLabel:"Sortable Table"})}},53378:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(96540),l=n(36665),o=(n(73223),n(8511)),r=["components"];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(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={};function u(e){var t=e.components,n=s(e,r);return(0,l.mdx)("wrapper",c({},i,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useCallback, useState } from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n {\n id: 'Column-0', displayName: 'Patient', sortIndicator: 'ascending', isSelectable: true,\n },\n {\n id: 'Column-1', displayName: 'Location', isSelectable: true,\n },\n { id: 'Column-2', displayName: 'Illness Severity', isSelectable: true },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst SortableTable = () => {\n const [tableColumns, setTableColumns] = useState(tableData.cols);\n const [tableRows, setTableRows] = useState(tableData.rows);\n const handleColumnSelect = useCallback((columnId) => {\n const newColumns = [...tableColumns].map((col) => {\n const newCol = { ...col };\n if (columnId === col.id) {\n newCol.sortIndicator = col.sortIndicator === 'ascending' ? 'descending' : 'ascending';\n } else {\n newCol.sortIndicator = undefined;\n }\n return newCol;\n });\n\n const newRows = [...tableRows];\n\n const columnIndex = newColumns.findIndex(col => col.id === columnId);\n if (columnIndex > -1) {\n const { sortIndicator } = newColumns[columnIndex];\n newRows.sort((rowA, rowB) => {\n const firstRowContent = rowA.cells[columnIndex].content || '';\n const secondRowContent = rowB.cells[columnIndex].content || '';\n\n if (sortIndicator === 'ascending') {\n return firstRowContent.localeCompare(secondRowContent);\n }\n return secondRowContent.localeCompare(firstRowContent);\n });\n }\n\n setTableColumns(newColumns);\n setTableRows(newRows);\n }, [tableColumns, tableRows]);\n\n return (\n \n );\n};\n\nexport default SortableTable;\n\n")))}u.isMDXComponent=!0;var d=n(201),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(d.A,{title:t||"Sortable Table",description:n,example:a.createElement(o.A,null),exampleSrc:a.createElement(u,null),isExpanded:l})},p=["components"];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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var _={},y="wrapper";function g(e){var t=e.components,n=b(e,p);return(0,l.mdx)(y,f({},_,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"sortable-table"},"Sortable Table"),(0,l.mdx)("h3",{id:"description"},"Description"),(0,l.mdx)("p",null,"This example demonstrates a ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table")," component with sortable information.\nThe Table component does not have logic to perform column sorting because knowledge about the column data business logic would be required.\nConsumers can enable sorting capabilities by listening to the onColumnSelect callback and properly updating the source data of the table."),(0,l.mdx)("h3",{id:"required-properties"},"Required Properties"),(0,l.mdx)("p",null,(0,l.mdx)("strong",{parentName:"p"},"onColumnSelect"),": When the user selects a column, this callback is called with the columnId of the selected column."),(0,l.mdx)(m,{mdxType:"SortableTable"}))}g.isMDXComponent=!0},73223:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.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"}}}]); \ No newline at end of file diff --git a/53626-95cd103d11c8a3c5c045.css b/53626-95cd103d11c8a3c5c045.css new file mode 100644 index 000000000..6efa92ea1 --- /dev/null +++ b/53626-95cd103d11c8a3c5c045.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} +.ButtonGroup-module__clinical-lowlight-theme___El\+dS{--terra-button-group-button-active-background-color: #1a2023;--terra-button-group-button-active-border-color: #181b1d;--terra-button-group-button-active-color: #9b9b9b;--terra-button-group-button-background-color: #2d3539;--terra-button-group-button-border-color: #181b1d;--terra-button-group-button-box-shadow: none;--terra-button-group-button-color: #b2b5b6;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #1a2023;--terra-button-group-button-focus-border-color: #181b1d;--terra-button-group-button-focus-box-shadow: none;--terra-button-group-button-hover-background-color: #1e272b;--terra-button-group-button-hover-color: #9b9b9b;--terra-button-group-button-active-box-shadow: none;--terra-button-group-button-selected-background-color: #1a2023;--terra-button-group-button-selected-border-color: #181b1d;--terra-button-group-button-selected-box-shadow: none;--terra-button-group-button-selected-color: #9b9b9b;--terra-button-group-button-selected-and-focus-background-color: #1a2023;--terra-button-group-button-selected-and-focus-border-color: #181b1d;--terra-button-group-button-selected-and-focus-box-shadow: none;--terra-button-group-button-selected-and-focus-color: #9b9b9b;--terra-button-group-button-selected-and-hover-background-color: #121517;--terra-button-group-button-selected-and-hover-border-color: #181b1d;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #9b9b9b;--terra-button-group-button-border-bottom-left-radius: 0.2142em;--terra-button-group-button-border-top-left-radius: 0.2142rem;--terra-button-group-button-border-bottom-right-radius: 0.2142em;--terra-button-group-button-border-top-right-radius: 0.2142rem}.ButtonGroup-module__orion-fusion-theme___BkFFY{--terra-button-group-button-background-color: #dedfe0;--terra-button-group-button-border-color: #6f7477;--terra-button-group-button-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4;--terra-button-group-button-color: #000;--terra-button-group-button-font-weight: 400;--terra-button-group-button-disabled-opacity: 0.3;--terra-button-group-button-focus-background-color: #9b9fa1;--terra-button-group-button-focus-border-color: #6f7477;--terra-button-group-button-focus-box-shadow: inset 0 3rem 1.5rem -2rem #f4f4f4, 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-hover-background-color: #b2b5b6;--terra-button-group-button-hover-color: #000;--terra-button-group-button-selected-and-hover-background-color: #52585b;--terra-button-group-button-selected-and-hover-border-color: #6f7477;--terra-button-group-button-selected-and-hover-box-shadow: none;--terra-button-group-button-selected-and-hover-color: #fff;--terra-button-group-button-selected-and-focus-background-color: #52585b;--terra-button-group-button-selected-and-focus-border-color: #6f7477;--terra-button-group-button-selected-and-focus-box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.65), 0 0 2px 3px rgba(76, 178, 233, 0.5), 0 0 6px 4px rgba(76, 178, 233, 0.3);--terra-button-group-button-selected-and-focus-color: #fff;--terra-button-group-button-selected-background-color: #52585b;--terra-button-group-button-selected-border-color: #6f7477;--terra-button-group-button-selected-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-selected-color: #fff;--terra-button-group-button-active-background-color: #52585b;--terra-button-group-button-active-border-color: #6f7477;--terra-button-group-button-active-box-shadow: inset 0 3rem 1.5rem -2rem #434a4d;--terra-button-group-button-active-color: #fff;--terra-button-group-button-border-bottom-left-radius: 3px;--terra-button-group-button-border-top-left-radius: 3px;--terra-button-group-button-border-bottom-right-radius: 3px;--terra-button-group-button-border-top-right-radius: 3px}.ButtonGroup-module__button-group___iIAAg{display:-ms-inline-flexbox;display:inline-flex;position:relative;vertical-align:middle;white-space:nowrap}.ButtonGroup-module__button-group-button___YB1ME{color:#1c1f21;color:var(--terra-button-group-button-color, #1c1f21);font-weight:400;font-weight:var(--terra-button-group-button-font-weight, 400);position:relative}[dir] .ButtonGroup-module__button-group-button___YB1ME{background-color:#dedfe0;background-color:var(--terra-button-group-button-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-border-color, #c8cacb);border-radius:0;border-style:solid;border-width:1px;box-shadow:none;box-shadow:var(--terra-button-group-button-box-shadow, none);margin:0}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-disabled___rqrG9,.ButtonGroup-module__button-group-button___YB1ME:disabled{opacity:0.3;opacity:var(--terra-button-group-button-disabled-opacity, 0.3)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{z-index:1000}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-focused___PsJoG{background-color:#dedfe0;background-color:var(--terra-button-group-button-focus-background-color, #dedfe0);border-color:#c8cacb;border-color:var(--terra-button-group-button-focus-border-color, #c8cacb);box-shadow:none;box-shadow:var(--terra-button-group-button-focus-box-shadow, none)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.ButtonGroup-module__button-group-button___YB1ME:hover{color:#000;color:var(--terra-button-group-button-hover-color, #000)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover{background-color:#b9bbbc;background-color:var(--terra-button-group-button-hover-background-color, #b9bbbc)}.ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-and-hover-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:hover.ButtonGroup-module__is-selected___DM718{background-color:#40474a;background-color:var(--terra-button-group-button-selected-and-hover-background-color, #40474a);border-color:#40474a;border-color:var(--terra-button-group-button-selected-and-hover-border-color, #40474a);box-shadow:var(--terra-button-group-button-selected-and-hover-box-shadow)}}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{color:#fff;color:var(--terra-button-group-button-selected-and-focus-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718.ButtonGroup-module__is-focused___PsJoG{background-color:#52585b;background-color:var(--terra-button-group-button-selected-and-focus-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-and-focus-border-color, #52585b);box-shadow:none;box-shadow:var(--terra-button-group-button-selected-and-focus-box-shadow, none)}.ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{color:#fff;color:var(--terra-button-group-button-selected-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME.ButtonGroup-module__is-selected___DM718{background-color:#52585b;background-color:var(--terra-button-group-button-selected-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-selected-border-color, #52585b);box-shadow:var(--terra-button-group-button-selected-box-shadow)}.ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718,.ButtonGroup-module__button-group-button___YB1ME:active{color:#fff;color:var(--terra-button-group-button-active-color, #fff)}[dir] .ButtonGroup-module__button-group-button___YB1ME:active.ButtonGroup-module__is-selected___DM718, [dir] .ButtonGroup-module__button-group-button___YB1ME:active{background-color:#52585b;background-color:var(--terra-button-group-button-active-background-color, #52585b);border-color:#52585b;border-color:var(--terra-button-group-button-active-border-color, #52585b);box-shadow:var(--terra-button-group-button-active-box-shadow)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-left:-1px}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME+.ButtonGroup-module__button-group-button___YB1ME{margin-right:-1px}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:first-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-left-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-left-radius, 0.2142rem)}[dir=ltr] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-right-radius:0.2142rem;border-bottom-right-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-right-radius:0.2142rem;border-top-right-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}[dir=rtl] .ButtonGroup-module__button-group-button___YB1ME:last-child{border-bottom-left-radius:0.2142rem;border-bottom-left-radius:var(--terra-button-group-button-border-bottom-right-radius, 0.2142rem);border-top-left-radius:0.2142rem;border-top-left-radius:var(--terra-button-group-button-border-top-right-radius, 0.2142rem)}.ButtonGroup-module__is-block___otiJA{width:100%}.ButtonGroup-module__is-block___otiJA .ButtonGroup-module__button-group-button___YB1ME{-ms-flex:1 1 auto;flex:1 1 auto} +.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/53626-95cd103d11c8a3c5c045.js b/53626-95cd103d11c8a3c5c045.js new file mode 100644 index 000000000..1e962598d --- /dev/null +++ b/53626-95cd103d11c8a3c5c045.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[53626,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],{39135:function(e,t,n){t.A=void 0;var r=o(n(96540)),l=o(n(15853));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(l.default,{id:"button-group-not-selectable"},r.default.createElement(l.default.Button,{text:"Button 1",key:"1"}),r.default.createElement(l.default.Button,{text:"Button 2",key:"2",isDisabled:!0}),r.default.createElement(l.default.Button,{text:"Button 3",key:"3"}),r.default.createElement(l.default.Button,{text:"Button 4",key:"4",isDisabled:!0}))}},38167: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=a(n(96540)),o=a(n(15853));function a(e){return e&&e.__esModule?e:{default:e}}function u(e,t){for(var n=0;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=i(e,u);return(0,l.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { IconCaretUp, IconCaretDown } from \'terra-icon\';\nimport ButtonGroup from \'terra-button-group\';\n\nconst iconCaretUp = ;\nconst iconCaretDown = ;\n\nconst ButtonGroupWithIcons = () => (\n
    \n
    \n \n \n \n \n
    \n
    \n
    \n \n \n \n \n
    \n
    \n);\n\nexport default ButtonGroupWithIcons;\n\n')))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group With Icons",description:n,example:r.createElement(a.A,null),exampleSrc:r.createElement(p,null),isExpanded:l})},f=n(39135),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 v={};function g(e){var t=e.components,n=x(e,y);return(0,l.mdx)("wrapper",b({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nexport default () => (\n \n \n \n \n \n \n);\n\n')))}g.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Disabled Buttons",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:l})},_=n(90936),O=["components"];function T(){return T=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 w={};function E(e){var t=e.components,n=j(e,O);return(0,l.mdx)("wrapper",T({},w,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupSingleSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKey: [\'single-select1\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, selectedKey) {\n if (ButtonGroup.Utils.shouldHandleSingleSelection(this.state.selectedKey, selectedKey)) {\n event.preventDefault();\n this.setState({ selectedKey: [selectedKey] });\n }\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\nexport default ButtonGroupSingleSelect;\n\n')))}E.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Single Select",description:n,example:r.createElement(_.A,null),exampleSrc:r.createElement(E,null),isExpanded:l})},S=n(79667),C=["components"];function N(){return N=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={};function D(e){var t=e.components,n=P(e,C);return(0,l.mdx)("wrapper",N({},k,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupMultiSelect extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [\'multi-select1\', \'multi-select3\'] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupMultiSelect;\n\n')))}D.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Multi Select",description:n,example:r.createElement(S.A,null),exampleSrc:r.createElement(D,null),isExpanded:l})},G=n(38167),M=["components"];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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var K={};function q(e){var t=e.components,n=A(e,M);return(0,l.mdx)("wrapper",I({},K,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport ButtonGroup from \'terra-button-group\';\n\nclass ButtonGroupIsBlock extends React.Component {\n constructor(props) {\n super(props);\n this.state = { selectedKeys: [] };\n this.handleSelection = this.handleSelection.bind(this);\n }\n\n handleSelection(event, key) {\n event.preventDefault();\n this.setState(prevState => ({ selectedKeys: ButtonGroup.Utils.handleMultiSelectedKeys(prevState.selectedKeys, key) }));\n }\n\n render() {\n return (\n \n \n \n \n \n );\n }\n}\n\nexport default ButtonGroupIsBlock;\n\n')))}q.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"Button Group Is Block",description:n,example:r.createElement(G.A,null),exampleSrc:r.createElement(q,null),isExpanded:l})},H=n(12883),W=["components"];function Y(){return Y=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 X={},V="wrapper";function $(e){var t=e.components,n=U(e,W);return(0,l.mdx)(V,Y({},X,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(H.Ay,{mdxType:"PropsTable"},(0,l.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Child nodes"))),(0,l.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"isBlock"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Allows user to set button group to fill container width."))),(0,l.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"isMultiSelect"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not it is a multi select button group."))),(0,l.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onChange"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function when the state changes. Parameters are (event, key)."))),(0,l.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"selectedKeys"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'string',\n}],\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A list of keys of the buttons that should be selected.")))))}$.isMDXComponent=!0;var F=["components"];function L(){return L=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 z={},Q="wrapper";function ee(e){var t=e.components,n=J(e,F);return(0,l.mdx)(Q,L({},z,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(H.Ay,{mdxType:"PropsTable"},(0,l.mdx)(H.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"icon"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An optional icon. If an icon is provided, it will be an icon only button and the provided text is set as the aria-label for accessibility."))),(0,l.mdx)(H.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the button should be disabled."))),(0,l.mdx)(H.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onBlur"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when button loses focus."))),(0,l.mdx)(H.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onClick"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when clicked."))),(0,l.mdx)(H.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onFocus"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when button gains focus."))),(0,l.mdx)(H.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onKeyDown"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when key is pressed."))),(0,l.mdx)(H.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"onKeyUp"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(H.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when key is released."))),(0,l.mdx)(H.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(H.dt,{mdxType:"PropNameCell"},"text"),(0,l.mdx)(H.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(H.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(H.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(H.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the button text. If an icon is provided, it will be an icon only button and this text is set as the aria-label for accessibility.")))))}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-button-group"},"Terra Button Group"),(0,l.mdx)("p",null," The Terra Button Group component is a controlled component that groups buttons and allows consumers to manage the selection state of each button in the group. By default, the buttons in the Button Group do not remain selected when clicked. Therefore, consumers must manage the selection state of the buttons because the Button Group does not keep track of the selection state. A controlled Button Group gives the consumer the flexibility to compose a single-select button group as well as a multi-select button group. This component is intended to group buttons with similar context or to toggle content, it is not intended to be used as a form element."),(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-button-group"))))),(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)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ButtonGroup from 'terra-button-group';\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)("h2",{id:"examples"},"Examples"),(0,l.mdx)(m,{title:"Text and Icon - Default, no selected state",mdxType:"ButtonGroupWithIcons"}),(0,l.mdx)(B,{title:"Single Select - Manage single button selection",mdxType:"ButtonGroupSingleSelect"}),(0,l.mdx)(R,{title:"Multi Select - Manage multiple button selections",mdxType:"ButtonGroupMultiSelect"}),(0,l.mdx)(h,{title:"Disabled Buttons - Default, no selected state",mdxType:"ButtonGroupDisabledButtons"}),(0,l.mdx)(Z,{title:"ButtonGroup Is Block - width stretches to fill container",mdxType:"ButtonGroupIsBlock"}),(0,l.mdx)("h2",{id:"button-group-props"},"Button Group Props"),(0,l.mdx)($,{mdxType:"ButtonGroupPropsTable"}),(0,l.mdx)("h2",{id:"button-group-button-props"},"Button Group Button Props"),(0,l.mdx)(ee,{mdxType:"ButtonGroupButtonPropsTable"}))}ae.isMDXComponent=!0},36823: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-button-group",name:"terra-button-group",version:"3.79.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"}},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)),d=c(n(78482)),i=["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 m=a.default.bind(d.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=s(e,i),d=r.default.useContext(u.default),c=(0,o.default)(m("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.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 d={children:l.default.node},i=function(e){var t=e.children,n=u(e,o);return r.default.createElement("tbody",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},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 d={children:l.default.node},i=function(e){var t=e.children,n=u(e,o);return r.default.createElement("td",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},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 d(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},c=function(e){var t=e.children,n=d(e,a);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};c.propTypes=i,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 d={children:l.default.node},i=function(e){var t=e.children,n=u(e,o);return r.default.createElement("th",n,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),l=i(n(5556)),o=i(n(67967)),a=i(n(78482)),u=i(n(10767)),d=["children"];function i(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 s=o.default.bind(a.default),m={children:l.default.node},f=function(e){var t=e.children,n=p(e,d),l=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),u.default.addScope(t,"row"))};f.propTypes=m,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 d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=i(n(85444)),l=i(n(61452)),o=i(n(36142)),a=i(n(86472)),u=i(n(97441)),d=i(n(22417));function i(e){return e&&e.__esModule?e:{default:e}}t.default=r.default}}]); \ No newline at end of file diff --git a/54627-d3a7f14ad2d0c6156dbb.css b/54627-d3a7f14ad2d0c6156dbb.css new file mode 100644 index 000000000..fc9c463f9 --- /dev/null +++ b/54627-d3a7f14ad2d0c6156dbb.css @@ -0,0 +1,6 @@ +.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} +.BrandFooter-module__orion-fusion-theme___Y9UQ6{--terra-brand-footer-margin-bottom: 0;--terra-brand-footer-margin-left: 0;--terra-brand-footer-margin-right: 0;--terra-brand-footer-margin-top: 0;--terra-brand-footer-nav-background-color: #004c76;--terra-brand-footer-nav-color: #a6d9f4;--terra-brand-footer-nav-padding-bottom: 1rem;--terra-brand-footer-nav-padding-left: 1rem;--terra-brand-footer-nav-padding-right: 1rem;--terra-brand-footer-nav-padding-top: 1rem;--terra-brand-footer-vertical-nav-link-group-min-width: 240px;--terra-brand-footer-vertical-nav-link-group-padding-right: 1rem;--terra-brand-footer-vertical-nav-link-padding-bottom: 0.5rem;--terra-brand-footer-vertical-nav-link-padding-top: 0.5rem;--terra-brand-footer-vertical-nav-header-padding-bottom: 0.5rem;--terra-brand-footer-vertical-nav-header-padding-top: 0.5rem;--terra-brand-footer-horizontal-nav-first-link-before-padding-right: 1rem;--terra-brand-footer-horizontal-nav-link-separator-color: #a6d9f4;--terra-brand-footer-horizontal-nav-link-separator-padding-bottom: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-top: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-left: 0.5rem;--terra-brand-footer-horizontal-nav-link-separator-padding-right: 0.5rem;--terra-brand-footer-link-group-margin-bottom: 0;--terra-brand-footer-link-group-margin-top: 0;--terra-brand-footer-link-group-margin-left: 0;--terra-brand-footer-link-group-margin-right: 0;--terra-brand-footer-nav-header-color: #a6d9f4;--terra-brand-footer-nav-header-font-size: 1rem;--terra-brand-footer-nav-header-font-weight: 700;--terra-brand-footer-nav-header-line-height: 1.45;--terra-brand-footer-nav-header-text-transform: uppercase;--terra-brand-footer-link-color: #fff;--terra-brand-footer-nav-link-font-size: 1rem;--terra-brand-footer-nav-link-font-weight: 400;--terra-brand-footer-nav-link-line-height: 1.6;--terra-brand-footer-link-text-decoration: none;--terra-brand-footer-link-hover-color: #fff;--terra-brand-footer-link-hover-text-decoration: underline;--terra-brand-footer-link-active-color: #fff;--terra-brand-footer-link-active-text-decoration: underline;--terra-brand-footer-link-focus-color: #fff;--terra-brand-footer-link-focus-text-decoration: underline;--terra-brand-footer-footer-content-background-color: #004c76;--terra-brand-footer-footer-content-color: #a6d9f4;--terra-brand-footer-footer-content-padding-bottom: 1rem;--terra-brand-footer-footer-content-padding-top: 1rem;--terra-brand-footer-footer-content-padding-left: 1rem;--terra-brand-footer-footer-content-padding-right: 1rem;--terra-brand-footer-floating-content-margin-bottom: 0.5rem;--terra-brand-footer-content-bottom-margin-top: 0.5rem}.BrandFooter-module__clinical-lowlight-theme___2eyqm{--terra-brand-footer-margin-bottom: 0;--terra-brand-footer-margin-left: 0;--terra-brand-footer-margin-right: 0;--terra-brand-footer-margin-top: 0;--terra-brand-footer-nav-background-color: #153d70;--terra-brand-footer-nav-color: #8baaca;--terra-brand-footer-nav-padding-bottom: 0.7142857rem;--terra-brand-footer-nav-padding-left: 1.428571rem;--terra-brand-footer-nav-padding-right: 1.428571rem;--terra-brand-footer-nav-padding-top: 0.7142857rem;--terra-brand-footer-vertical-nav-link-group-min-width: 240px;--terra-brand-footer-vertical-nav-link-group-padding-right: 1.42857rem;--terra-brand-footer-vertical-nav-link-padding-bottom: 0.3571428rem;--terra-brand-footer-vertical-nav-link-padding-top: 0.3571428rem;--terra-brand-footer-vertical-nav-header-padding-bottom: 0.7142857rem;--terra-brand-footer-vertical-nav-header-padding-top: 1.42857rem;--terra-brand-footer-horizontal-nav-first-link-before-padding-right: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-color: #8baaca;--terra-brand-footer-horizontal-nav-link-separator-padding-bottom: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-top: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-left: 0.7142857rem;--terra-brand-footer-horizontal-nav-link-separator-padding-right: 0.7142857rem;--terra-brand-footer-link-group-margin-bottom: 0;--terra-brand-footer-link-group-margin-top: 0;--terra-brand-footer-link-group-margin-left: 0;--terra-brand-footer-link-group-margin-right: 0;--terra-brand-footer-nav-header-color: #4bb8ef;--terra-brand-footer-nav-header-font-size: 0.7857rem;--terra-brand-footer-nav-header-font-weight: 600;--terra-brand-footer-nav-header-line-height: 1.45;--terra-brand-footer-nav-header-text-transform: uppercase;--terra-brand-footer-link-color: #fff;--terra-brand-footer-nav-link-font-size: 1rem;--terra-brand-footer-nav-link-font-weight: 300;--terra-brand-footer-nav-link-line-height: 1.6;--terra-brand-footer-link-text-decoration: none;--terra-brand-footer-link-hover-color: #fff;--terra-brand-footer-link-hover-text-decoration: underline;--terra-brand-footer-link-active-color: #fff;--terra-brand-footer-link-active-text-decoration: underline;--terra-brand-footer-link-focus-color: #fff;--terra-brand-footer-link-focus-text-decoration: underline;--terra-brand-footer-footer-content-background-color: #153d70;--terra-brand-footer-footer-content-color: #fff;--terra-brand-footer-footer-content-padding-bottom: 1.42857rem;--terra-brand-footer-footer-content-padding-top: 1.42857rem;--terra-brand-footer-footer-content-padding-left: 1.42857rem;--terra-brand-footer-footer-content-padding-right: 1.42857rem;--terra-brand-footer-floating-content-margin-bottom: 0.7142857rem;--terra-brand-footer-content-bottom-margin-top: 0.7142857rem}[dir] .BrandFooter-module__brand-footer___mN-j9{margin-bottom:0;margin-bottom:var(--terra-brand-footer-margin-bottom, 0);margin-top:0;margin-top:var(--terra-brand-footer-margin-top, 0)}[dir=ltr] .BrandFooter-module__brand-footer___mN-j9{margin-left:0;margin-left:var(--terra-brand-footer-margin-left, 0);margin-right:0;margin-right:var(--terra-brand-footer-margin-right, 0)}[dir=rtl] .BrandFooter-module__brand-footer___mN-j9{margin-right:0;margin-right:var(--terra-brand-footer-margin-left, 0);margin-left:0;margin-left:var(--terra-brand-footer-margin-right, 0)}.BrandFooter-module__nav___U62TL{color:#8baaca;color:var(--terra-brand-footer-nav-color, #8baaca);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}[dir] .BrandFooter-module__nav___U62TL{background-color:#153d70;background-color:var(--terra-brand-footer-nav-background-color, #153d70);padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-nav-padding-bottom, 0.7142857143rem);padding-top:0.7142857143rem;padding-top:var(--terra-brand-footer-nav-padding-top, 0.7142857143rem)}[dir=ltr] .BrandFooter-module__nav___U62TL{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-nav-padding-left, 1.4285714286rem);padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-nav-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__nav___U62TL{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-nav-padding-left, 1.4285714286rem);padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-nav-padding-right, 1.4285714286rem)}.BrandFooter-module__nav-vertical___XWUBM{-ms-flex-line-pack:stretch;align-content:stretch;-ms-flex-direction:row;flex-direction:row}.BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__navigation-section___JyQ-s{-ms-flex:1 1 0%;flex:1 1 0%;min-width:240px;min-width:var(--terra-brand-footer-vertical-nav-link-group-min-width, 240px)}[dir=ltr] .BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__navigation-section___JyQ-s{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-vertical-nav-link-group-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__navigation-section___JyQ-s{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-vertical-nav-link-group-padding-right, 1.4285714286rem)}.BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__menu___Qajze{-ms-flex:1 1 0%;flex:1 1 0%;width:100%}[dir] .BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__menu___Qajze{margin-bottom:0;margin-top:0}.BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__list-item___zA0lU{display:block}[dir] .BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__list-item___zA0lU{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-brand-footer-vertical-nav-link-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-brand-footer-vertical-nav-link-padding-top, 0.3571428571rem)}.BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__list-header___Tk2cW{display:block}[dir] .BrandFooter-module__nav-vertical___XWUBM .BrandFooter-module__list-header___Tk2cW{margin-bottom:0;margin-top:0;padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-vertical-nav-header-padding-bottom, 0.7142857143rem);padding-top:1.4285714286rem;padding-top:var(--terra-brand-footer-vertical-nav-header-padding-top, 1.4285714286rem)}.BrandFooter-module__nav-horizontal___trn\+Y{-ms-flex-direction:column;flex-direction:column}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__navigation-section___JyQ-s{width:100%}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__menu___Qajze{display:inline}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-item___zA0lU{display:inline-block}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-header___Tk2cW{display:inline-block}[dir] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-header___Tk2cW{margin-bottom:0;margin-top:0}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-item___zA0lU:first-child::before{content:""}[dir] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-item___zA0lU:first-child::before{padding:0}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-header___Tk2cW+.BrandFooter-module__menu___Qajze::before{content:""}[dir=ltr] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-header___Tk2cW+.BrandFooter-module__menu___Qajze::before{padding-left:0;padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-first-link-before-padding-right, 0.7142857143rem)}[dir=rtl] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__list-header___Tk2cW+.BrandFooter-module__menu___Qajze::before{padding-right:0;padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-first-link-before-padding-right, 0.7142857143rem)}.BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__separator___MYmIF{color:#8baaca;color:var(--terra-brand-footer-horizontal-nav-link-separator-color, #8baaca)}[dir] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__separator___MYmIF{padding-bottom:0.7142857143rem;padding-bottom:var(--terra-brand-footer-horizontal-nav-link-separator-padding-bottom, 0.7142857143rem);padding-top:0.7142857143rem;padding-top:var(--terra-brand-footer-horizontal-nav-link-separator-padding-top, 0.7142857143rem)}[dir=ltr] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__separator___MYmIF{padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-link-separator-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-link-separator-padding-right, 0.7142857143rem)}[dir=rtl] .BrandFooter-module__nav-horizontal___trn\+Y .BrandFooter-module__separator___MYmIF{padding-right:0.7142857143rem;padding-right:var(--terra-brand-footer-horizontal-nav-link-separator-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-brand-footer-horizontal-nav-link-separator-padding-right, 0.7142857143rem)}[dir] .BrandFooter-module__navigation-section___JyQ-s{margin-bottom:0;margin-bottom:var(--terra-brand-footer-link-group-margin-bottom, 0);margin-top:0;margin-top:var(--terra-brand-footer-link-group-margin-top, 0)}[dir=ltr] .BrandFooter-module__navigation-section___JyQ-s{margin-left:0;margin-left:var(--terra-brand-footer-link-group-margin-left, 0);margin-right:0;margin-right:var(--terra-brand-footer-link-group-margin-right, 0)}[dir=rtl] .BrandFooter-module__navigation-section___JyQ-s{margin-right:0;margin-right:var(--terra-brand-footer-link-group-margin-left, 0);margin-left:0;margin-left:var(--terra-brand-footer-link-group-margin-right, 0)}.BrandFooter-module__menu___Qajze{list-style:none}[dir=ltr] .BrandFooter-module__menu___Qajze{padding-left:0;padding-right:0}[dir=rtl] .BrandFooter-module__menu___Qajze{padding-right:0;padding-left:0}.BrandFooter-module__list-header___Tk2cW{color:#4bb8ef;color:var(--terra-brand-footer-nav-header-color, #4bb8ef);font-size:0.7857rem;font-size:var(--terra-brand-footer-nav-header-font-size, 0.7857rem);font-weight:600;font-weight:var(--terra-brand-footer-nav-header-font-weight, 600);line-height:1.45;line-height:var(--terra-brand-footer-nav-header-line-height, 1.45);text-transform:uppercase;text-transform:var(--terra-brand-footer-nav-header-text-transform, uppercase)}.BrandFooter-module__link___APMEi{color:#fff;color:var(--terra-brand-footer-link-color, #fff);font-size:1rem;font-size:var(--terra-brand-footer-nav-link-font-size, 1rem);font-weight:300;font-weight:var(--terra-brand-footer-nav-link-font-weight, 300);line-height:1.6;line-height:var(--terra-brand-footer-nav-link-line-height, 1.6);-webkit-text-decoration:none;-webkit-text-decoration:var(--terra-brand-footer-link-text-decoration, none);text-decoration:none;text-decoration:var(--terra-brand-footer-link-text-decoration, none)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.BrandFooter-module__link___APMEi:hover{color:#fff;color:var(--terra-brand-footer-link-hover-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-hover-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-hover-text-decoration, underline)}}.BrandFooter-module__link___APMEi:active{color:#fff;color:var(--terra-brand-footer-link-active-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-active-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-active-text-decoration, underline)}.BrandFooter-module__link___APMEi:focus{color:#fff;color:var(--terra-brand-footer-link-focus-color, #fff);-webkit-text-decoration:underline;-webkit-text-decoration:var(--terra-brand-footer-link-focus-text-decoration, underline);text-decoration:underline;text-decoration:var(--terra-brand-footer-link-focus-text-decoration, underline)}.BrandFooter-module__footer-content___WHOs6{color:#fff;color:var(--terra-brand-footer-footer-content-color, #fff)}[dir] .BrandFooter-module__footer-content___WHOs6{background-color:#153d70;background-color:var(--terra-brand-footer-footer-content-background-color, #153d70);padding-bottom:1.4285714286rem;padding-bottom:var(--terra-brand-footer-footer-content-padding-bottom, 1.4285714286rem);padding-top:1.4285714286rem;padding-top:var(--terra-brand-footer-footer-content-padding-top, 1.4285714286rem)}[dir=ltr] .BrandFooter-module__footer-content___WHOs6{padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-footer-content-padding-left, 1.4285714286rem);padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-footer-content-padding-right, 1.4285714286rem)}[dir=rtl] .BrandFooter-module__footer-content___WHOs6{padding-right:1.4285714286rem;padding-right:var(--terra-brand-footer-footer-content-padding-left, 1.4285714286rem);padding-left:1.4285714286rem;padding-left:var(--terra-brand-footer-footer-content-padding-right, 1.4285714286rem)}.BrandFooter-module__content-top___BLm\+o{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}[dir] .BrandFooter-module__content-top___BLm\+o{margin-bottom:0.7142857143rem;margin-bottom:var(--terra-brand-footer-floating-content-margin-bottom, 0.7142857143rem)}[dir] .BrandFooter-module__content-bottom___gEEaI{margin-top:0.7142857143rem;margin-top:var(--terra-brand-footer-content-bottom-margin-top, 0.7142857143rem)} +.BrandFooterExampleCommon-module__content-left-anchor___AEqi3{color:#fff;text-decoration:none}[dir] .BrandFooterExampleCommon-module__content-left-anchor___AEqi3{background-color:rgba(0,0,0,0)}.BrandFooterExampleCommon-module__content-left-graphics___Is5CM{height:40px;vertical-align:middle;width:40px}[dir] .BrandFooterExampleCommon-module__content-left-graphics___Is5CM{border:0}.BrandFooterExampleCommon-module__content-left-text___cDHPx{letter-spacing:1px}.BrandFooterExampleCommon-module__weighted-text___9jxep{font-weight:100}.BrandFooterExampleCommon-module__content-right-graphics___Jjw6I{height:40px;vertical-align:top;width:90px}[dir] .BrandFooterExampleCommon-module__content-right-graphics___Jjw6I{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)} diff --git a/54627-d3a7f14ad2d0c6156dbb.js b/54627-d3a7f14ad2d0c6156dbb.js new file mode 100644 index 000000000..cda3e833e --- /dev/null +++ b/54627-d3a7f14ad2d0c6156dbb.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[54627,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],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(5556)),o=n(a(67967)),c=n(a(25642)),d=o.default.bind(c.default),i={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,o=l.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:d("badge-version")},"v".concat(r))),c=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,c)};u.propTypes=i;t.A=u},201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(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 a=p(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=r?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(n,o,c):n[o]=e[o]}return n.default=e,a&&a.set(e,n),n}(a(96540)),c=n(a(5556)),d=n(a(67967)),i=a(92912),u=n(a(49558)),f=n(a(53665)),s=a(25966),m=n(a(89986));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(p=function(e){return e?a:t})(e)}var h=d.default.bind(m.default),_={example:c.default.element,exampleSrc:c.default.element,exampleCssSrc:c.default.element,title:c.default.string,description:c.default.node,isExpanded:c.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,c=e.description,d=e.isExpanded,m=(0,o.useState)(d),p=(0,r.default)(m,2),_=p[0],x=p[1],b=(0,o.useState)(!1),y=(0,r.default)(b,2),E=y[0],Z=y[1],O=o.default.useContext(i.ThemeContext),M=void 0!==n,N=function(){Z(!E),_&&x(!_)},V=function(){x(!_),E&&Z(!E)},w=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",O.className)},o.default.createElement("div",{className:h("header")},l&&o.default.createElement("h2",{className:h("title")},l)),o.default.createElement("div",{className:h("content")},c&&o.default.createElement("div",{className:h("description")},c),t),o.default.createElement("div",{className:h("footer")},a?o.default.createElement("div",{className:h("button-container")},M&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":E}),onClick:N,onKeyDown:function(e){return w(e,N)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":_}),onClick:V,onKeyDown:function(e){return w(e,V)},onBlur:v,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(u.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:h("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:h("css")},n),_&&o.default.createElement("div",{className:h("code")},a))))};x.propTypes=_,x.defaultProps={isExpanded:!1};t.A=x},12883:function(e,t,a){var n=a(24994),l=a(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return i.Row}}),t.Ay=t.$d=void 0;var r=s(a(96540)),o=n(a(5556)),c=n(a(67967)),d=a(92912),i=s(a(26984)),u=n(a(89744));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a: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 a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var c=r?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(n,o,c):n[o]=e[o]}return n.default=e,a&&a.set(e,n),n}var m=c.default.bind(u.default),p={children:o.default.node},h={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return r.default.createElement(i.Cell,{className:m("bold")},t)}).propTypes=p,(t.$d=function(e){var t=e.children;return r.default.createElement(i.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.YZ=function(e){var t=e.isRequired;return r.default.createElement(i.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=h,(t.NZ=function(e){var t=e.children;return r.default.createElement(i.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.Hd=function(e){var t=e.children;return r.default.createElement(i.Cell,null,t)}).propTypes=p;var _=function(e){var t=e.children,a=(0,r.useContext)(d.ThemeContext);return r.default.createElement(i.default,{paddingStyle:"compact",className:m("table",a.className)},r.default.createElement(i.Header,{className:m("header")},r.default.createElement(i.HeaderCell,null,"Prop"),r.default.createElement(i.HeaderCell,null,"Type"),r.default.createElement(i.HeaderCell,null,"Required"),r.default.createElement(i.HeaderCell,null,"Default"),r.default.createElement(i.HeaderCell,null,"Description")),r.default.createElement(i.Body,null,t))};_.propTypes=p;t.Ay=_},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),l=i(a(5556)),r=i(a(67967)),o=i(a(52103)),c=i(a(36605)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 s=r.default.bind(c.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h={children:l.default.string},_=function(e){var t=e.children,a=f(e,d),l=n.default.useContext(o.default),c=(0,r.default)(s(["button",l.className]),a.className);return n.default.createElement("button",u({},a,{type:"button",className:c,onBlur:m,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};_.propTypes=h;t.default=_},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=d(a(67967)),o=d(a(52103)),c=d(a(17269));function d(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(c.default),u={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},f=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(o.default);return n.default.createElement("div",{className:i("notice",a,r.className)},n.default.createElement("div",{className:i("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:i("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:i("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:i("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:i("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:i("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};f.propTypes=u,f.defaultProps={ariaLevel:"2",variant:"important"};t.default=f},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),o=u(a(67967)),c=u(a(52103)),d=u(a(16576)),i=["title"];function u(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[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 m=o.default.bind(d.default),p={title:l.default.string},h=function(e){var t=e.title,a=s(e,i),l=n.default.useContext(c.default),o=(0,r.default)(m(["placeholder",l.className]),a.className),d=m(["inner"]);return n.default.createElement("div",f({},a,{className:o}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:m("title")},t)))};h.propTypes=p,h.defaultProps={title:""};t.default=h},74647:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=o(a(20999)),l=o(a(18778)),r=o(a(86159));function o(e){return e&&e.__esModule?e:{default:e}}},68158:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(40257)),o=n(a(67967)),c=n(a(62830)),d=o.default.bind(c.default);t.A=function(){return l.default.createElement(r.default,{isVertical:!1,sections:[{headerText:"Terra UI Links",links:[{text:"Terra UI",href:"http://terra-ui.com/"},{text:"Terra UI Components",href:"http://terra-ui.com/static/#/site/components"}]},{headerText:"Cerner Links",links:[{text:"Cerner Home",href:"https://www.cerner.com/"},{text:"Cerner Code",href:"https://code.cerner.com/",target:"_blank"}]}],contentLeft:l.default.createElement("a",{href:"http://terra-ui.com/","aria-label":"Terra UI Home",className:d("content-left-anchor")},l.default.createElement("svg",{className:d("content-left-graphics"),viewBox:"0 0 40 40"},l.default.createElement("path",{fill:"#80c7ee",d:"M33.07,10,18.77,1.78a2,2,0,0,0-1-.26,2.06,2.06,0,0,0-1,.26L2.51,10a2,2,0,0,0-1,1.7V28.26a2,2,0,0,0,1,1.7L16.8,38.22a2.06,2.06,0,0,0,1,.26,2,2,0,0,0,1-.26L33.07,30a2,2,0,0,0,1-1.7V11.74A2,2,0,0,0,33.07,10Z"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"26.56",cy:"12.77",r:"2"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"17.7",cy:"20.4",r:"7.3"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M28.22,27.5a2.16,2.16,0,0,1-.29-.43,2.2,2.2,0,0,1-.3.43,1.86,1.86,0,0,1-.45.39,2.11,2.11,0,0,1,.45.39,2.2,2.2,0,0,1,.3.43,2.16,2.16,0,0,1,.29-.43,2.74,2.74,0,0,1,.45-.39A2.33,2.33,0,0,1,28.22,27.5Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M7.76,12.68a2.49,2.49,0,0,1-.29-.43,2.49,2.49,0,0,1-.29.43,2.27,2.27,0,0,1-.45.38,2,2,0,0,1,.45.39,2.09,2.09,0,0,1,.29.42,2.42,2.42,0,0,1,.29-.42,1.79,1.79,0,0,1,.44-.39A2,2,0,0,1,7.76,12.68Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M7.47,12.25a2.49,2.49,0,0,0,.29.43,2,2,0,0,0,.44.38,1.79,1.79,0,0,0-.44.39,2.42,2.42,0,0,0-.29.42,2.09,2.09,0,0,0-.29-.42,2,2,0,0,0-.45-.39,2.27,2.27,0,0,0,.45-.38,2.49,2.49,0,0,0,.29-.43m0-1.28a2.92,2.92,0,0,1-.65,1.36,2.3,2.3,0,0,1-1.17.73,2.25,2.25,0,0,1,1.17.74,2.84,2.84,0,0,1,.65,1.35,2.74,2.74,0,0,1,.64-1.35,2.24,2.24,0,0,1,1.18-.74h0a2.24,2.24,0,0,1-1.18-.74A2.74,2.74,0,0,1,7.47,11Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M27.93,27.07a2.16,2.16,0,0,0,.29.43,2.33,2.33,0,0,0,.45.39,2.74,2.74,0,0,0-.45.39,2.16,2.16,0,0,0-.29.43,2.2,2.2,0,0,0-.3-.43,2.11,2.11,0,0,0-.45-.39,1.86,1.86,0,0,0,.45-.39,2.2,2.2,0,0,0,.3-.43m0-1.33a3,3,0,0,1-.67,1.39,2.33,2.33,0,0,1-1.21.76,2.29,2.29,0,0,1,1.21.76A3,3,0,0,1,27.93,30a2.85,2.85,0,0,1,.66-1.39,2.33,2.33,0,0,1,1.21-.76h0a2.33,2.33,0,0,1-1.21-.76,2.85,2.85,0,0,1-.66-1.39Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M26.56,10a2.76,2.76,0,0,0-1.43,5.12l0,.07c-.18.29-.38.6-.59.91a8,8,0,0,0-2.65-2.6,6.42,6.42,0,0,0-.68-.37A8.06,8.06,0,0,0,10.43,23.87a1.14,1.14,0,0,0,.1.19c-1.82,2.61-2.61,4.69-1.89,5.41a1.07,1.07,0,0,0,.77.26c1,0,2.67-.79,4.63-2.15l.19.09a8,8,0,0,0,3.47.79,8.07,8.07,0,0,0,8.05-8.06A7.87,7.87,0,0,0,25,16.93l-.09-.18c.32-.47.62-.92.87-1.35A2.76,2.76,0,1,0,26.56,10ZM10.4,20.4a7.31,7.31,0,0,1,7.3-7.3,7.22,7.22,0,0,1,3.14.71c.22.11.42.22.62.34A7.24,7.24,0,0,1,24,16.64a.64.64,0,0,1,.08.14,45.05,45.05,0,0,1-4.61,5.35,45.6,45.6,0,0,1-5.35,4.61l-.14-.08a7.5,7.5,0,0,1-2.49-2.49c-.12-.2-.23-.41-.33-.62A7.26,7.26,0,0,1,10.4,20.4Zm-1,8.66a.5.5,0,0,1-.3-.06c-.14-.14-.22-1.07,1.2-3.39.18-.3.37-.6.58-.91a8.12,8.12,0,0,0,2.51,2.51h0C10.93,28.88,9.78,29.06,9.41,29.06ZM25,20.4a7.31,7.31,0,0,1-10.26,6.68,46.62,46.62,0,0,0,5.15-4.48,45.62,45.62,0,0,0,4.48-5.16A7.35,7.35,0,0,1,25,20.4Zm1.56-5.63a2,2,0,0,1-.43,0,10.73,10.73,0,0,0,.67-1.49.69.69,0,0,0-.63-.2,9.19,9.19,0,0,1-.66,1.43,2,2,0,1,1,1,.3Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M17.79,1.52a2,2,0,0,1,1,.26L33.07,10a2,2,0,0,1,1,1.7V28.26a2,2,0,0,1-1,1.7l-14.3,8.26a2,2,0,0,1-1,.26,2.06,2.06,0,0,1-1-.26L2.5,30a2,2,0,0,1-1-1.7V11.74a2,2,0,0,1,1-1.7L16.8,1.78a2.06,2.06,0,0,1,1-.26m0-1.52A3.48,3.48,0,0,0,16,.47L1.74,8.72a3.51,3.51,0,0,0-1.74,3V28.26a3.51,3.51,0,0,0,1.74,3L16,39.53a3.48,3.48,0,0,0,1.75.47,3.44,3.44,0,0,0,1.74-.47l14.3-8.25a3.49,3.49,0,0,0,1.75-3V11.74a3.49,3.49,0,0,0-1.75-3L19.53.47A3.44,3.44,0,0,0,17.79,0Z"})),l.default.createElement("span",{className:d("content-left-text")},"Terra "),l.default.createElement("span",{className:d(["content-left-text","weighted-text"])},"UI")),contentRight:l.default.createElement("svg",{className:d("content-right-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 90 40"},l.default.createElement("path",{d:"M10.65,2.84a5,5,0,0,1,1,.1,2.75,2.75,0,0,1,.88.35,1.79,1.79,0,0,1,.6.65,2,2,0,0,1,.23,1,2.06,2.06,0,0,1-.11.65,1.88,1.88,0,0,1-.3.58,2.18,2.18,0,0,1-.47.44,1.74,1.74,0,0,1-.61.25v0A2,2,0,0,1,13.72,9a3.93,3.93,0,0,1,0,.46,2.11,2.11,0,0,1-.15.53,2.14,2.14,0,0,1-.31.54,1.9,1.9,0,0,1-.54.46,3.27,3.27,0,0,1-.84.32,4.69,4.69,0,0,1-1.2.13H7V2.84Zm0,3.76a2.68,2.68,0,0,0,.85-.12,1.7,1.7,0,0,0,.6-.31,1.31,1.31,0,0,0,.36-.46,1.39,1.39,0,0,0,.12-.57c0-1.07-.64-1.6-1.93-1.6H7.84V6.6Zm0,4.11a4.08,4.08,0,0,0,.87-.08,1.9,1.9,0,0,0,.72-.28,1.5,1.5,0,0,0,.49-.54A1.86,1.86,0,0,0,12.91,9a1.43,1.43,0,0,0-.58-1.24,2.85,2.85,0,0,0-1.68-.42H7.84v3.42Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M19.5,11.41V10.29h0a2.14,2.14,0,0,1-.87,1,2.51,2.51,0,0,1-1.27.33,2.68,2.68,0,0,1-1-.17,1.55,1.55,0,0,1-.67-.46,1.76,1.76,0,0,1-.38-.73,3.7,3.7,0,0,1-.12-1v-4h.75v4a2.06,2.06,0,0,0,.39,1.27,1.6,1.6,0,0,0,1.27.43,1.59,1.59,0,0,0,.84-.21,1.82,1.82,0,0,0,.58-.56,2.44,2.44,0,0,0,.33-.79,4.06,4.06,0,0,0,.11-.92V5.22h.76v6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M22.67,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M25.16,2.84v8.57h-.75V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M29.38,5.22v.63H28.12V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23s.43,0,.65,0v.63l-.34,0h-.33a1.48,1.48,0,0,1-1.06-.3,1.44,1.44,0,0,1-.29-1.08V5.85H26.28V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M34.59,5.22l1.58,5.3h0l1.51-5.3h.85l1.51,5.3h0l1.58-5.3h.8l-2,6.19h-.83L38.14,6.2h0L36.6,11.41h-.82l-2-6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M44.37,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M48.59,5.22v.63H47.33V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23l.65,0v.63l-.34,0h-.34a1.46,1.46,0,0,1-1-.3,1.44,1.44,0,0,1-.29-1.08V5.85H45.49V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M50.6,2.84V6.28h0a1.81,1.81,0,0,1,.77-.9A2.24,2.24,0,0,1,52.6,5a3.17,3.17,0,0,1,1.09.16,1.78,1.78,0,0,1,.7.48,1.76,1.76,0,0,1,.37.75,4.28,4.28,0,0,1,.11,1v4h-.76V7.54A3.35,3.35,0,0,0,54,6.81a1.62,1.62,0,0,0-.25-.6,1.12,1.12,0,0,0-.49-.39,1.72,1.72,0,0,0-.76-.15,2.09,2.09,0,0,0-.81.16,1.69,1.69,0,0,0-.6.45,2.09,2.09,0,0,0-.38.67,2.34,2.34,0,0,0-.15.85v3.61h-.76V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M.31,27.35c0,2,2,3.95,5.13,5-.63,3.16-.11,5.7,1.6,6.69s4.4.31,6.9-1.87c2.43,2.1,4.9,2.92,6.61,1.93s2.3-3.74,1.66-7c3.27-1.08,5.1-2.7,5.1-4.77s-2-3.71-5.09-4.78c.69-3.39.1-5.87-1.69-6.9s-4.21-.13-6.68,2c-2.57-2.28-5-3-6.82-1.94s-2.22,3.59-1.59,6.8C2.41,23.61.31,25.37.31,27.35Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M22.19,23.32l-.83-.26c.05-.19.09-.38.13-.57.63-3.07.22-5.54-1.19-6.35s-3.57,0-5.8,2c-.23.19-.44.39-.65.59l-.43-.4c-2.34-2.08-4.69-3-6.1-2.14s-1.75,3.11-1.18,6c.05.28.12.57.19.85-.33.1-.66.2-1,.31-2.75.95-4.5,2.45-4.5,4s1.88,3.22,4.74,4.2l.7.22c-.07.3-.14.61-.2.92-.54,2.86-.12,5.13,1.23,5.91s3.73,0,6-2l.54-.5c.23.22.47.43.71.64,2.2,1.89,4.38,2.66,5.73,1.88s1.84-3.24,1.25-6.21c0-.22-.1-.46-.15-.69l.48-.15c3-1,4.91-2.58,4.91-4.21s-1.81-3.07-4.62-4Z",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M21.55,30.52l-.44.13a24.86,24.86,0,0,0-1.31-3.28,26.19,26.19,0,0,0,1.26-3.24l.77.24c2.4.83,3.87,2.05,3.87,3s-1.58,2.31-4.15,3.16Zm-1.07,2.11a9.41,9.41,0,0,1,.13,3.42,2.33,2.33,0,0,1-.85,1.61c-.82.47-2.57-.14-4.45-1.76-.22-.19-.44-.39-.65-.6a26,26,0,0,0,2.17-2.76A25.37,25.37,0,0,0,20.34,32c.06.21.1.42.14.63ZM9.71,37.58a2.31,2.31,0,0,1-1.82.07c-.82-.47-1.16-2.3-.69-4.74,0-.29.12-.58.19-.86a28.35,28.35,0,0,0,3.49.51,27.73,27.73,0,0,0,2.23,2.75l-.5.45a9.22,9.22,0,0,1-2.9,1.82ZM6,30.51a9.23,9.23,0,0,1-3-1.61,2.29,2.29,0,0,1-1-1.54c0-.94,1.4-2.15,3.75-3l.9-.28a26.42,26.42,0,0,0,1.26,3.28,27.12,27.12,0,0,0-1.28,3.32ZM7.22,22c-.48-2.49-.16-4.37.65-4.84s2.79.21,4.81,2q.2.16.39.36a27.31,27.31,0,0,0-2.21,2.73,29.17,29.17,0,0,0-3.46.54L7.22,22Zm11.19,2.77c-.25-.44-.51-.88-.79-1.3a23.35,23.35,0,0,1,2.37.41,22.18,22.18,0,0,1-.83,2.24q-.36-.69-.75-1.35Zm-4.56-4.45c.51.55,1,1.17,1.53,1.84-1,0-2.05,0-3.07,0,.5-.66,1-1.28,1.54-1.84ZM9.26,24.74c-.26.44-.5.89-.73,1.34a22.83,22.83,0,0,1-.83-2.24,23,23,0,0,1,2.35-.4C9.78,23.87,9.51,24.3,9.26,24.74Zm.82,6.62A22.59,22.59,0,0,1,7.69,31a22.16,22.16,0,0,1,.84-2.29c.23.45.48.9.73,1.34S9.79,30.93,10.08,31.36Zm3.8,3.15a23,23,0,0,1-1.56-1.87c.5,0,1,0,1.52,0s1.05,0,1.56,0A23.2,23.2,0,0,1,13.88,34.51Zm5.29-5.86A22.77,22.77,0,0,1,20,30.93a23,23,0,0,1-2.42.41c.27-.43.54-.87.8-1.32s.51-.91.75-1.37Zm-1.71.82c-.4.68-.81,1.35-1.25,2-.77.05-1.56.08-2.37.08s-1.6,0-2.35-.07c-.45-.66-.87-1.33-1.27-2s-.76-1.38-1.11-2.09c.35-.71.71-1.41,1.11-2.09h0c.39-.69.81-1.35,1.26-2,.77-.05,1.56-.08,2.36-.08s1.59,0,2.36.08c.44.66.86,1.32,1.25,2s.77,1.38,1.12,2.08c-.34.71-.72,1.41-1.11,2.1ZM19.74,17.1c.87.5,1.21,2.52.66,5.17,0,.17-.07.34-.11.51a25.73,25.73,0,0,0-3.47-.54,25.51,25.51,0,0,0-2.19-2.74c.19-.19.39-.37.59-.55,1.92-1.67,3.71-2.32,4.52-1.85Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M13.84,25a2.32,2.32,0,1,1-2.32,2.32A2.31,2.31,0,0,1,13.84,25",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M39.57,35.59,35.35,29H32v6.62H29.93V18.94h6.69c3.05,0,5.24,1.95,5.24,5a4.62,4.62,0,0,1-4.34,4.84L42,35.59ZM39.72,24a3.11,3.11,0,0,0-3.35-3.17H32v6.36h4.36A3.14,3.14,0,0,0,39.72,24Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M43.61,29.55a6,6,0,0,1,5.94-6.32c3.64,0,5.79,2.85,5.79,6.47v.47H45.6a4.23,4.23,0,0,0,4.32,4.17,5.22,5.22,0,0,0,3.74-1.55l.9,1.22a6.63,6.63,0,0,1-4.79,1.88A6,6,0,0,1,43.61,29.55Zm5.91-4.77a4,4,0,0,0-3.94,4h7.91A3.9,3.9,0,0,0,49.52,24.78Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M65.89,35.59V34.21a5.17,5.17,0,0,1-4,1.68,4,4,0,0,1-4.19-4,3.9,3.9,0,0,1,4.19-4,5.08,5.08,0,0,1,4,1.62V27.38c0-1.6-1.3-2.52-3-2.52a4.73,4.73,0,0,0-3.7,1.67l-.87-1.3a6.3,6.3,0,0,1,4.82-2c2.57,0,4.66,1.15,4.66,4.07v8.29Zm0-2.55V30.75a4.06,4.06,0,0,0-3.29-1.48,2.66,2.66,0,1,0,0,5.27A4,4,0,0,0,65.89,33Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M70.83,29.55c0-3.57,2.42-6.32,6-6.32a5.15,5.15,0,0,1,4.42,2.1L80,26.45a3.55,3.55,0,0,0-3.07-1.54c-2.54,0-4.16,2-4.16,4.64s1.62,4.66,4.16,4.66A3.63,3.63,0,0,0,80,32.64l1.25,1.15a5.15,5.15,0,0,1-4.42,2.1C73.25,35.89,70.83,33.12,70.83,29.55Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M84.28,33.07V25.18h-2V23.53h2V20.24h1.9v3.29h2.44v1.65H86.18v7.49c0,.89.4,1.54,1.19,1.54a1.81,1.81,0,0,0,1.28-.52l.55,1.42a3,3,0,0,1-2.22.78C85.18,35.89,84.28,34.86,84.28,33.07Z",fill:"#f1f1f2"})),contentBottom:l.default.createElement("span",null,l.default.createElement("small",null,'Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").'))})}},44471:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(40257)),o=n(a(67967)),c=n(a(62830)),d=o.default.bind(c.default);t.A=function(){return l.default.createElement(r.default,{isVertical:!0,sections:[{headerText:"Terra UI Links",links:[{text:"Terra UI",href:"http://terra-ui.com/"},{text:"Terra UI Components",href:"http://terra-ui.com/static/#/site/components"}]},{headerText:"Cerner Links",links:[{text:"Cerner Home",href:"https://www.cerner.com/"},{text:"Cerner Code",href:"https://code.cerner.com/",target:"_blank"}]}],contentLeft:l.default.createElement("a",{href:"http://terra-ui.com/","aria-label":"Terra UI Home",className:d("content-left-anchor")},l.default.createElement("svg",{className:d("content-left-graphics"),viewBox:"0 0 40 40"},l.default.createElement("path",{fill:"#80c7ee",d:"M33.07,10,18.77,1.78a2,2,0,0,0-1-.26,2.06,2.06,0,0,0-1,.26L2.51,10a2,2,0,0,0-1,1.7V28.26a2,2,0,0,0,1,1.7L16.8,38.22a2.06,2.06,0,0,0,1,.26,2,2,0,0,0,1-.26L33.07,30a2,2,0,0,0,1-1.7V11.74A2,2,0,0,0,33.07,10Z"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"26.56",cy:"12.77",r:"2"}),l.default.createElement("circle",{fill:"#f1f1f2",cx:"17.7",cy:"20.4",r:"7.3"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M28.22,27.5a2.16,2.16,0,0,1-.29-.43,2.2,2.2,0,0,1-.3.43,1.86,1.86,0,0,1-.45.39,2.11,2.11,0,0,1,.45.39,2.2,2.2,0,0,1,.3.43,2.16,2.16,0,0,1,.29-.43,2.74,2.74,0,0,1,.45-.39A2.33,2.33,0,0,1,28.22,27.5Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M7.76,12.68a2.49,2.49,0,0,1-.29-.43,2.49,2.49,0,0,1-.29.43,2.27,2.27,0,0,1-.45.38,2,2,0,0,1,.45.39,2.09,2.09,0,0,1,.29.42,2.42,2.42,0,0,1,.29-.42,1.79,1.79,0,0,1,.44-.39A2,2,0,0,1,7.76,12.68Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M7.47,12.25a2.49,2.49,0,0,0,.29.43,2,2,0,0,0,.44.38,1.79,1.79,0,0,0-.44.39,2.42,2.42,0,0,0-.29.42,2.09,2.09,0,0,0-.29-.42,2,2,0,0,0-.45-.39,2.27,2.27,0,0,0,.45-.38,2.49,2.49,0,0,0,.29-.43m0-1.28a2.92,2.92,0,0,1-.65,1.36,2.3,2.3,0,0,1-1.17.73,2.25,2.25,0,0,1,1.17.74,2.84,2.84,0,0,1,.65,1.35,2.74,2.74,0,0,1,.64-1.35,2.24,2.24,0,0,1,1.18-.74h0a2.24,2.24,0,0,1-1.18-.74A2.74,2.74,0,0,1,7.47,11Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M27.93,27.07a2.16,2.16,0,0,0,.29.43,2.33,2.33,0,0,0,.45.39,2.74,2.74,0,0,0-.45.39,2.16,2.16,0,0,0-.29.43,2.2,2.2,0,0,0-.3-.43,2.11,2.11,0,0,0-.45-.39,1.86,1.86,0,0,0,.45-.39,2.2,2.2,0,0,0,.3-.43m0-1.33a3,3,0,0,1-.67,1.39,2.33,2.33,0,0,1-1.21.76,2.29,2.29,0,0,1,1.21.76A3,3,0,0,1,27.93,30a2.85,2.85,0,0,1,.66-1.39,2.33,2.33,0,0,1,1.21-.76h0a2.33,2.33,0,0,1-1.21-.76,2.85,2.85,0,0,1-.66-1.39Z"}),l.default.createElement("path",{fill:"#047cc0",d:"M26.56,10a2.76,2.76,0,0,0-1.43,5.12l0,.07c-.18.29-.38.6-.59.91a8,8,0,0,0-2.65-2.6,6.42,6.42,0,0,0-.68-.37A8.06,8.06,0,0,0,10.43,23.87a1.14,1.14,0,0,0,.1.19c-1.82,2.61-2.61,4.69-1.89,5.41a1.07,1.07,0,0,0,.77.26c1,0,2.67-.79,4.63-2.15l.19.09a8,8,0,0,0,3.47.79,8.07,8.07,0,0,0,8.05-8.06A7.87,7.87,0,0,0,25,16.93l-.09-.18c.32-.47.62-.92.87-1.35A2.76,2.76,0,1,0,26.56,10ZM10.4,20.4a7.31,7.31,0,0,1,7.3-7.3,7.22,7.22,0,0,1,3.14.71c.22.11.42.22.62.34A7.24,7.24,0,0,1,24,16.64a.64.64,0,0,1,.08.14,45.05,45.05,0,0,1-4.61,5.35,45.6,45.6,0,0,1-5.35,4.61l-.14-.08a7.5,7.5,0,0,1-2.49-2.49c-.12-.2-.23-.41-.33-.62A7.26,7.26,0,0,1,10.4,20.4Zm-1,8.66a.5.5,0,0,1-.3-.06c-.14-.14-.22-1.07,1.2-3.39.18-.3.37-.6.58-.91a8.12,8.12,0,0,0,2.51,2.51h0C10.93,28.88,9.78,29.06,9.41,29.06ZM25,20.4a7.31,7.31,0,0,1-10.26,6.68,46.62,46.62,0,0,0,5.15-4.48,45.62,45.62,0,0,0,4.48-5.16A7.35,7.35,0,0,1,25,20.4Zm1.56-5.63a2,2,0,0,1-.43,0,10.73,10.73,0,0,0,.67-1.49.69.69,0,0,0-.63-.2,9.19,9.19,0,0,1-.66,1.43,2,2,0,1,1,1,.3Z"}),l.default.createElement("path",{fill:"#f1f1f2",d:"M17.79,1.52a2,2,0,0,1,1,.26L33.07,10a2,2,0,0,1,1,1.7V28.26a2,2,0,0,1-1,1.7l-14.3,8.26a2,2,0,0,1-1,.26,2.06,2.06,0,0,1-1-.26L2.5,30a2,2,0,0,1-1-1.7V11.74a2,2,0,0,1,1-1.7L16.8,1.78a2.06,2.06,0,0,1,1-.26m0-1.52A3.48,3.48,0,0,0,16,.47L1.74,8.72a3.51,3.51,0,0,0-1.74,3V28.26a3.51,3.51,0,0,0,1.74,3L16,39.53a3.48,3.48,0,0,0,1.75.47,3.44,3.44,0,0,0,1.74-.47l14.3-8.25a3.49,3.49,0,0,0,1.75-3V11.74a3.49,3.49,0,0,0-1.75-3L19.53.47A3.44,3.44,0,0,0,17.79,0Z"})),l.default.createElement("span",{className:d("content-left-text")},"Terra "),l.default.createElement("span",{className:d(["content-left-text","weighted-text"])},"UI")),contentRight:l.default.createElement("svg",{className:d("content-right-graphics"),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 90 40"},l.default.createElement("path",{d:"M10.65,2.84a5,5,0,0,1,1,.1,2.75,2.75,0,0,1,.88.35,1.79,1.79,0,0,1,.6.65,2,2,0,0,1,.23,1,2.06,2.06,0,0,1-.11.65,1.88,1.88,0,0,1-.3.58,2.18,2.18,0,0,1-.47.44,1.74,1.74,0,0,1-.61.25v0A2,2,0,0,1,13.72,9a3.93,3.93,0,0,1,0,.46,2.11,2.11,0,0,1-.15.53,2.14,2.14,0,0,1-.31.54,1.9,1.9,0,0,1-.54.46,3.27,3.27,0,0,1-.84.32,4.69,4.69,0,0,1-1.2.13H7V2.84Zm0,3.76a2.68,2.68,0,0,0,.85-.12,1.7,1.7,0,0,0,.6-.31,1.31,1.31,0,0,0,.36-.46,1.39,1.39,0,0,0,.12-.57c0-1.07-.64-1.6-1.93-1.6H7.84V6.6Zm0,4.11a4.08,4.08,0,0,0,.87-.08,1.9,1.9,0,0,0,.72-.28,1.5,1.5,0,0,0,.49-.54A1.86,1.86,0,0,0,12.91,9a1.43,1.43,0,0,0-.58-1.24,2.85,2.85,0,0,0-1.68-.42H7.84v3.42Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M19.5,11.41V10.29h0a2.14,2.14,0,0,1-.87,1,2.51,2.51,0,0,1-1.27.33,2.68,2.68,0,0,1-1-.17,1.55,1.55,0,0,1-.67-.46,1.76,1.76,0,0,1-.38-.73,3.7,3.7,0,0,1-.12-1v-4h.75v4a2.06,2.06,0,0,0,.39,1.27,1.6,1.6,0,0,0,1.27.43,1.59,1.59,0,0,0,.84-.21,1.82,1.82,0,0,0,.58-.56,2.44,2.44,0,0,0,.33-.79,4.06,4.06,0,0,0,.11-.92V5.22h.76v6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M22.67,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M25.16,2.84v8.57h-.75V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M29.38,5.22v.63H28.12V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23s.43,0,.65,0v.63l-.34,0h-.33a1.48,1.48,0,0,1-1.06-.3,1.44,1.44,0,0,1-.29-1.08V5.85H26.28V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M34.59,5.22l1.58,5.3h0l1.51-5.3h.85l1.51,5.3h0l1.58-5.3h.8l-2,6.19h-.83L38.14,6.2h0L36.6,11.41h-.82l-2-6.19Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M44.37,2.84V4.05h-.76V2.84Zm0,2.38v6.19h-.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M48.59,5.22v.63H47.33V10a1.31,1.31,0,0,0,.1.58c.07.14.24.22.51.23l.65,0v.63l-.34,0h-.34a1.46,1.46,0,0,1-1-.3,1.44,1.44,0,0,1-.29-1.08V5.85H45.49V5.22h1.08V3.36h.76V5.22Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M50.6,2.84V6.28h0a1.81,1.81,0,0,1,.77-.9A2.24,2.24,0,0,1,52.6,5a3.17,3.17,0,0,1,1.09.16,1.78,1.78,0,0,1,.7.48,1.76,1.76,0,0,1,.37.75,4.28,4.28,0,0,1,.11,1v4h-.76V7.54A3.35,3.35,0,0,0,54,6.81a1.62,1.62,0,0,0-.25-.6,1.12,1.12,0,0,0-.49-.39,1.72,1.72,0,0,0-.76-.15,2.09,2.09,0,0,0-.81.16,1.69,1.69,0,0,0-.6.45,2.09,2.09,0,0,0-.38.67,2.34,2.34,0,0,0-.15.85v3.61h-.76V2.84Z",fill:"#9ad4ed"}),l.default.createElement("path",{d:"M.31,27.35c0,2,2,3.95,5.13,5-.63,3.16-.11,5.7,1.6,6.69s4.4.31,6.9-1.87c2.43,2.1,4.9,2.92,6.61,1.93s2.3-3.74,1.66-7c3.27-1.08,5.1-2.7,5.1-4.77s-2-3.71-5.09-4.78c.69-3.39.1-5.87-1.69-6.9s-4.21-.13-6.68,2c-2.57-2.28-5-3-6.82-1.94s-2.22,3.59-1.59,6.8C2.41,23.61.31,25.37.31,27.35Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M22.19,23.32l-.83-.26c.05-.19.09-.38.13-.57.63-3.07.22-5.54-1.19-6.35s-3.57,0-5.8,2c-.23.19-.44.39-.65.59l-.43-.4c-2.34-2.08-4.69-3-6.1-2.14s-1.75,3.11-1.18,6c.05.28.12.57.19.85-.33.1-.66.2-1,.31-2.75.95-4.5,2.45-4.5,4s1.88,3.22,4.74,4.2l.7.22c-.07.3-.14.61-.2.92-.54,2.86-.12,5.13,1.23,5.91s3.73,0,6-2l.54-.5c.23.22.47.43.71.64,2.2,1.89,4.38,2.66,5.73,1.88s1.84-3.24,1.25-6.21c0-.22-.1-.46-.15-.69l.48-.15c3-1,4.91-2.58,4.91-4.21s-1.81-3.07-4.62-4Z",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M21.55,30.52l-.44.13a24.86,24.86,0,0,0-1.31-3.28,26.19,26.19,0,0,0,1.26-3.24l.77.24c2.4.83,3.87,2.05,3.87,3s-1.58,2.31-4.15,3.16Zm-1.07,2.11a9.41,9.41,0,0,1,.13,3.42,2.33,2.33,0,0,1-.85,1.61c-.82.47-2.57-.14-4.45-1.76-.22-.19-.44-.39-.65-.6a26,26,0,0,0,2.17-2.76A25.37,25.37,0,0,0,20.34,32c.06.21.1.42.14.63ZM9.71,37.58a2.31,2.31,0,0,1-1.82.07c-.82-.47-1.16-2.3-.69-4.74,0-.29.12-.58.19-.86a28.35,28.35,0,0,0,3.49.51,27.73,27.73,0,0,0,2.23,2.75l-.5.45a9.22,9.22,0,0,1-2.9,1.82ZM6,30.51a9.23,9.23,0,0,1-3-1.61,2.29,2.29,0,0,1-1-1.54c0-.94,1.4-2.15,3.75-3l.9-.28a26.42,26.42,0,0,0,1.26,3.28,27.12,27.12,0,0,0-1.28,3.32ZM7.22,22c-.48-2.49-.16-4.37.65-4.84s2.79.21,4.81,2q.2.16.39.36a27.31,27.31,0,0,0-2.21,2.73,29.17,29.17,0,0,0-3.46.54L7.22,22Zm11.19,2.77c-.25-.44-.51-.88-.79-1.3a23.35,23.35,0,0,1,2.37.41,22.18,22.18,0,0,1-.83,2.24q-.36-.69-.75-1.35Zm-4.56-4.45c.51.55,1,1.17,1.53,1.84-1,0-2.05,0-3.07,0,.5-.66,1-1.28,1.54-1.84ZM9.26,24.74c-.26.44-.5.89-.73,1.34a22.83,22.83,0,0,1-.83-2.24,23,23,0,0,1,2.35-.4C9.78,23.87,9.51,24.3,9.26,24.74Zm.82,6.62A22.59,22.59,0,0,1,7.69,31a22.16,22.16,0,0,1,.84-2.29c.23.45.48.9.73,1.34S9.79,30.93,10.08,31.36Zm3.8,3.15a23,23,0,0,1-1.56-1.87c.5,0,1,0,1.52,0s1.05,0,1.56,0A23.2,23.2,0,0,1,13.88,34.51Zm5.29-5.86A22.77,22.77,0,0,1,20,30.93a23,23,0,0,1-2.42.41c.27-.43.54-.87.8-1.32s.51-.91.75-1.37Zm-1.71.82c-.4.68-.81,1.35-1.25,2-.77.05-1.56.08-2.37.08s-1.6,0-2.35-.07c-.45-.66-.87-1.33-1.27-2s-.76-1.38-1.11-2.09c.35-.71.71-1.41,1.11-2.09h0c.39-.69.81-1.35,1.26-2,.77-.05,1.56-.08,2.36-.08s1.59,0,2.36.08c.44.66.86,1.32,1.25,2s.77,1.38,1.12,2.08c-.34.71-.72,1.41-1.11,2.1ZM19.74,17.1c.87.5,1.21,2.52.66,5.17,0,.17-.07.34-.11.51a25.73,25.73,0,0,0-3.47-.54,25.51,25.51,0,0,0-2.19-2.74c.19-.19.39-.37.59-.55,1.92-1.67,3.71-2.32,4.52-1.85Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M13.84,25a2.32,2.32,0,1,1-2.32,2.32A2.31,2.31,0,0,1,13.84,25",fill:"#5fc1ed"}),l.default.createElement("path",{d:"M39.57,35.59,35.35,29H32v6.62H29.93V18.94h6.69c3.05,0,5.24,1.95,5.24,5a4.62,4.62,0,0,1-4.34,4.84L42,35.59ZM39.72,24a3.11,3.11,0,0,0-3.35-3.17H32v6.36h4.36A3.14,3.14,0,0,0,39.72,24Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M43.61,29.55a6,6,0,0,1,5.94-6.32c3.64,0,5.79,2.85,5.79,6.47v.47H45.6a4.23,4.23,0,0,0,4.32,4.17,5.22,5.22,0,0,0,3.74-1.55l.9,1.22a6.63,6.63,0,0,1-4.79,1.88A6,6,0,0,1,43.61,29.55Zm5.91-4.77a4,4,0,0,0-3.94,4h7.91A3.9,3.9,0,0,0,49.52,24.78Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M65.89,35.59V34.21a5.17,5.17,0,0,1-4,1.68,4,4,0,0,1-4.19-4,3.9,3.9,0,0,1,4.19-4,5.08,5.08,0,0,1,4,1.62V27.38c0-1.6-1.3-2.52-3-2.52a4.73,4.73,0,0,0-3.7,1.67l-.87-1.3a6.3,6.3,0,0,1,4.82-2c2.57,0,4.66,1.15,4.66,4.07v8.29Zm0-2.55V30.75a4.06,4.06,0,0,0-3.29-1.48,2.66,2.66,0,1,0,0,5.27A4,4,0,0,0,65.89,33Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M70.83,29.55c0-3.57,2.42-6.32,6-6.32a5.15,5.15,0,0,1,4.42,2.1L80,26.45a3.55,3.55,0,0,0-3.07-1.54c-2.54,0-4.16,2-4.16,4.64s1.62,4.66,4.16,4.66A3.63,3.63,0,0,0,80,32.64l1.25,1.15a5.15,5.15,0,0,1-4.42,2.1C73.25,35.89,70.83,33.12,70.83,29.55Z",fill:"#f1f1f2"}),l.default.createElement("path",{d:"M84.28,33.07V25.18h-2V23.53h2V20.24h1.9v3.29h2.44v1.65H86.18v7.49c0,.89.4,1.54,1.19,1.54a1.81,1.81,0,0,0,1.28-.52l.55,1.42a3,3,0,0,1-2.22.78C85.18,35.89,84.28,34.86,84.28,33.07Z",fill:"#f1f1f2"})),contentBottom:l.default.createElement("span",null,l.default.createElement("small",null,'Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").'))})}},54627:function(e,t,a){a.r(t),a.d(t,{default:function(){return S}});var n=a(96540),l=a(36665),r=a(74647),o=a(65072),c=a(12883),d=["components"];function i(){return i=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 f={},s="wrapper";function m(e){var t=e.components,a=u(e,d);return(0,l.mdx)(s,i({},f,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(c.Ay,{mdxType:"PropsTable"},(0,l.mdx)(c.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(c.dt,{mdxType:"PropNameCell"},"sections"),(0,l.mdx)(c.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n headerText: {\n type: 'string',\n description: 'The optional text to display as a header',\n },\n links: {\n arrayOf: [{\n shape: {\n text: {\n type: 'string',\n required: true,\n description: 'Text to be displayed as navigational link.',\n },\n href: {\n type: 'string',\n required: true,\n description: 'URL of the navigational link.',\n },\n target: {\n type: 'string',\n description: 'Attribute to open on same or different tab on clicking the navigational link.',\n },\n },\n }],\n },\n },\n}],\n"))),(0,l.mdx)(c.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(c.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A set of navigation links to be displayed with optional headers."),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre"},"Array structured like:\n[\n {\n headerText: string,\n links: [\n text: required string,\n href: required string,\n target: string,\n ],\n },\n]\n")))),(0,l.mdx)(c.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(c.dt,{mdxType:"PropNameCell"},"isVertical"),(0,l.mdx)(c.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(c.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(c.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"If true link sections will be laid out from top to bottom, then left to right if the max width is reached"))),(0,l.mdx)(c.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(c.dt,{mdxType:"PropNameCell"},"contentLeft"),(0,l.mdx)(c.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(c.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(c.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The content to be displayed in left side area of the footer."))),(0,l.mdx)(c.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(c.dt,{mdxType:"PropNameCell"},"contentRight"),(0,l.mdx)(c.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(c.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(c.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The content to be displayed in right side area of the footer."))),(0,l.mdx)(c.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(c.dt,{mdxType:"PropNameCell"},"contentBottom"),(0,l.mdx)(c.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(c.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(c.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,l.mdx)(c.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The content to be displayed in bottom area of the footer.")))))}m.isMDXComponent=!0;var p=a(68158),h=["components"];function _(){return _=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={};function x(e){var t=e.components,a=v(e,h);return(0,l.mdx)("wrapper",_({},g,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\n\nimport BrandFooter from \'terra-brand-footer\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BrandFooterExampleCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n \n \n \n \n \n \n \n \n \n \n \n \n Terra \n UI\n \n)}\n contentRight={(\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)}\n contentBottom={(\n \n Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").\n \n)}\n />\n);\n\n')))}x.isMDXComponent=!0;var b=a(201),y=["components"];function E(){return E=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 O={};function M(e){var t=e.components,a=Z(e,y);return(0,l.mdx)("wrapper",E({},O,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-left-anchor {\n background-color: transparent;\n color: #fff;\n text-decoration: none;\n }\n\n .content-left-graphics {\n border: 0;\n height: 40px; // setting this explicity for IE11\n vertical-align: middle;\n width: 40px; // setting this explicity for IE11\n }\n\n .content-left-text {\n letter-spacing: 1px;\n }\n\n .weighted-text {\n font-weight: 100;\n }\n\n .content-right-graphics {\n border: 0;\n height: 40px;\n vertical-align: top;\n width: 90px;\n }\n}\n\n")))}M.isMDXComponent=!0;var N=function(e){var t=e.title,a=e.description,l=e.isExpanded;return n.createElement(b.A,{title:t||"Default Brand Footer",description:a,example:n.createElement(p.A,null),exampleCssSrc:n.createElement(M,null),exampleSrc:n.createElement(x,null),isExpanded:l})},V=a(44471),w=["components"];function T(){return T=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 j={};function C(e){var t=e.components,a=A(e,w);return(0,l.mdx)("wrapper",T({},j,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\n\nimport BrandFooter from \'terra-brand-footer\';\nimport classNames from \'classnames/bind\';\nimport styles from \'./BrandFooterExampleCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n \n \n \n \n \n \n \n \n \n \n \n \n Terra \n UI\n \n)}\n contentRight={(\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n)}\n contentBottom={(\n \n Copyright 2018 - 2020 Cerner Innovation, Inc. Licensed under the Apache License, Version 2.0 (the "License").\n \n)}\n />\n);\n\n')))}C.isMDXComponent=!0;var P=function(e){var t=e.title,a=e.description,l=e.isExpanded;return n.createElement(b.A,{title:t||"Vertical Brand Footer",description:a,example:n.createElement(V.A,null),exampleCssSrc:n.createElement(M,null),exampleSrc:n.createElement(C,null),isExpanded:l})},L=["components"];function k(){return k=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 H={},I="wrapper";function S(e){var t=e.components,a=B(e,L);return(0,l.mdx)(I,k({},H,a,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(o.E,{mdxType:"Badge"}),(0,l.mdx)("p",null,(0,l.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/tree/main/packages/terra-brand-footer#readme"},(0,l.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,l.mdx)("h1",{id:"terra-brand-footer"},"Terra Brand Footer"),(0,l.mdx)(r.Notice,{variant:"deprecation",mdxType:"Notice"},(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"terra-brand-footer")," is no longer supported. If you are using ",(0,l.mdx)("inlineCode",{parentName:"p"},"terra-brand-footer"),", consider replacing it with a supported component.")),(0,l.mdx)("p",null,"A standard footer for application layout which provides content areas to display options such as branding, copyright information, logo and navigation to related pages."),(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-brand-footer"))))),(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)("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#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(N,{title:"BrandFooter - Default",mdxType:"DefaultBrandFooter"}),(0,l.mdx)(P,{title:"BrandFooter - Vertical Navigation Bar",mdxType:"VerticalBrandFooter"}),(0,l.mdx)("h2",{id:"brand-footer-props-table"},"Brand Footer props table"),(0,l.mdx)(m,{mdxType:"BrandFooterPropsTable"}))}S.isMDXComponent=!0},65072: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-framework/tree/main/packages/terra-brand-footer",name:"terra-brand-footer",version:"3.12.0",url:t})}},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"}},89986:function(e,t,a){a.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,a){a.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"}},36605:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},62830:function(e,t,a){a.r(t),t.default={"content-left-anchor":"BrandFooterExampleCommon-module__content-left-anchor___AEqi3","content-left-graphics":"BrandFooterExampleCommon-module__content-left-graphics___Is5CM","content-left-text":"BrandFooterExampleCommon-module__content-left-text___cDHPx","weighted-text":"BrandFooterExampleCommon-module__weighted-text___9jxep","content-right-graphics":"BrandFooterExampleCommon-module__content-right-graphics___Jjw6I"}},36729:function(e,t,a){a.r(t),t.default={"orion-fusion-theme":"BrandFooter-module__orion-fusion-theme___Y9UQ6","clinical-lowlight-theme":"BrandFooter-module__clinical-lowlight-theme___2eyqm","brand-footer":"BrandFooter-module__brand-footer___mN-j9",nav:"BrandFooter-module__nav___U62TL","nav-vertical":"BrandFooter-module__nav-vertical___XWUBM","navigation-section":"BrandFooter-module__navigation-section___JyQ-s",menu:"BrandFooter-module__menu___Qajze","list-item":"BrandFooter-module__list-item___zA0lU","list-header":"BrandFooter-module__list-header___Tk2cW","nav-horizontal":"BrandFooter-module__nav-horizontal___trn+Y",separator:"BrandFooter-module__separator___MYmIF",link:"BrandFooter-module__link___APMEi","footer-content":"BrandFooter-module__footer-content___WHOs6","content-top":"BrandFooter-module__content-top___BLm+o","content-bottom":"BrandFooter-module__content-bottom___gEEaI"}},78482:function(e,t,a){a.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"}},40257:function(e,t,a){var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(94634)),r=n(a(91847)),o=n(a(96540)),c=n(a(5556)),d=n(a(46942)),i=n(a(67967)),u=n(a(52103)),f=n(a(36729)),s=["sections","isVertical","contentLeft","contentRight","contentBottom"],m=i.default.bind(f.default),p={sections:c.default.arrayOf(c.default.shape({headerText:c.default.string,links:c.default.arrayOf(c.default.shape({text:c.default.string.isRequired,href:c.default.string.isRequired,target:c.default.string}))})),isVertical:c.default.bool,contentLeft:c.default.node,contentRight:c.default.node,contentBottom:c.default.node},h=function(e){for(var t=e.sections,a=e.isVertical,n=e.contentLeft,c=e.contentRight,i=e.contentBottom,f=(0,r.default)(e,s),p=o.default.useContext(u.default),h=(0,d.default)(m("brand-footer",p.className),f.className),_=t,v=0;v<_.length;v+=1)_[v].id=v;var g,x=_.some((function(e){return e.headerText}));return _.length>0&&(g=o.default.createElement("nav",{className:m("nav",a?"nav-vertical":"nav-horizontal")},_.map((function(e){return o.default.createElement("section",{className:m("navigation-section"),key:e.id},(x&&a||e.headerText)&&o.default.createElement("h3",{className:m("list-header"),key:e.headerText},e.headerText||"​"),o.default.createElement("ul",{className:m("menu")},e.links&&e.links.map((function(e,t){var n=void 0!==e.target?{target:e.target}:{},r=!a&&t>=1?o.default.createElement("span",{className:m("separator"),"aria-hidden":!0},"/"):"";return o.default.createElement("li",{className:m("list-item"),key:e.text+e.href},r,o.default.createElement("a",(0,l.default)({className:m("link"),href:e.href},n),e.text))}))))})))),o.default.createElement("footer",(0,l.default)({role:"contentinfo"},f,{className:h}),g,o.default.createElement("div",{className:m("footer-content")},o.default.createElement("div",{className:m("content-top")},n,c),o.default.createElement("div",{className:m("content-bottom")},i)))};h.propTypes=p,h.defaultProps={sections:[],isVertical:!1,contentLeft:null,contentRight:null,contentBottom:null};t.default=h},85444:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),o=u(a(67967)),c=u(a(52103)),d=u(a(78482)),i=["children","disableStripes","paddingStyle"];function u(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[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 m=o.default.bind(d.default),p={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},h=function(e){var t=e.children,a=e.disableStripes,l=e.paddingStyle,o=s(e,i),d=n.default.useContext(c.default),u=(0,r.default)(m("table",{striped:!a},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",f({},o,{className:u}),t)};h.propTypes=p,h.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=h},61452:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},i=function(e){var t=e.children,a=c(e,r);return n.default.createElement("tbody",a,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},86472:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},i=function(e){var t=e.children,a=c(e,r);return n.default.createElement("td",a,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},97441:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(a(96540)),l=c(a(5556)),r=c(a(10767)),o=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},u=function(e){var t=e.children,a=d(e,o);return n.default.createElement("thead",a,n.default.createElement("tr",null,r.default.addScope(t,"col")))};u.propTypes=i,u.defaultProps={children:[]};t.default=u},22417:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 d={children:l.default.node},i=function(e){var t=e.children,a=c(e,r);return n.default.createElement("th",a,t)};i.propTypes=d,i.defaultProps={children:[]};t.default=i},36142:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),l=i(a(5556)),r=i(a(67967)),o=i(a(78482)),c=i(a(10767)),d=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 s=r.default.bind(o.default),m={children:l.default.node},p=function(e){var t=e.children,a=f(e,d),l=s(["row"]);return n.default.createElement("tr",u({},a,{className:a.className?"".concat(l," ").concat(a.className):l}),c.default.addScope(t,"row"))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},10767:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=a(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var a=[];return l.default.Children.forEach(e,(function(e){a.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=r},26984:function(e,t,a){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 c.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=i(a(85444)),l=i(a(61452)),r=i(a(36142)),o=i(a(86472)),c=i(a(97441)),d=i(a(22417));function i(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(a(96540)),l=r(a(25365));function r(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||(i[a]=e[a]);return i}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(i[a]=e[a])}return i}var s={},o="wrapper";function m(e){var n=e.components,a=d(e,r);return(0,t.mdx)(o,l({},s,a,{components:n,mdxType:"MDXLayout"}),(0,t.mdx)(i.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-clinical-onset-picker-upgrade-guide"},"Terra Clinical Onset Picker Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-30-to-40"},"Changes from 3.0 to 4.0"),(0,t.mdx)("h3",{id:"breaking-changes"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetDateInputOnChange")),(0,t.mdx)("li",{parentName:"ul"},"Condensed onChange function props into a single prop (",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"),") that returns an Object for the onsetDate.")),(0,t.mdx)("h3",{id:"changes-for-onsetonchange"},"Changes for onsetOnChange"),(0,t.mdx)("pre",null,(0,t.mdx)("code",{parentName:"pre",className:"language-diff"},"- this.handleGranularity = this.handleGranularity.bind(this);\n- this.handlePrecision = this.handlePrecision.bind(this);\n- handleGranularity(granularity) {\n- this.setState({ granularity });\n- }\n\n- handlePrecision(precision) {\n- this.setState({ precision });\n- }\n\n- handleOnset(onsetDate) {\n- this.setState({ onsetDate });\n+ handleOnset(onsetObject) {\n+ this.setState({\n+ precision: onsetObject.precision,\n+ granularity: onsetObject.granularity,\n+ onsetDate: onsetObject.onsetDate,\n+ ageUnit: onsetObject.ageUnit,\n+ });\n \n")),(0,t.mdx)("h3",{id:"new-feature"},"New Feature"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Added support for age units. Use new ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")," prop to pass default age unit values, accepted values are ",(0,t.mdx)("inlineCode",{parentName:"li"},"weeks"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"months"),", or ",(0,t.mdx)("inlineCode",{parentName:"li"},"years")," ")),(0,t.mdx)("h3",{id:"new-props"},"New Props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"ageUnit")),(0,t.mdx)("li",{parentName:"ul"},"New prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"onsetOnChange"))),(0,t.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,t.mdx)("h3",{id:"breaking-changes-1"},"Breaking Changes"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"New required prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"id")),(0,t.mdx)("li",{parentName:"ul"},"Removed exported enums ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Granularities")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"OnsetPicker.Opts.Precisions")),(0,t.mdx)("li",{parentName:"ul"},"Removed default prop values for ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularity")," and ",(0,t.mdx)("inlineCode",{parentName:"li"},"precision")),(0,t.mdx)("li",{parentName:"ul"},(0,t.mdx)("inlineCode",{parentName:"li"},"onChange")," functions can now return blank values"),(0,t.mdx)("li",{parentName:"ul"},"Visual updates from switching to ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-field"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-fieldset"),", ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-input"),", and ",(0,t.mdx)("inlineCode",{parentName:"li"},"terra-form-select"))),(0,t.mdx)("h3",{id:"new-features"},"New Features"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"CSS themeable variables")),(0,t.mdx)("h3",{id:"removed-props"},"Removed props"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"granularitySelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName")),(0,t.mdx)("li",{parentName:"ul"},"Removed prop ",(0,t.mdx)("inlineCode",{parentName:"li"},"precisionSelectName"))),(0,t.mdx)("h3",{id:"css-variables"},"CSS Variables"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-right"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-field-margin-bottom"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-precision-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-month-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-granularity-select-min-width"),(0,t.mdx)("li",{parentName:"ul"},"--terra-clinical-onset-picker-age-input-width")))}m.isMDXComponent=!0},99847:function(e,n,a){a.d(n,{E:function(){return r}});var t=a(96540),i=a(55713),r=function(e){var n=e.url;return t.createElement(i.A,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-onset-picker",name:"terra-clinical-onset-picker",version:"4.40.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/55871-fa0f5e6bf182d8b177e8.css b/55871-fa0f5e6bf182d8b177e8.css new file mode 100644 index 000000000..b7c874449 --- /dev/null +++ b/55871-fa0f5e6bf182d8b177e8.css @@ -0,0 +1,6 @@ +.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} +.Spacer-module__clinical-lowlight-theme___jzMlh{--terra-spacer-small-minus-2: 0.21429rem;--terra-spacer-small-minus-1: 0.35714rem;--terra-spacer-small: 0.5rem;--terra-spacer-medium: 0.71429rem;--terra-spacer-large: 0.85714rem;--terra-spacer-large-plus-1: 1.07143rem;--terra-spacer-large-plus-2: 1.42857rem;--terra-spacer-large-plus-3: 2.14286rem;--terra-spacer-large-plus-4: 3.57143rem}.Spacer-module__orion-fusion-theme___sWDrH{--terra-spacer-small-minus-2: 0.1666666666rem;--terra-spacer-small-minus-1: 0.25rem;--terra-spacer-small: 0.25rem;--terra-spacer-medium: 0.5rem;--terra-spacer-large: 0.75rem;--terra-spacer-large-plus-1: 1rem;--terra-spacer-large-plus-2: 1.25rem;--terra-spacer-large-plus-3: 2rem;--terra-spacer-large-plus-4: 3rem}[dir] .Spacer-module__margin-top-none___ei8ed{margin-top:0}[dir] .Spacer-module__margin-top-small-minus-2___wLEKL{margin-top:0.2142857143rem;margin-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-top-small-minus-1___5ncCP{margin-top:0.3571428571rem;margin-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-top-small___KT0\+M{margin-top:0.5rem;margin-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-top-medium___wv7Ef{margin-top:0.7142857143rem;margin-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-top-large___lPcvX{margin-top:0.8571428571rem;margin-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-top-large-plus-1___RfF9O{margin-top:1.0714285714rem;margin-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-top-large-plus-2___9-kxF{margin-top:1.4285714286rem;margin-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-top-large-plus-3___yfsB8{margin-top:2.1428571429rem;margin-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-top-large-plus-4___9QVxR{margin-top:3.5714285714rem;margin-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__margin-bottom-none___ZmnA0{margin-bottom:0}[dir] .Spacer-module__margin-bottom-small-minus-2___gVo7D{margin-bottom:0.2142857143rem;margin-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-bottom-small-minus-1___7TIFo{margin-bottom:0.3571428571rem;margin-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-bottom-small___bbtzl{margin-bottom:0.5rem;margin-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-bottom-medium___JqS1v{margin-bottom:0.7142857143rem;margin-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-bottom-large___GTFZr{margin-bottom:0.8571428571rem;margin-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-bottom-large-plus-1___7PRuP{margin-bottom:1.0714285714rem;margin-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-bottom-large-plus-2___ioMwE{margin-bottom:1.4285714286rem;margin-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-bottom-large-plus-3___-5uB6{margin-bottom:2.1428571429rem;margin-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-bottom-large-plus-4___SEv6U{margin-bottom:3.5714285714rem;margin-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-left-none___jIDu1{margin-left:0}[dir=rtl] .Spacer-module__margin-left-none___jIDu1{margin-right:0}[dir=ltr] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-left-small___jHpw6{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-left-small___jHpw6{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-left-medium___IkIYW{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-left-medium___IkIYW{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-left-large___0yMi-{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-left-large___0yMi-{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-right-none___uDY\+s{margin-right:0}[dir=rtl] .Spacer-module__margin-right-none___uDY\+s{margin-left:0}[dir=ltr] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-right-small___dXJXD{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-right-small___dXJXD{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-right-medium___Q2sKB{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-right-medium___Q2sKB{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-right-large___vVmWl{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-right-large___vVmWl{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-top-none___HzJNk{padding-top:0}[dir] .Spacer-module__padding-top-small-minus-2___7tetJ{padding-top:0.2142857143rem;padding-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-top-small-minus-1___aa8Kt{padding-top:0.3571428571rem;padding-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-top-small___2-SZd{padding-top:0.5rem;padding-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-top-medium___BY0cp{padding-top:0.7142857143rem;padding-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-top-large___8fXbM{padding-top:0.8571428571rem;padding-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-top-large-plus-1___7HHSv{padding-top:1.0714285714rem;padding-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-top-large-plus-2___4EDWc{padding-top:1.4285714286rem;padding-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-top-large-plus-3___gT97V{padding-top:2.1428571429rem;padding-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-top-large-plus-4___P\+14r{padding-top:3.5714285714rem;padding-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-bottom-none___LYWgG{padding-bottom:0}[dir] .Spacer-module__padding-bottom-small-minus-2___CCB3Q{padding-bottom:0.2142857143rem;padding-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-bottom-small-minus-1___tmuy0{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-bottom-small___BKtXp{padding-bottom:0.5rem;padding-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-bottom-medium___QzL9O{padding-bottom:0.7142857143rem;padding-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-bottom-large___H85CK{padding-bottom:0.8571428571rem;padding-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-bottom-large-plus-1___ryC2F{padding-bottom:1.0714285714rem;padding-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-bottom-large-plus-2___t3Zwa{padding-bottom:1.4285714286rem;padding-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-bottom-large-plus-3___fW01c{padding-bottom:2.1428571429rem;padding-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-bottom-large-plus-4___rPbu0{padding-bottom:3.5714285714rem;padding-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-left-none___EHT2o{padding-left:0}[dir=rtl] .Spacer-module__padding-left-none___EHT2o{padding-right:0}[dir=ltr] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-left-small___FNVmZ{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-left-small___FNVmZ{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-left-medium___4zzDg{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-left-medium___4zzDg{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-left-large___cXmge{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-left-large___cXmge{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-3___ciegD{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-3___ciegD{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-right-none___w\+vIQ{padding-right:0}[dir=rtl] .Spacer-module__padding-right-none___w\+vIQ{padding-left:0}[dir=ltr] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-right-small___0rnQg{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-right-small___0rnQg{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-right-medium___o6UOk{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-right-medium___o6UOk{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-right-large___\+nFrv{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-right-large___\+nFrv{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}.Spacer-module__is-inline-block___6O998{display:inline-block} +[dir] .spacerdemodefault{background:#c3cf8e}[dir] .spacerdemoprimary{background:#64cf8e} +.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/55871-fa0f5e6bf182d8b177e8.js b/55871-fa0f5e6bf182d8b177e8.js new file mode 100644 index 000000000..fbcaf71e0 --- /dev/null +++ b/55871-fa0f5e6bf182d8b177e8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[55871,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],{69635:function(e,a,t){a.A=void 0;var n=d(t(96540)),l=d(t(23986)),r=d(t(68550));function d(e){return e&&e.__esModule?e:{default:e}}t(46665);a.A=function(){return n.default.createElement("div",null,n.default.createElement(r.default,{className:"spacerdemodefault",paddingTop:"large+4",paddingBottom:"large+4",paddingLeft:"large+4",paddingRight:"large+4",isInlineBlock:!0},n.default.createElement(l.default,{text:"Default"})),n.default.createElement(r.default,{className:"spacerdemoprimary",paddingTop:"large+2",paddingBottom:"large+2",paddingLeft:"large+2",paddingRight:"large+2",isInlineBlock:!0},n.default.createElement(l.default,{text:"Emphasis",variant:"emphasis"})))}},46045:function(e,a,t){a.A=void 0;var n=d(t(96540)),l=d(t(23986)),r=d(t(68550));function d(e){return e&&e.__esModule?e:{default:e}}t(46665);a.A=function(){return n.default.createElement("div",null,n.default.createElement(r.default,{className:"spacerdemoprimary",padding:"large small",margin:"medium large+1",isInlineBlock:!0},n.default.createElement(l.default,{text:"Shorthand"})),n.default.createElement(r.default,{className:"spacerdemodefault",paddingTop:"large",paddingBottom:"large",paddingLeft:"small",paddingRight:"small",marginTop:"medium",marginBottom:"medium",marginLeft:"large+1",marginRight:"large+1",isInlineBlock:!0},n.default.createElement(l.default,{text:"Longhand"})))}},55713:function(e,a,t){var n=t(24994);a.A=void 0;var l=n(t(96540)),r=n(t(5556)),d=n(t(67967)),m=n(t(25642)),o=d.default.bind(m.default),p={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},u=function(e){var a=e.src,t=e.name,n=e.url,r=e.version,d=l.default.createElement("a",{className:o("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/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))),m=a?l.default.createElement("a",{className:o("badge"),href:a},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")},d,m)};u.propTypes=p;a.A=u},201:function(e,a,t){var n=t(24994),l=t(73738);a.A=void 0;var r=n(t(85715)),d=function(e,a){if(!a&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=f(a);if(t&&t.has(e))return t.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,t&&t.set(e,n),n}(t(96540)),m=n(t(5556)),o=n(t(67967)),p=t(92912),u=n(t(49558)),i=n(t(53665)),c=t(25966),s=n(t(89986));function f(e){if("function"!=typeof WeakMap)return null;var a=new WeakMap,t=new WeakMap;return(f=function(e){return e?t:a})(e)}var g=o.default.bind(s.default),x={example:m.default.element,exampleSrc:m.default.element,exampleCssSrc:m.default.element,title:m.default.string,description:m.default.node,isExpanded:m.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var a=e.example,t=e.exampleSrc,n=e.exampleCssSrc,l=e.title,m=e.description,o=e.isExpanded,s=(0,d.useState)(o),f=(0,r.default)(s,2),x=f[0],v=f[1],_=(0,d.useState)(!1),N=(0,r.default)(_,2),h=N[0],O=N[1],T=d.default.useContext(p.ThemeContext),S=void 0!==n,E=function(){O(!h),x&&v(!x)},j=function(){v(!x),h&&O(!h)},C=function(e,a){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),a())};return d.default.createElement("div",{className:g("template",T.className)},d.default.createElement("div",{className:g("header")},l&&d.default.createElement("h2",{className:g("title")},l)),d.default.createElement("div",{className:g("content")},m&&d.default.createElement("div",{className:g("description")},m),a),d.default.createElement("div",{className:g("footer")},t?d.default.createElement("div",{className:g("button-container")},S&&d.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":h}),onClick:E,onKeyDown:function(e){return C(e,E)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:g("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(i.default,{className:g("chevron")})),d.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":x}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:y,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:g("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(i.default,{className:g("chevron")}))):null,d.default.createElement("div",null,h&&d.default.createElement("div",{className:g("css")},n),x&&d.default.createElement("div",{className:g("code")},t))))};v.propTypes=x,v.defaultProps={isExpanded:!1};a.A=v},12883:function(e,a,t){var n=t(24994),l=t(73738);a.YZ=a.dt=a.Hd=a.NZ=void 0,Object.defineProperty(a,"fI",{enumerable:!0,get:function(){return p.Row}}),a.Ay=a.$d=void 0;var r=c(t(96540)),d=n(t(5556)),m=n(t(67967)),o=t(92912),p=c(t(26984)),u=n(t(89744));function i(e){if("function"!=typeof WeakMap)return null;var a=new WeakMap,t=new WeakMap;return(i=function(e){return e?t:a})(e)}function c(e,a){if(!a&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=i(a);if(t&&t.has(e))return t.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var m=r?Object.getOwnPropertyDescriptor(e,d):null;m&&(m.get||m.set)?Object.defineProperty(n,d,m):n[d]=e[d]}return n.default=e,t&&t.set(e,n),n}var s=m.default.bind(u.default),f={children:d.default.node},g={isRequired:d.default.bool};(a.dt=function(e){var a=e.children;return r.default.createElement(p.Cell,{className:s("bold")},a)}).propTypes=f,(a.$d=function(e){var a=e.children;return r.default.createElement(p.Cell,{className:s("code-block-override")},a)}).propTypes=f,(a.YZ=function(e){var a=e.isRequired;return r.default.createElement(p.Cell,{className:s([a?["required"]:[]])},a?"required":"optional")}).propTypes=g,(a.NZ=function(e){var a=e.children;return r.default.createElement(p.Cell,{className:s("code-block-override")},a)}).propTypes=f,(a.Hd=function(e){var a=e.children;return r.default.createElement(p.Cell,null,a)}).propTypes=f;var x=function(e){var a=e.children,t=(0,r.useContext)(o.ThemeContext);return r.default.createElement(p.default,{paddingStyle:"compact",className:s("table",t.className)},r.default.createElement(p.Header,{className:s("header")},r.default.createElement(p.HeaderCell,null,"Prop"),r.default.createElement(p.HeaderCell,null,"Type"),r.default.createElement(p.HeaderCell,null,"Required"),r.default.createElement(p.HeaderCell,null,"Default"),r.default.createElement(p.HeaderCell,null,"Description")),r.default.createElement(p.Body,null,a))};x.propTypes=f;a.Ay=x},34497:function(e,a,t){t.r(a),t.d(a,{default:function(){return H}});var n=t(96540),l=t(36665),r=t(32581),d=t(69635),m=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var u={};function i(e){var a=e.components,t=p(e,m);return(0,l.mdx)("wrapper",o({},u,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\nimport \'./Spacer.module.scss\';\n\nconst SpacerExample = () => (\n
    \n \n
    \n);\n\nexport default SpacerExample;\n\n')))}i.isMDXComponent=!0;var c=t(201),s=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var x={};function y(e){var a=e.components,t=g(e,s);return(0,l.mdx)("wrapper",f({},x,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},".spacerdemodefault {\n background: rgb(195, 207, 142);\n}\n\n.spacerdemoprimary {\n background: rgb(100, 207, 142);\n}\n\n")))}y.isMDXComponent=!0;var b=function(e){var a=e.title,t=e.description,l=e.isExpanded;return n.createElement(c.A,{title:a||"Spacer Example",description:t,example:n.createElement(d.A,null),exampleCssSrc:n.createElement(y,null),exampleSrc:n.createElement(i,null),isExpanded:l})},v=t(46045),_=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var O={};function T(e){var a=e.components,t=h(e,_);return(0,l.mdx)("wrapper",N({},O,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Spacer from \'terra-spacer\';\nimport \'./Spacer.module.scss\';\n\nconst SpacerShortVsLongHandExample = () => (\n
    \n \n
    \n);\n\nexport default SpacerShortVsLongHandExample;\n\n')))}T.isMDXComponent=!0;var S=function(e){var a=e.title,t=e.description,l=e.isExpanded;return n.createElement(c.A,{title:a||"Spacer Short Vs Long Hand Example",description:t,example:n.createElement(v.A,null),exampleCssSrc:n.createElement(y,null),exampleSrc:n.createElement(T,null),isExpanded:l})},E=t(12883),j=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var P={},R="wrapper";function k(e){var a=e.components,t=w(e,j);return(0,l.mdx)(R,C({},P,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(E.Ay,{mdxType:"PropsTable"},(0,l.mdx)(E.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(E.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Child Nodes."))),(0,l.mdx)(E.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"margin"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets margin in a syntax similar to the standard CSS spec ",(0,l.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/margin"},"https://developer.mozilla.org/en-US/docs/Web/CSS/margin"),". One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"marginTop"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets top margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"marginBottom"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets bottom margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"marginLeft"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets left margin One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"marginRight"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets right margin. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"padding"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets padding in a syntax similar to the standard CSS spec ",(0,l.mdx)("a",{parentName:"p",href:"https://developer.mozilla.org/en-US/docs/Web/CSS/padding"},"https://developer.mozilla.org/en-US/docs/Web/CSS/padding"),". One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"paddingTop"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets top padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"paddingBottom"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets bottom padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"paddingLeft"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets left padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"paddingRight"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'small-2'\n 'small-1'\n 'small'\n 'medium'\n 'large'\n 'large+1'\n 'large+2'\n 'large+3'\n 'large+4'\n],\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"SpacerSizes.NONE\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets right padding. One of 'none', 'small-2', 'small-1', 'small', 'medium', 'large', 'large+1', 'large+2', 'large+3', 'large+4'."))),(0,l.mdx)(E.fI,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(E.dt,{mdxType:"PropNameCell"},"isInlineBlock"),(0,l.mdx)(E.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(E.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(E.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(E.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the display to be inline-block.")))))}k.isMDXComponent=!0;var D=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var q={},I="wrapper";function H(e){var a=e.components,t=B(e,D);return(0,l.mdx)(I,M({},q,t,{components:a,mdxType:"MDXLayout"}),(0,l.mdx)(r.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-spacer"},"Terra Spacer"),(0,l.mdx)("p",null,"This component is used to provide margin and/or padding space between two components based on the given values."),(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-spacer"))))),(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)("h2",{id:"naming-convention"},"Naming Convention"),(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},"Spacing scale values"),(0,l.mdx)("th",{parentName:"tr",align:null},"Computed REM Value"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"none"),(0,l.mdx)("td",{parentName:"tr",align:null},"0")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"small-2"),(0,l.mdx)("td",{parentName:"tr",align:null},"0.2142857143rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"small-1"),(0,l.mdx)("td",{parentName:"tr",align:null},"0.3571428571rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"small"),(0,l.mdx)("td",{parentName:"tr",align:null},"0.5rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"medium"),(0,l.mdx)("td",{parentName:"tr",align:null},"0.7142857143rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"large"),(0,l.mdx)("td",{parentName:"tr",align:null},"0.8571428571rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"large+1"),(0,l.mdx)("td",{parentName:"tr",align:null},"1.0714285714rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"large+2"),(0,l.mdx)("td",{parentName:"tr",align:null},"1.4285714286rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"large+3"),(0,l.mdx)("td",{parentName:"tr",align:null},"2.1428571429rem")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"large+4"),(0,l.mdx)("td",{parentName:"tr",align:null},"3.5714285714rem")))),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Spacer from 'terra-spacer';\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#ltr--rtl"},"LTR/RTL Support"))),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(b,{title:"Spacer",description:"Spacing default button with a padding value of large+4 and primary button with padding value of large+2",mdxType:"Spacer"}),(0,l.mdx)(S,{title:"Spacer Short Vs Long Hand",mdxType:"SpacerShortVsLongHand"}),(0,l.mdx)("h2",{id:"spacer-props"},"Spacer Props"),(0,l.mdx)(k,{mdxType:"SpacerPropsTable"}))}H.isMDXComponent=!0},32581:function(e,a,t){t.d(a,{E:function(){return r}});var n=t(96540),l=t(55713),r=function(e){var a=e.url;return n.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-spacer",name:"terra-spacer",version:"3.64.0",url:a})}},46665:function(e,a,t){t.r(a),a.default={}},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"}},89986:function(e,a,t){t.r(a),a.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,a,t){t.r(a),a.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,a,t){t.r(a),a.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,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=u(t(96540)),l=u(t(5556)),r=u(t(46942)),d=u(t(67967)),m=u(t(52103)),o=u(t(78482)),p=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var s=d.default.bind(o.default),f={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},g=function(e){var a=e.children,t=e.disableStripes,l=e.paddingStyle,d=c(e,p),o=n.default.useContext(m.default),u=(0,r.default)(s("table",{striped:!t},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},o.className),d.className);return n.default.createElement("table",i({},d,{className:u}),a)};g.propTypes=f,g.defaultProps={disableStripes:!1,paddingStyle:"none"};a.default=g},61452:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=d(t(96540)),l=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,a){if(null==e)return{};var t,n,l=function(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o={children:l.default.node},p=function(e){var a=e.children,t=m(e,r);return n.default.createElement("tbody",t,a)};p.propTypes=o,p.defaultProps={children:[]};a.default=p},86472:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=d(t(96540)),l=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,a){if(null==e)return{};var t,n,l=function(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o={children:l.default.node},p=function(e){var a=e.children,t=m(e,r);return n.default.createElement("td",t,a)};p.propTypes=o,p.defaultProps={children:[]};a.default=p},97441:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=m(t(96540)),l=m(t(5556)),r=m(t(10767)),d=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function o(e,a){if(null==e)return{};var t,n,l=function(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var p={children:l.default.node},u=function(e){var a=e.children,t=o(e,d);return n.default.createElement("thead",t,n.default.createElement("tr",null,r.default.addScope(a,"col")))};u.propTypes=p,u.defaultProps={children:[]};a.default=u},22417:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=d(t(96540)),l=d(t(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,a){if(null==e)return{};var t,n,l=function(e,a){if(null==e)return{};var t,n,l={},r=Object.keys(e);for(n=0;n=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var o={children:l.default.node},p=function(e){var a=e.children,t=m(e,r);return n.default.createElement("th",t,a)};p.propTypes=o,p.defaultProps={children:[]};a.default=p},36142:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=p(t(96540)),l=p(t(5556)),r=p(t(67967)),d=p(t(78482)),m=p(t(10767)),o=["children"];function p(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[t]=e[t]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var c=r.default.bind(d.default),s={children:l.default.node},f=function(e){var a=e.children,t=i(e,o),l=c(["row"]);return n.default.createElement("tr",u({},t,{className:t.className?"".concat(l," ").concat(t.className):l}),m.default.addScope(a,"row"))};f.propTypes=s,f.defaultProps={children:[]};a.default=f},10767:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n,l=(n=t(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,a){var t=[];return l.default.Children.forEach(e,(function(e){t.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?a:void 0}))})),t}};a.default=r},26984:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),Object.defineProperty(a,"Body",{enumerable:!0,get:function(){return l.default}}),Object.defineProperty(a,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(a,"Header",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(a,"HeaderCell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(a,"Row",{enumerable:!0,get:function(){return r.default}}),a.default=void 0;var n=p(t(85444)),l=p(t(61452)),r=p(t(36142)),d=p(t(86472)),m=p(t(97441)),o=p(t(22417));function p(e){return e&&e.__esModule?e:{default:e}}a.default=n.default},49558:function(e,a,t){Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n=r(t(96540)),l=r(t(25365));function r(e){return e&&e.__esModule?e:{default:e}}function d(){return d=Object.assign?Object.assign.bind():function(e){for(var a=1;a.Radio-module__native-input___S1Fq3:disabled{cursor:default}.Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__label-text___oARv8{color:#9b9fa1;color:var(--terra-form-radio-disabled-font-color, #9b9fa1);opacity:1;opacity:var(--terra-form-radio-disabled-font-opacity, 1)}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__label-text___oARv8{cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:disabled+.Radio-module__outer-ring___DHLRf{background-color:transparent;background-color:var(--terra-form-radio-outer-ring-disabled-background-color, transparent);background-image:none;background-image:var(--terra-form-radio-outer-ring-disabled-background-image, none);border-color:transparent;border-color:var(--terra-form-radio-outer-ring-disabled-border-color, transparent);cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:disabled+.Radio-module__outer-ring___DHLRf>.Radio-module__inner-ring___dcrRU{background-color:transparent;background-color:var(--terra-form-radio-inner-ring-disabled-background-color, transparent);border-color:transparent;border-color:var(--terra-form-radio-inner-ring-disabled-border-color, transparent);box-shadow:none}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:checked:disabled+.Radio-module__outer-ring___DHLRf{background-color:transparent;background-color:var(--terra-form-radio-outer-ring-checked-disabled-background-color, transparent);background-image:none;background-image:var(--terra-form-radio-outer-ring-checked-disabled-background-image, none);border-color:transparent;border-color:var(--terra-form-radio-outer-ring-checked-disabled-border-color, transparent);cursor:default}[dir] .Radio-module__radio___kLgLL .Radio-module__label___WRkdj.Radio-module__is-disabled___czxlC>.Radio-module__native-input___S1Fq3:checked:disabled+.Radio-module__outer-ring___DHLRf>.Radio-module__inner-ring___dcrRU{background-color:transparent;background-color:var(--terra-form-radio-inner-ring-checked-disabled-background-color, transparent);border-color:transparent;border-color:var(--terra-form-radio-inner-ring-checked-disabled-border-color, transparent);box-shadow:none}[dir] .Radio-module__radio___kLgLL .Radio-module__native-input___S1Fq3:focus+.Radio-module__outer-ring___DHLRf{border-color:#000;border-color:var(--terra-form-radio-focus-border-color, #000);border-width:3px;border-width:var(--terra-form-radio-focus-border-width, 3px)}.Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{content:"";height:0;height:var(--terra-form-radio-focus-before-ring-height, 0);position:absolute;top:auto;top:var(--terra-form-radio-focus-before-ring-top, auto);width:0;width:var(--terra-form-radio-focus-before-ring-width, 0);z-index:-1}[dir] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{background-color:transparent;background-color:var(--terra-form-radio-focus-before-ring-background-color, transparent);border-radius:50%}[dir=ltr] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{left:auto;left:var(--terra-form-radio-focus-before-ring-left, auto)}[dir=rtl] .Radio-module__native-input___S1Fq3:focus~.Radio-module__label-text___oARv8::before{right:auto;right:var(--terra-form-radio-focus-before-ring-left, auto)}.Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{display:inline-block}[dir=ltr] .Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{margin-right:1.42857rem;margin-right:var(--terra-form-radio-inline-container-margin-right, 1.42857rem)}[dir=rtl] .Radio-module__radio___kLgLL.Radio-module__is-inline___qK0iO{margin-left:1.42857rem;margin-left:var(--terra-form-radio-inline-container-margin-right, 1.42857rem)} +.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}} +.RadioField-module__clinical-lowlight-theme___H55y8{--terra-form-radio-field-margin-bottom: 1.428em;--terra-form-radio-field-inline-margin-right: 0.7143em;--terra-form-radio-field-label-font-size: 1rem;--terra-form-radio-field-label-margin-bottom: 0.357em;--terra-form-radio-field-label-color: #b2b5b6;--terra-form-radio-field-label-font-weight: bold;--terra-form-radio-field-label-error-icon-display: none;--terra-form-radio-field-error-icon-height: 1em;--terra-form-radio-field-label-error-icon-margin-right: 0.357em;--terra-form-radio-field-error-icon-width: 1em;--terra-form-radio-field-label-required-color: #fb4c4c;--terra-form-radio-field-label-required-padding-right: 0.357em;--terra-form-radio-field-label-optional-font-style: italic;--terra-form-radio-field-label-optional-padding-left: 0.357em;--terra-form-radio-field-help-text-color: #6f7477;--terra-form-radio-field-help-text-font-size: 0.857rem;--terra-form-radio-field-help-text-font-weight: normal;--terra-form-radio-field-help-text-margin-top: 0.357em;--terra-form-radio-field-error-text-color: #fb4c4c;--terra-form-radio-field-error-text-font-size: 0.857rem;--terra-form-radio-field-error-text-font-weight: normal;--terra-form-radio-field-error-text-margin-top: 0.357em;--terra-form-radio-field-error-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23fb4c4c%22%20d%3D%22M24%200c13.3%200%2024%2010.7%2024%2024S37.3%2048%2024%2048%200%2037.3%200%2024C0%2010.8%2010.7%200%2023.9%200h.1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2021.5h34v5H7v-5z%22%2F%3E%3C%2Fsvg%3E")}.RadioField-module__orion-fusion-theme___Eh5Nn{--terra-form-radio-field-margin-bottom: 0.5rem;--terra-form-radio-field-inline-margin-right: 0;--terra-form-radio-field-label-font-size: 1rem;--terra-form-radio-field-label-margin-bottom: 0.5rem;--terra-form-radio-field-label-color: #1c1f21;--terra-form-radio-field-label-font-weight: bold;--terra-form-radio-field-label-error-icon-display: none;--terra-form-radio-field-error-icon-height: 0;--terra-form-radio-field-label-error-icon-margin-right: 0;--terra-form-radio-field-error-icon-width: 0;--terra-form-radio-field-label-required-color: #e80000;--terra-form-radio-field-label-required-padding-right: 0.25rem;--terra-form-radio-field-label-optional-font-style: italic;--terra-form-radio-field-label-optional-padding-left: 0.25rem;--terra-form-radio-field-help-text-color: #64696c;--terra-form-radio-field-help-text-font-size: 0.85rem;--terra-form-radio-field-help-text-font-weight: normal;--terra-form-radio-field-help-text-margin-top: 0.25rem;--terra-form-radio-field-error-text-color: #e50000;--terra-form-radio-field-error-text-font-size: 0.85rem;--terra-form-radio-field-error-text-font-weight: normal;--terra-form-radio-field-error-text-margin-top: 0.25rem;--terra-form-radio-field-error-background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3C%2Fsvg%3E")}.RadioField-module__radio-field___fpXfP{max-width:72.857rem}[dir] .RadioField-module__radio-field___fpXfP{border:0;margin-bottom:1.428em;margin-bottom:var(--terra-form-radio-field-margin-bottom, 1.428em);padding:0}.RadioField-module__is-inline___8FRg7{display:inline-block;vertical-align:top}[dir=ltr] .RadioField-module__is-inline___8FRg7{margin-right:0.7143em;margin-right:var(--terra-form-radio-field-inline-margin-right, 0.7143em)}[dir=rtl] .RadioField-module__is-inline___8FRg7{margin-left:0.7143em;margin-left:var(--terra-form-radio-field-inline-margin-right, 0.7143em)}.RadioField-module__legend-group___8mMif{display:inline-block;font-size:1rem;font-size:var(--terra-form-radio-field-label-font-size, 1rem);line-height:1.29}[dir] .RadioField-module__legend-group___8mMif{margin-bottom:0.357em;margin-bottom:var(--terra-form-radio-field-label-margin-bottom, 0.357em)}[dir=ltr] .RadioField-module__legend-group___8mMif{text-align:left}[dir=rtl] .RadioField-module__legend-group___8mMif{text-align:right}.RadioField-module__legend-group-hidden___irjwu{height:1px;overflow:hidden;position:absolute;top:auto;width:1px}[dir=ltr] .RadioField-module__legend-group-hidden___irjwu{left:-10000px}[dir=rtl] .RadioField-module__legend-group-hidden___irjwu{right:-10000px}.RadioField-module__legend___7g1rE{color:rgba(0, 0, 0, 0.8);color:var(--terra-form-radio-field-label-color, rgba(0, 0, 0, 0.8));font-weight:bold;font-weight:var(--terra-form-radio-field-label-font-weight, bold)}.RadioField-module__error-icon___\+vwY3,.RadioField-module__error-icon-hidden___diu\+V{display:none;display:var(--terra-form-radio-field-label-error-icon-display, none);height:1em;height:var(--terra-form-radio-field-error-icon-height, 1em);width:1em;width:var(--terra-form-radio-field-error-icon-width, 1em)}[dir] .RadioField-module__error-icon___\+vwY3, [dir] .RadioField-module__error-icon-hidden___diu\+V{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23E50000%22%20d%3D%22M24%200c13.3%200%2024%2010.7%2024%2024S37.3%2048%2024%2048%200%2037.3%200%2024C0%2010.8%2010.7%200%2023.9%200h.1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2021.5h34v5H7v-5z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-form-radio-field-error-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23E50000%22%20d%3D%22M24%200c13.3%200%2024%2010.7%2024%2024S37.3%2048%2024%2048%200%2037.3%200%2024C0%2010.8%2010.7%200%2023.9%200h.1z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2021.5h34v5H7v-5z%22%2F%3E%3C%2Fsvg%3E"));background-size:contain}[dir=ltr] .RadioField-module__error-icon___\+vwY3, [dir=ltr] .RadioField-module__error-icon-hidden___diu\+V{margin-right:0.357em;margin-right:var(--terra-form-radio-field-label-error-icon-margin-right, 0.357em)}[dir=rtl] .RadioField-module__error-icon___\+vwY3, [dir=rtl] .RadioField-module__error-icon-hidden___diu\+V{margin-left:0.357em;margin-left:var(--terra-form-radio-field-label-error-icon-margin-right, 0.357em)}.RadioField-module__required___7KHDx,.RadioField-module__required-hidden___A0eyI{color:#e50000;color:var(--terra-form-radio-field-label-required-color, #e50000);display:inline-block}[dir=ltr] .RadioField-module__required___7KHDx, [dir=ltr] .RadioField-module__required-hidden___A0eyI{padding-right:0.357em;padding-right:var(--terra-form-radio-field-label-required-padding-right, 0.357em)}[dir=rtl] .RadioField-module__required___7KHDx, [dir=rtl] .RadioField-module__required-hidden___A0eyI{padding-left:0.357em;padding-left:var(--terra-form-radio-field-label-required-padding-right, 0.357em)}.RadioField-module__error-icon-hidden___diu\+V,.RadioField-module__required-hidden___A0eyI{visibility:hidden}.RadioField-module__optional___9DBWR{display:inline-block;font-style:italic;font-style:var(--terra-form-radio-field-label-optional-font-style, italic)}[dir=ltr] .RadioField-module__optional___9DBWR{padding-left:0.357em;padding-left:var(--terra-form-radio-field-label-optional-padding-left, 0.357em)}[dir=rtl] .RadioField-module__optional___9DBWR{padding-right:0.357em;padding-right:var(--terra-form-radio-field-label-optional-padding-left, 0.357em)}.RadioField-module__help-text___9UUSl{color:rgba(0, 0, 0, 0.55);color:var(--terra-form-radio-field-help-text-color, rgba(0, 0, 0, 0.55));font-size:0.857rem;font-size:var(--terra-form-radio-field-help-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-radio-field-help-text-font-weight, normal);line-height:1.25}[dir] .RadioField-module__help-text___9UUSl{margin-top:0.357em;margin-top:var(--terra-form-radio-field-help-text-margin-top, 0.357em)}[dir=ltr] .RadioField-module__help-text___9UUSl{text-align:left}[dir=rtl] .RadioField-module__help-text___9UUSl{text-align:right}.RadioField-module__error-text___2mn2V{color:#e50000;color:var(--terra-form-radio-field-error-text-color, #e50000);font-size:0.857rem;font-size:var(--terra-form-radio-field-error-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-form-radio-field-error-text-font-weight, normal);line-height:1.25}[dir] .RadioField-module__error-text___2mn2V{margin-top:0.357em;margin-top:var(--terra-form-radio-field-error-text-margin-top, 0.357em)}[dir=ltr] .RadioField-module__error-text___2mn2V{text-align:left}[dir=rtl] .RadioField-module__error-text___2mn2V{text-align:right} +.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)} +.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/57504-b393242c94265861fe6c.js b/57504-b393242c94265861fe6c.js new file mode 100644 index 000000000..c771ea9f5 --- /dev/null +++ b/57504-b393242c94265861fe6c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[57504,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),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=m(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&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?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)),d=r(n(67967)),u=n(92912),c=r(n(49558)),f=r(n(53665)),s=n(25966),p=r(n(89986));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}var _=d.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,l=e.title,i=e.description,d=e.isExpanded,p=(0,o.useState)(d),m=(0,a.default)(p,2),b=m[0],h=m[1],g=(0,o.useState)(!1),O=(0,a.default)(g,2),E=O[0],j=O[1],P=o.default.useContext(u.ThemeContext),w=void 0!==r,x=function(){j(!E),b&&h(!b)},T=function(){h(!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",P.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},i&&o.default.createElement("div",{className:_("description")},i),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},w&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:x,onKeyDown:function(e){return N(e,x)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.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(c.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))))};h.propTypes=b,h.defaultProps={isExpanded:!1};t.A=h},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 u.Row}}),t.Ay=t.$d=void 0;var a=s(n(96540)),o=r(n(5556)),i=r(n(67967)),d=n(92912),u=s(n(26984)),c=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&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?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),m={children:o.default.node},_={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:p("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(u.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=_,(t.NZ=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return a.default.createElement(u.Cell,null,t)}).propTypes=m;var b=function(e){var t=e.children,n=(0,a.useContext)(d.ThemeContext);return a.default.createElement(u.default,{paddingStyle:"compact",className:p("table",n.className)},a.default.createElement(u.Header,{className:p("header")},a.default.createElement(u.HeaderCell,null,"Prop"),a.default.createElement(u.HeaderCell,null,"Type"),a.default.createElement(u.HeaderCell,null,"Required"),a.default.createElement(u.HeaderCell,null,"Default"),a.default.createElement(u.HeaderCell,null,"Description")),a.default.createElement(u.Body,null,t))};b.propTypes=m;t.Ay=b},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"}},80779:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Radio-module__clinical-lowlight-theme___s9bOk","orion-fusion-theme":"Radio-module__orion-fusion-theme___TG0Kq",radio:"Radio-module__radio___kLgLL",label:"Radio-module__label___WRkdj","is-mobile":"Radio-module__is-mobile___IJAkE","native-input":"Radio-module__native-input___S1Fq3","label-text":"Radio-module__label-text___oARv8","outer-ring":"Radio-module__outer-ring___DHLRf","inner-ring":"Radio-module__inner-ring___dcrRU","is-hidden":"Radio-module__is-hidden___6gZIO","is-disabled":"Radio-module__is-disabled___czxlC","is-inline":"Radio-module__is-inline___qK0iO"}},99421:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"RadioField-module__clinical-lowlight-theme___H55y8","orion-fusion-theme":"RadioField-module__orion-fusion-theme___Eh5Nn","radio-field":"RadioField-module__radio-field___fpXfP","is-inline":"RadioField-module__is-inline___8FRg7","legend-group":"RadioField-module__legend-group___8mMif","legend-group-hidden":"RadioField-module__legend-group-hidden___irjwu",legend:"RadioField-module__legend___7g1rE","error-icon":"RadioField-module__error-icon___+vwY3","error-icon-hidden":"RadioField-module__error-icon-hidden___diu+V",required:"RadioField-module__required___7KHDx","required-hidden":"RadioField-module__required-hidden___A0eyI",optional:"RadioField-module__optional___9DBWR","help-text":"RadioField-module__help-text___9UUSl","error-text":"RadioField-module__error-text___2mn2V"}},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"}},10719: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=s(n(96540)),a=s(n(5556)),o=s(n(46942)),i=s(n(67967)),d=s(n(52103)),u=s(n(80779)),c=n(582),f=["checked","defaultChecked","inputAttrs","id","disabled","isInline","isLabelHidden","labelText","labelTextAttrs","name","onBlur","onChange","onFocus","value"];function s(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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var v=i.default.bind(u.default),y={checked:a.default.bool,defaultChecked:a.default.bool,id:a.default.string,inputAttrs:a.default.object,disabled:a.default.bool,isInline:a.default.bool,isLabelHidden:a.default.bool,labelText:a.default.string.isRequired,labelTextAttrs:a.default.object,name:a.default.string,onBlur:a.default.func,onChange:a.default.func,onFocus:a.default.func,value:a.default.string},h={checked:void 0,defaultChecked:void 0,id:void 0,inputAttrs:{},disabled:!1,isInline:!1,isLabelHidden:!1,labelTextAttrs:{},name:null,onBlur:void 0,onChange:void 0,onFocus:void 0,value:void 0},g=function(e){var t=e.checked,n=e.defaultChecked,r=e.inputAttrs,a=e.id,i=e.disabled,u=e.isInline,s=e.isLabelHidden,y=e.labelText,h=e.labelTextAttrs,g=e.name,O=e.onBlur,E=e.onChange,j=e.onFocus,P=e.value,w=b(e,f),x=l.default.useContext(d.default),T=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 E=d.default.bind(m.default),j={children:a.default.node,error:a.default.node,help:a.default.node,hideRequired:a.default.bool,intl:a.default.shape({formatMessage:a.default.func}).isRequired,isInline:a.default.bool,isInvalid:a.default.bool,isLegendHidden:a.default.bool,legend:a.default.string.isRequired,legendAttrs:a.default.object,required:a.default.bool,showOptional:a.default.bool},P=function(e){var t=e.children,n=e.error,r=e.help,a=e.hideRequired,o=e.intl,d=e.isInvalid,m=e.isInline,b=e.isLegendHidden,v=e.legend,h=e.legendAttrs,j=e.required,P=e.showOptional,w=O(e,_),x=l.default.useContext(u.default),T=(0,i.default)(E("radio-field",{"is-inline":m},x.className),w.className),N=E(["legend",h.className]),S=w.id||"terra-radio-group-".concat((0,c.default)()),C="terra-radio-field-description-".concat((0,c.default)()),k=r?"terra-radio-field-description-help-".concat((0,c.default)()):"",R=n?"terra-radio-field-description-error-".concat((0,c.default)()):"",M="".concat(R," ").concat(k),F=-1!==navigator.userAgent.indexOf("Safari")&&-1===navigator.userAgent.indexOf("Chrome"),A=-1!==navigator.userAgent.indexOf("Edg"),I=F||A?"div":"legend",D=l.default.createElement(I,{id:C,className:E(["legend-group",{"legend-group-hidden":b}])},l.default.createElement("div",g({},h,{className:N}),d&&l.default.createElement("span",{className:E("error-icon")}),j&&(d||!a)&&l.default.createElement(l.default.Fragment,null,l.default.createElement("div",{"aria-hidden":"true",className:E("required")},"*"),l.default.createElement(f.default,{text:o.formatMessage({id:"Terra.form.field.required"})})),v,j&&!d&&a&&l.default.createElement("span",{className:E("required-hidden")},"*"),P&&!j&&l.default.createElement("span",{className:E("optional")},o.formatMessage({id:"Terra.form.field.optional"})),!d&&l.default.createElement("span",{className:E("error-icon-hidden")}))),q=l.default.Children.map(t,(function(e){if(e&&e.type.isRadio){var t=F?{onKeyDown:function(t){return function(e,t){var n=document.getElementById(S);if(n){var r=n.querySelectorAll("[type=radio]"),l=Array.from(r).indexOf(e.currentTarget),a=new MouseEvent("click",{bubbles:!0,cancelable:!1}),o=(0,p.findFirstFocusableItem)(r),i=(0,p.findLastFocusableItem)(r);e.nativeEvent.key===s.VALUE_DOWN||e.nativeEvent.key===s.VALUE_RIGHT?l===i&&r[o].dispatchEvent(a):e.nativeEvent.key!==s.VALUE_UP&&e.nativeEvent.key!==s.VALUE_LEFT||l===o&&r[i].dispatchEvent(a)}t&&t.props.onKeyDown&&t.props.onKeyDown()}(t,e)},onClick:function(t){return function(e,t){var n;null==e||null===(n=e.currentTarget)||void 0===n||n.focus(),t&&t.props.onClick&&t.props.onClick()}(t,e)}}:void 0;return l.default.cloneElement(e,{inputAttrs:y(y({},e.props.inputAttrs),{},{"aria-describedby":M},t)})}return e}));return l.default.createElement("fieldset",g({id:S},w,{required:j,className:T}),l.default.createElement("div",{"aria-labelledby":C,role:"radiogroup"},D,q,d&&n&&l.default.createElement("div",{id:R,className:E("error-text")},n),r&&l.default.createElement("div",{id:k,className:E("help-text")},r)))};P.propTypes=j,P.defaultProps={children:null,error:null,help:null,hideRequired:!1,isInline:!1,isInvalid:!1,isLegendHidden:!1,legendAttrs:{},required:!1,showOptional:!1};t.default=(0,o.injectIntl)(P)},582:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.isConsideredMobileDevice=t.findLastFocusableItem=t.findFirstFocusableItem=void 0;t.isConsideredMobileDevice=function(){return window.matchMedia("(max-width: 1024px)").matches&&("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)},t.findLastFocusableItem=function(e){for(var t=e.length-1;e[t]&&e[t].hasAttribute("disabled")&&t>-1;)t-=1;return t||void 0},t.findFirstFocusableItem=function(e){for(var t=0;e[t]&&e[t].hasAttribute("disabled")&&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 p=o.default.bind(d.default),m={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,u),d=r.default.useContext(i.default),c=(0,a.default)(p("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return r.default.createElement("table",f({},o,{className:c}),t)};_.propTypes=m,_.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 i(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},u=function(e){var t=e.children,n=i(e,a);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},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 i(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},u=function(e){var t=e.children,n=i(e,a);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},97441: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(10767)),o=["children"];function i(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 u={children:l.default.node},c=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")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},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 i(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},u=function(e){var t=e.children,n=i(e,a);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},36142: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(67967)),o=u(n(78482)),i=u(n(10767)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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),p={children:l.default.node},m=function(e){var t=e.children,n=f(e,d),l=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),i.default.addScope(t,"row"))};m.propTypes=p,m.defaultProps={children:[]};t.default=m},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 i.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=u(n(85444)),l=u(n(61452)),a=u(n(36142)),o=u(n(86472)),i=u(n(97441)),d=u(n(22417));function u(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=0||(t[r]=e[r]);return t}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(t[r]=e[r])}return t}var u={},c="wrapper";function i(e){var a=e.components,r=d(e,o);return(0,n.mdx)(c,s({},u,r,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(t.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-arrange-upgrade-guide"},"Terra Arrange Upgrade Guide"),(0,n.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,n.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,n.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},45647:function(e,a,r){r.d(a,{E:function(){return o}});var n=r(96540),t=r(55713),o=function(e){var a=e.url;return n.createElement(t.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.56.1-alpha.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/58934-685fb047b14467719da5.js b/58934-685fb047b14467719da5.js new file mode 100644 index 000000000..e7c2fa477 --- /dev/null +++ b/58934-685fb047b14467719da5.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[58934],{72774:function(t){"use strict";t.exports=function t(e,i){if(e===i)return!0;if(e&&i&&"object"==typeof e&&"object"==typeof i){if(e.constructor!==i.constructor)return!1;var o,n,s;if(Array.isArray(e)){if((o=e.length)!=i.length)return!1;for(n=o;0!=n--;)if(!t(e[n],i[n]))return!1;return!0}if(e.constructor===RegExp)return e.source===i.source&&e.flags===i.flags;if(e.valueOf!==Object.prototype.valueOf)return e.valueOf()===i.valueOf();if(e.toString!==Object.prototype.toString)return e.toString()===i.toString();if((o=(s=Object.keys(e)).length)!==Object.keys(i).length)return!1;for(n=o;0!=n--;)if(!Object.prototype.hasOwnProperty.call(i,s[n]))return!1;for(n=o;0!=n--;){var r=s[n];if(("_owner"!==r||!e.$$typeof)&&!t(e[r],i[r]))return!1}return!0}return e!=e&&i!=i}},36729:function(t,e,i){"use strict";i.r(e),e.default={"orion-fusion-theme":"BrandFooter-module__orion-fusion-theme___Y9UQ6","clinical-lowlight-theme":"BrandFooter-module__clinical-lowlight-theme___2eyqm","brand-footer":"BrandFooter-module__brand-footer___mN-j9",nav:"BrandFooter-module__nav___U62TL","nav-vertical":"BrandFooter-module__nav-vertical___XWUBM","navigation-section":"BrandFooter-module__navigation-section___JyQ-s",menu:"BrandFooter-module__menu___Qajze","list-item":"BrandFooter-module__list-item___zA0lU","list-header":"BrandFooter-module__list-header___Tk2cW","nav-horizontal":"BrandFooter-module__nav-horizontal___trn+Y",separator:"BrandFooter-module__separator___MYmIF",link:"BrandFooter-module__link___APMEi","footer-content":"BrandFooter-module__footer-content___WHOs6","content-top":"BrandFooter-module__content-top___BLm+o","content-bottom":"BrandFooter-module__content-bottom___gEEaI"}},87030:function(t,e,i){"use strict";i.r(e),e.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},78252:function(t,e,i){"use strict";i.r(e),e.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"}},96812:function(t,e,i){"use strict";i.r(e),e.default={"clinical-lowlight-theme":"Text-module__clinical-lowlight-theme___mG7dV","orion-fusion-theme":"Text-module__orion-fusion-theme___s3eY+",text:"Text-module__text___pR3Hk","inherit-color":"Text-module__inherit-color___BT1c9",italic:"Text-module__italic___Ai80R","word-wrap":"Text-module__word-wrap___RWBlC","font-size-100":"Text-module__font-size-100___QjMrh","font-size-92":"Text-module__font-size-92___xffy1","font-size-72":"Text-module__font-size-72___R9WxS","font-size-64":"Text-module__font-size-64___A0fSP","font-size-56":"Text-module__font-size-56___EpTwK","font-size-50":"Text-module__font-size-50___Hy8ue","font-size-46":"Text-module__font-size-46___MU8-J","font-size-36":"Text-module__font-size-36___8M9ck","font-size-32":"Text-module__font-size-32___-m5nt","font-size-24":"Text-module__font-size-24___OOFKN","font-size-20":"Text-module__font-size-20___rJO6P","font-size-18":"Text-module__font-size-18___TCBtv","font-size-16":"Text-module__font-size-16___ovQH2","font-size-14":"Text-module__font-size-14___fYamg","font-size-12":"Text-module__font-size-12___EGKPm","font-size-10":"Text-module__font-size-10___xZOQY","font-weight-200":"Text-module__font-weight-200___NABUq","font-weight-300":"Text-module__font-weight-300___vm83w","font-weight-400":"Text-module__font-weight-400___Z-2pQ","font-weight-700":"Text-module__font-weight-700___WIUZQ","visually-hidden":"Text-module__visually-hidden___hgjcq","font-stack":"Text-module__font-stack___ydj-0"}},80799:function(t,e,i){(()=>{var t={757:(t,e,i)=>{t.exports=i(666)},666:t=>{var e=function(t){"use strict";var e,i=Object.prototype,o=i.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},s=n.iterator||"@@iterator",r=n.asyncIterator||"@@asyncIterator",a=n.toStringTag||"@@toStringTag";function l(t,e,i){return Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{l({},"")}catch(t){l=function(t,e,i){return t[e]=i}}function c(t,e,i,o){var n=e&&e.prototype instanceof y?e:y,s=Object.create(n.prototype),r=new A(o||[]);return s._invoke=function(t,e,i){var o=d;return function(n,s){if(o===p)throw new Error("Generator is already running");if(o===v){if("throw"===n)throw s;return V()}for(i.method=n,i.arg=s;;){var r=i.delegate;if(r){var a=O(r,i);if(a){if(a===f)continue;return a}}if("next"===i.method)i.sent=i._sent=i.arg;else if("throw"===i.method){if(o===d)throw o=v,i.arg;i.dispatchException(i.arg)}else"return"===i.method&&i.abrupt("return",i.arg);o=p;var l=u(t,e,i);if("normal"===l.type){if(o=i.done?v:h,l.arg===f)continue;return{value:l.arg,done:i.done}}"throw"===l.type&&(o=v,i.method="throw",i.arg=l.arg)}}}(t,i,r),s}function u(t,e,i){try{return{type:"normal",arg:t.call(e,i)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var d="suspendedStart",h="suspendedYield",p="executing",v="completed",f={};function y(){}function g(){}function m(){}var b={};b[s]=function(){return this};var _=Object.getPrototypeOf,w=_&&_(_(R([])));w&&w!==i&&o.call(w,s)&&(b=w);var S=m.prototype=y.prototype=Object.create(b);function P(t){["next","throw","return"].forEach((function(e){l(t,e,(function(t){return this._invoke(e,t)}))}))}function x(t,e){function i(n,s,r,a){var l=u(t[n],t,s);if("throw"!==l.type){var c=l.arg,d=c.value;return d&&"object"==typeof d&&o.call(d,"__await")?e.resolve(d.__await).then((function(t){i("next",t,r,a)}),(function(t){i("throw",t,r,a)})):e.resolve(d).then((function(t){c.value=t,r(c)}),(function(t){return i("throw",t,r,a)}))}a(l.arg)}var n;this._invoke=function(t,o){function s(){return new e((function(e,n){i(t,o,e,n)}))}return n=n?n.then(s,s):s()}}function O(t,i){var o=t.iterator[i.method];if(o===e){if(i.delegate=null,"throw"===i.method){if(t.iterator.return&&(i.method="return",i.arg=e,O(t,i),"throw"===i.method))return f;i.method="throw",i.arg=new TypeError("The iterator does not provide a 'throw' method")}return f}var n=u(o,t.iterator,i.arg);if("throw"===n.type)return i.method="throw",i.arg=n.arg,i.delegate=null,f;var s=n.arg;return s?s.done?(i[t.resultName]=s.value,i.next=t.nextLoc,"return"!==i.method&&(i.method="next",i.arg=e),i.delegate=null,f):s:(i.method="throw",i.arg=new TypeError("iterator result is not an object"),i.delegate=null,f)}function M(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function C(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function A(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(M,this),this.reset(!0)}function R(t){if(t){var i=t[s];if(i)return i.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,r=function i(){for(;++n=0;--s){var r=this.tryEntries[s],a=r.completion;if("root"===r.tryLoc)return n("end");if(r.tryLoc<=this.prev){var l=o.call(r,"catchLoc"),c=o.call(r,"finallyLoc");if(l&&c){if(this.prev=0;--i){var n=this.tryEntries[i];if(n.tryLoc<=this.prev&&o.call(n,"finallyLoc")&&this.prev=0;--e){var i=this.tryEntries[e];if(i.finallyLoc===t)return this.complete(i.completion,i.afterLoc),C(i),f}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var i=this.tryEntries[e];if(i.tryLoc===t){var o=i.completion;if("throw"===o.type){var n=o.arg;C(i)}return n}}throw new Error("illegal catch attempt")},delegateYield:function(t,i,o){return this.delegate={iterator:R(t),resultName:i,nextLoc:o},"next"===this.method&&(this.arg=e),f}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var s=o[e]={exports:{}};return t[e](s,s.exports,n),s.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var i in e)n.o(e,i)&&!n.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var s={};(()=>{"use strict";function t(e){return(t=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(e)}function e(e,i){for(;!Object.prototype.hasOwnProperty.call(e,i)&&null!==(e=t(e)););return e}function o(){return(o="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,i,o){var n=e(t,i);if(n){var s=Object.getOwnPropertyDescriptor(n,i);return s.get?s.get.call(arguments.length<3?t:o):s.value}}).apply(this,arguments)}function r(t,e){return(r=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function a(t){return(a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function l(t,e){if(e&&("object"===a(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}n.r(s),n.d(s,{Particles:()=>g,default:()=>m});var c=n(757),u=n.n(c);const d=i(96540);var h=n.n(d);const p=i(6694),v=i(72774);var f=n.n(v),y=function(t,e,i,o){return new(i||(i=Promise))((function(n,s){function r(t){try{l(o.next(t))}catch(t){s(t)}}function a(t){try{l(o.throw(t))}catch(t){s(t)}}function l(t){var e;t.done?n(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(r,a)}l((o=o.apply(t,e||[])).next())}))},g=function(e){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");Object.defineProperty(t,"prototype",{value:Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),writable:!1}),e&&r(t,e)}(d,e);var i,n,s,a,c=(s=d,a=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}(),function(){var e,i=t(s);if(a){var o=t(this).constructor;e=Reflect.construct(i,arguments,o)}else e=i.apply(this,arguments);return l(this,e)});function d(t){var e;return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,d),(e=c.call(this,t)).state={library:void 0},e}return i=d,(n=[{key:"destroy",value:function(){this.state.library&&(this.state.library.destroy(),this.setState({library:void 0}))}},{key:"shouldComponentUpdate",value:function(t){return!f()(t,this.props)}},{key:"componentDidUpdate",value:function(){this.refresh()}},{key:"forceUpdate",value:function(){var e=this;this.refresh().then((function(){o(t(d.prototype),"forceUpdate",e).call(e)}))}},{key:"componentDidMount",value:function(){y(this,void 0,void 0,u().mark((function t(){return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!this.props.init){t.next=3;break}return t.next=3,this.props.init(p.tsParticles);case 3:return t.next=5,this.loadParticles();case 5:case"end":return t.stop()}}),t,this)})))}},{key:"componentWillUnmount",value:function(){this.destroy()}},{key:"render",value:function(){var t=this.props,e=t.width,i=t.height,o=t.className,n=t.canvasClassName,s=t.id;return h().createElement("div",{className:o,id:s},h().createElement("canvas",{className:n,style:Object.assign(Object.assign({},this.props.style),{width:e,height:i})}))}},{key:"refresh",value:function(){return y(this,void 0,void 0,u().mark((function t(){return u().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return this.destroy(),t.next=3,this.loadParticles();case 3:case"end":return t.stop()}}),t,this)})))}},{key:"loadParticles",value:function(){var t;return y(this,void 0,void 0,u().mark((function e(){var i,o,n=this;return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(i=function(t){return y(n,void 0,void 0,u().mark((function e(){return u().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(this.props.container&&(this.props.container.current=t),this.setState({library:t}),!this.props.loaded){e.next=5;break}return e.next=5,this.props.loaded(t);case 5:case"end":return e.stop()}}),e,this)})))},!this.props.url){e.next=7;break}return e.next=4,p.tsParticles.loadJSON(this.props.id,this.props.url);case 4:e.t0=e.sent,e.next=10;break;case 7:return e.next=9,p.tsParticles.load(this.props.id,null!==(t=this.props.params)&&void 0!==t?t:this.props.options);case 9:e.t0=e.sent;case 10:return o=e.t0,e.next=13,i(o);case 13:case"end":return e.stop()}}),e,this)})))}}])&&function(t,e){for(var i=0;i0&&(m=r.default.createElement("nav",{className:p("nav",i?"nav-vertical":"nav-horizontal")},y.map((function(t){return r.default.createElement("section",{className:p("navigation-section"),key:t.id},(b&&i||t.headerText)&&r.default.createElement("h3",{className:p("list-header"),key:t.headerText},t.headerText||"​"),r.default.createElement("ul",{className:p("menu")},t.links&&t.links.map((function(t,e){var o=void 0!==t.target?{target:t.target}:{},s=!i&&e>=1?r.default.createElement("span",{className:p("separator"),"aria-hidden":!0},"/"):"";return r.default.createElement("li",{className:p("list-item"),key:t.text+t.href},s,r.default.createElement("a",(0,n.default)({className:p("link"),href:t.href},o),t.text))}))))})))),r.default.createElement("footer",(0,n.default)({role:"contentinfo"},d,{className:f}),m,r.default.createElement("div",{className:p("footer-content")},r.default.createElement("div",{className:p("content-top")},o,a),r.default.createElement("div",{className:p("content-bottom")},c)))};f.propTypes=v,f.defaultProps={sections:[],isVertical:!1,contentLeft:null,contentRight:null,contentBottom:null};e.default=f},58582:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=a(i(96540)),n=a(i(5556)),s=a(i(64216)),r=a(i(83452));function a(t){return t&&t.__esModule?t:{default:t}}var l={children:n.default.node.isRequired},c=function(t){return o.default.createElement("div",t)};c.propTypes=l,c.Row=s.default,c.Column=r.default;e.default=c},83452:function(t,e,i){"use strict";function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n=d(i(96540)),s=d(i(5556)),r=d(i(46942)),a=d(i(67967)),l=d(i(52103)),c=d(i(87030)),u=["className","children","tiny","small","medium","large","huge","enormous"];function d(t){return t&&t.__esModule?t:{default:t}}function h(){return h=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(n[i]=t[i]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}var f=a.default.bind(c.default),y=function(t,e){if(t[e]){var i=t[e];return i>=1&&i<=12?null:new Error("".concat(e," must be in range 1 to 12 inclusively"))}return null},g={children:s.default.node,className:s.default.string,tiny:y,enormous:y,huge:y,large:y,medium:y,small:y},m=function(t){var e=t.className,i=t.children,o=t.tiny,s=t.small,a=t.medium,c=t.large,d=t.huge,y=t.enormous,g=v(t,u),m=n.default.useContext(l.default),b=(0,r.default)(f(["column",p(p(p(p(p(p({},"column-tiny-".concat(o),o),"column-small-".concat(s),s),"column-medium-".concat(a),a),"column-large-".concat(c),c),"column-huge-".concat(d),d),"column-enormous-".concat(y),y),m.className]),e);return n.default.createElement("div",h({},g,{className:b}),i)};m.propTypes=g;e.default=m},64216:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=u(i(96540)),n=u(i(5556)),s=u(i(46942)),r=u(i(67967)),a=u(i(52103)),l=u(i(87030)),c=["className","children"];function u(t){return t&&t.__esModule?t:{default:t}}function d(){return d=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(n[i]=t[i]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}var p=r.default.bind(l.default),v={children:n.default.node.isRequired,className:n.default.string},f=function(t){var e=t.className,i=t.children,n=h(t,c),r=o.default.useContext(a.default);return o.default.createElement("div",d({},n,{className:(0,s.default)(p("grid",r.className),e)}),i)};f.propTypes=v;e.default=f},6584:function(t,e,i){"use strict";function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}Object.defineProperty(e,"__esModule",{value:!0}),e.default=e.HeadingWeight=e.HeadingSize=e.HeadingLevel=void 0;var n=c(i(96540)),s=c(i(5556)),r=c(i(67967)),a=c(i(78252)),l=["level","children","isVisuallyHidden","isItalic","size","weight","colorClass"];function c(t){return t&&t.__esModule?t:{default:t}}function u(){return u=Object.assign?Object.assign.bind():function(t){for(var e=1;e=0||(n[i]=t[i]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}var v=r.default.bind(a.default),f=(e.HeadingLevel={1:1,2:2,3:3,4:4,5:5,6:6},e.HeadingSize={MINI:"mini",TINY:"tiny",SMALL:"small",MEDIUM:"medium",LARGE:"large",HUGE:"huge"},e.HeadingWeight={200:200,400:400,700:700},{children:s.default.node.isRequired,level:s.default.oneOf([1,2,3,4,5,6]).isRequired,isItalic:s.default.bool,isVisuallyHidden:s.default.bool,size:s.default.oneOf(["mini","tiny","small","medium","large","huge"]),weight:s.default.oneOf([200,400,700]),colorClass:s.default.string}),y=function(t){var e=t.level,i=t.children,o=t.isVisuallyHidden,s=t.isItalic,r=t.size,a=t.weight,c=t.colorClass,f=function(t){for(var e=1;e=0||(n[i]=t[i]);return n}(t,e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);for(o=0;o=0||Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}var y=a.default.bind(c.default),g=(e.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},e.TextWeight={200:200,300:300,400:400,700:700},{children:s.default.node.isRequired,isItalic:s.default.bool,isVisuallyHidden:s.default.bool,isWordWrapped:s.default.bool,fontSize:s.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:s.default.oneOf([200,300,400,700]),colorClass:s.default.string}),m=function(t){var e=t.children,i=t.isVisuallyHidden,o=t.isItalic,s=t.fontSize,a=t.weight,c=t.isWordWrapped,d=t.colorClass,g=f(t,u),m=n.default.useContext(l.default),b=function(t){for(var e=1;e{(0,o.clear)(t,this.size)}))}paint(){const t=this.container.actualOptions;this.draw((e=>{t.backgroundMask.enable&&t.backgroundMask.cover?((0,o.clear)(e,this.size),this.paintBase(this.coverColorStyle)):this.paintBase()}))}clear(){const t=this.container.actualOptions,e=t.particles.move.trail;t.backgroundMask.enable?this.paint():e.enable&&e.length>0&&this.trailFillColor?this.paintBase((0,n.getStyleFromRgb)(this.trailFillColor,1/e.length)):this.draw((t=>{(0,o.clear)(t,this.size)}))}async windowResize(){if(!this.element)return;this.resize();const t=this.container,e=t.updateActualOptions();t.particles.setDensity();for(const[,e]of t.plugins)void 0!==e.resize&&e.resize();e&&await t.refresh()}resize(){if(!this.element)return;const t=this.container,e=t.retina.pixelRatio,i=t.canvas.size,o=this.element.offsetWidth*e,n=this.element.offsetHeight*e;if(n===i.height&&o===i.width&&n===this.element.height&&o===this.element.width)return;const s=Object.assign({},i);this.element.width=i.width=this.element.offsetWidth*e,this.element.height=i.height=this.element.offsetHeight*e,this.container.started&&(this.resizeFactor={width:i.width/s.width,height:i.height/s.height})}drawConnectLine(t,e){this.draw((i=>{var n;const s=this.lineStyle(t,e);if(!s)return;const r=t.getPosition(),a=e.getPosition();(0,o.drawConnectLine)(i,null!==(n=t.retina.linksWidth)&&void 0!==n?n:this.container.retina.linksWidth,s,r,a)}))}drawGrabLine(t,e,i,n){const s=this.container;this.draw((r=>{var a;const l=t.getPosition();(0,o.drawGrabLine)(r,null!==(a=t.retina.linksWidth)&&void 0!==a?a:s.retina.linksWidth,l,n,e,i)}))}drawParticle(t,e){var i,s,r,a,l,c;if(t.spawning||t.destroyed)return;const u=t.getRadius();if(u<=0)return;const d=t.getFillColor(),h=null!==(i=t.getStrokeColor())&&void 0!==i?i:d;if(!d&&!h)return;let[p,v]=this.getPluginParticleColors(t);p&&v||(p||(p=d||void 0),v||(v=h||void 0));const f=this.container.actualOptions,y=t.options.zIndex,g=(1-t.zIndexFactor)**y.opacityRate,m=null!==(a=null!==(s=t.bubble.opacity)&&void 0!==s?s:null===(r=t.opacity)||void 0===r?void 0:r.value)&&void 0!==a?a:1,b=null!==(c=null===(l=t.stroke)||void 0===l?void 0:l.opacity)&&void 0!==c?c:m,_=m*g,w=b*g,S={fill:p?(0,n.getStyleFromHsl)(p,_):void 0};S.stroke=v?(0,n.getStyleFromHsl)(v,w):S.fill,this.draw((i=>{const n=(1-t.zIndexFactor)**y.sizeRate,s=this.container;for(const e of s.particles.updaters)if(e.beforeDraw&&e.beforeDraw(t),e.getColorStyles){const{fill:o,stroke:n}=e.getColorStyles(t,i,u,_);o&&(S.fill=o),n&&(S.stroke=n)}(0,o.drawParticle)(s,i,t,e,S,f.backgroundMask.enable,f.backgroundMask.composite,u*n,_,t.options.shadow);for(const e of s.particles.updaters)e.afterDraw&&e.afterDraw(t)}))}drawPlugin(t,e){this.draw((i=>{(0,o.drawPlugin)(i,t,e)}))}drawParticlePlugin(t,e,i){this.draw((n=>{(0,o.drawParticlePlugin)(n,t,e,i)}))}initBackground(){const t=this.container.actualOptions.background,e=this.element,i=null==e?void 0:e.style;if(i){if(t.color){const e=(0,n.colorToRgb)(t.color);i.backgroundColor=e?(0,n.getStyleFromRgb)(e,t.opacity):""}else i.backgroundColor="";i.backgroundImage=t.image||"",i.backgroundPosition=t.position||"",i.backgroundRepeat=t.repeat||"",i.backgroundSize=t.size||""}}draw(t){if(this.context)return t(this.context)}initCover(){const t=this.container.actualOptions.backgroundMask.cover,e=t.color,i=(0,n.colorToRgb)(e);if(i){const e={r:i.r,g:i.g,b:i.b,a:t.opacity};this.coverColorStyle=(0,n.getStyleFromRgb)(e,e.a)}}initTrail(){const t=this.container.actualOptions,e=t.particles.move.trail,i=(0,n.colorToRgb)(e.fillColor);if(i){const e=t.particles.move.trail;this.trailFillColor={r:i.r,g:i.g,b:i.b,a:1/e.length}}}getPluginParticleColors(t){let e,i;for(const[,o]of this.container.plugins)if(!e&&o.particleFillColor&&(e=(0,n.colorToHsl)(o.particleFillColor(t))),!i&&o.particleStrokeColor&&(i=(0,n.colorToHsl)(o.particleStrokeColor(t))),e&&i)break;return[e,i]}initStyle(){const t=this.element,e=this.container.actualOptions;if(!t)return;const i=this.originalStyle;e.fullScreen.enable?(this.originalStyle=(0,r.deepExtend)({},t.style),t.style.setProperty("position","fixed","important"),t.style.setProperty("z-index",e.fullScreen.zIndex.toString(10),"important"),t.style.setProperty("top","0","important"),t.style.setProperty("left","0","important"),t.style.setProperty("width","100%","important"),t.style.setProperty("height","100%","important")):i&&(t.style.position=i.position,t.style.zIndex=i.zIndex,t.style.top=i.top,t.style.left=i.left,t.style.width=i.width,t.style.height=i.height);for(const i in e.style){if(!i||!e.style)continue;const o=e.style[i];o&&t.style.setProperty(i,o,"important")}}paintBase(t){this.draw((e=>{(0,o.paintBase)(e,this.size,t)}))}lineStyle(t,e){return this.draw((i=>{const n=this.container.actualOptions.interactivity.modes.connect;return(0,o.gradient)(i,t,e,n.links.opacity)}))}}},31067:function(t,e,i){"use strict";var o,n=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},s=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.Container=void 0;const r=i(33273),a=i(83006),l=i(45609),c=i(36968),u=i(11478),d=i(56607),h=i(99541),p=i(11203),v=i(33086);e.Container=class{constructor(t,e,i,...r){this.id=e,o.set(this,void 0),n(this,o,t,"f"),this.fpsLimit=120,this.duration=0,this.lifeTime=0,this.firstStart=!0,this.started=!1,this.destroyed=!1,this.paused=!0,this.lastFrameTime=0,this.zLayers=100,this.pageHidden=!1,this._sourceOptions=i,this._initialSourceOptions=i,this.retina=new h.Retina(this),this.canvas=new a.Canvas(this),this.particles=new d.Particles(s(this,o,"f"),this),this.drawer=new c.FrameManager(this),this.presets=r,this.pathGenerator={generate:()=>{const t=p.Vector.create(0,0);return t.length=Math.random(),t.angle=Math.random()*Math.PI*2,t},init:()=>{},update:()=>{}},this.interactivity={mouse:{clicking:!1,inside:!1}},this.plugins=new Map,this.drawers=new Map,this.density=1,this._options=new u.Options(s(this,o,"f")),this.actualOptions=new u.Options(s(this,o,"f")),this.eventListeners=new l.EventListeners(this),"undefined"!=typeof IntersectionObserver&&IntersectionObserver&&(this.intersectionObserver=new IntersectionObserver((t=>this.intersectionManager(t))))}get options(){return this._options}get sourceOptions(){return this._sourceOptions}play(t){const e=this.paused||t;if(!this.firstStart||this.actualOptions.autoPlay){if(this.paused&&(this.paused=!1),e)for(const[,t]of this.plugins)t.play&&t.play();this.draw(e||!1)}else this.firstStart=!1}pause(){if(void 0!==this.drawAnimationFrame&&((0,r.cancelAnimation)()(this.drawAnimationFrame),delete this.drawAnimationFrame),!this.paused){for(const[,t]of this.plugins)t.pause&&t.pause();this.pageHidden||(this.paused=!0)}}draw(t){let e=t;this.drawAnimationFrame=(0,r.animate)()((async t=>{e&&(this.lastFrameTime=void 0,e=!1),await this.drawer.nextFrame(t)}))}getAnimationStatus(){return!this.paused&&!this.pageHidden}setNoise(t,e,i){this.setPath(t,e,i)}setPath(t,e,i){var o,n,s;if(t)if("function"==typeof t)this.pathGenerator.generate=t,e&&(this.pathGenerator.init=e),i&&(this.pathGenerator.update=i);else{const e=this.pathGenerator;this.pathGenerator=t,(o=this.pathGenerator).generate||(o.generate=e.generate),(n=this.pathGenerator).init||(n.init=e.init),(s=this.pathGenerator).update||(s.update=e.update)}}destroy(){this.stop(),this.canvas.destroy();for(const[,t]of this.drawers)t.destroy&&t.destroy(this);for(const t of this.drawers.keys())this.drawers.delete(t);this.destroyed=!0}exportImg(t){this.exportImage(t)}exportImage(t,e,i){var o;return null===(o=this.canvas.element)||void 0===o?void 0:o.toBlob(t,null!=e?e:"image/png",i)}exportConfiguration(){return JSON.stringify(this.actualOptions,void 0,2)}refresh(){return this.stop(),this.start()}reset(){return this._options=new u.Options(s(this,o,"f")),this.refresh()}stop(){if(this.started){this.firstStart=!0,this.started=!1,this.eventListeners.removeListeners(),this.pause(),this.particles.clear(),this.canvas.clear(),this.interactivity.element instanceof HTMLElement&&this.intersectionObserver&&this.intersectionObserver.unobserve(this.interactivity.element);for(const[,t]of this.plugins)t.stop&&t.stop();for(const t of this.plugins.keys())this.plugins.delete(t);this.particles.linksColors=new Map,delete this.particles.grabLineColor,delete this.particles.linksColor,this._sourceOptions=this._options}}async loadTheme(t){this.currentTheme=t,await this.refresh()}async start(){if(!this.started){await this.init(),this.started=!0,this.eventListeners.addListeners(),this.interactivity.element instanceof HTMLElement&&this.intersectionObserver&&this.intersectionObserver.observe(this.interactivity.element);for(const[,t]of this.plugins)void 0!==t.startAsync?await t.startAsync():void 0!==t.start&&t.start();this.play()}}addClickHandler(t){const e=this.interactivity.element;if(!e)return;const i=(e,i,o)=>{if(this.destroyed)return;const n=this.retina.pixelRatio,s={x:i.x*n,y:i.y*n},r=this.particles.quadTree.queryCircle(s,o*n);t(e,r)};let o=!1,n=!1;e.addEventListener("click",(t=>{if(this.destroyed)return;const e=t,o={x:e.offsetX||e.clientX,y:e.offsetY||e.clientY};i(t,o,1)})),e.addEventListener("touchstart",(()=>{this.destroyed||(o=!0,n=!1)})),e.addEventListener("touchmove",(()=>{this.destroyed||(n=!0)})),e.addEventListener("touchend",(t=>{var e,s,r;if(!this.destroyed){if(o&&!n){const o=t;let n=o.touches[o.touches.length-1];if(!n&&(n=o.changedTouches[o.changedTouches.length-1],!n))return;const a=null===(e=this.canvas.element)||void 0===e?void 0:e.getBoundingClientRect(),l={x:n.clientX-(null!==(s=null==a?void 0:a.left)&&void 0!==s?s:0),y:n.clientY-(null!==(r=null==a?void 0:a.top)&&void 0!==r?r:0)};i(t,l,Math.max(n.radiusX,n.radiusY))}o=!1,n=!1}})),e.addEventListener("touchcancel",(()=>{this.destroyed||(o=!1,n=!1)}))}handleClickMode(t){this.particles.handleClickMode(t);for(const[,e]of this.plugins)e.handleClickMode&&e.handleClickMode(t)}updateActualOptions(){this.actualOptions.responsive=[];const t=this.actualOptions.setResponsive(this.canvas.size.width,this.retina.pixelRatio,this._options);return this.actualOptions.setTheme(this.currentTheme),this.responsiveMaxWidth!=t&&(this.responsiveMaxWidth=t,!0)}async init(){this._options=new u.Options(s(this,o,"f"));for(const t of this.presets)this._options.load(s(this,o,"f").plugins.getPreset(t));const t=s(this,o,"f").plugins.getSupportedShapes();for(const e of t){const t=s(this,o,"f").plugins.getShapeDrawer(e);t&&this.drawers.set(e,t)}this._options.load(this._initialSourceOptions),this._options.load(this._sourceOptions),this.actualOptions=new u.Options(s(this,o,"f")),this.actualOptions.load(this._options),this.retina.init(),this.canvas.init(),this.updateActualOptions(),this.canvas.initBackground(),this.canvas.resize(),this.zLayers=this.actualOptions.zLayers,this.duration=(0,v.getRangeValue)(this.actualOptions.duration),this.lifeTime=0,this.fpsLimit=this.actualOptions.fpsLimit>0?this.actualOptions.fpsLimit:120;const e=s(this,o,"f").plugins.getAvailablePlugins(this);for(const[t,i]of e)this.plugins.set(t,i);for(const[,t]of this.drawers)t.init&&await t.init(this);for(const[,t]of this.plugins)t.init?t.init(this.actualOptions):void 0!==t.initAsync&&await t.initAsync(this.actualOptions);const i=this.actualOptions.particles.move.path;i.generator&&this.setPath(s(this,o,"f").plugins.getPathGenerator(i.generator)),this.particles.init(),this.particles.setDensity();for(const[,t]of this.plugins)void 0!==t.particlesSetup&&t.particlesSetup()}intersectionManager(t){if(this.actualOptions.pauseOnOutsideViewport)for(const e of t)e.target===this.interactivity.element&&(e.isIntersecting?this.play():this.pause())}},o=new WeakMap},63369:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},23600:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},8863:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},37858:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},76610:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},37420:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},5016:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},90103:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},4234:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},70888:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},22602:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},11362:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},72401:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},46195:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},3007:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},55740:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},87160:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},48356:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},40311:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},24654:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},84533:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},1345:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},23863:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},32064:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},56243:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},14701:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},49597:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},15780:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},3458:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},99413:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},28064:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},38062:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},5428:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},83723:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},37481:function(t,e,i){"use strict";var o,n=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},s=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.Loader=void 0;const r=i(22503),a=i(31067),l=i(33273);e.Loader=class{constructor(t){o.set(this,void 0),n(this,o,t,"f")}dom(){return s(this,o,"f").domArray}domItem(t){const e=this.dom(),i=e[t];if(i&&!i.destroyed)return i;e.splice(t,1)}async loadOptions(t){var e,i,n;const c=null!==(e=t.tagId)&&void 0!==e?e:`tsparticles${Math.floor(1e4*Math.random())}`,{options:u,index:d}=t;let h=null!==(i=t.element)&&void 0!==i?i:document.getElementById(c);h||(h=document.createElement("div"),h.id=c,null===(n=document.querySelector("body"))||void 0===n||n.append(h));const p=u instanceof Array?(0,l.itemFromArray)(u,d):u,v=this.dom(),f=v.findIndex((t=>t.id===c));if(f>=0){const t=this.domItem(f);t&&!t.destroyed&&(t.destroy(),v.splice(f,1))}let y;if("canvas"===h.tagName.toLowerCase())y=h,y.dataset[r.Constants.generatedAttribute]="false";else{const t=h.getElementsByTagName("canvas");t.length?(y=t[0],y.dataset[r.Constants.generatedAttribute]="false"):(y=document.createElement("canvas"),y.dataset[r.Constants.generatedAttribute]="true",y.style.width="100%",y.style.height="100%",h.appendChild(y))}const g=new a.Container(s(this,o,"f"),c,p);return f>=0?v.splice(f,0,g):v.push(g),g.canvas.loadCanvas(y),await g.start(),g}async loadRemoteOptions(t){const{url:e,index:i}=t,o=e instanceof Array?(0,l.itemFromArray)(e,i):e;if(!o)return;const n=await fetch(o);if(!n.ok)return s=n.status,console.error(`Error tsParticles - fetch status: ${s}`),void console.error("Error tsParticles - File config not found");var s;const r=await n.json();return this.loadOptions({tagId:t.tagId,element:t.element,index:i,options:r})}load(t,e,i){const o={index:i};return"string"==typeof t?o.tagId=t:o.options=t,"number"==typeof e?o.index=null!=e?e:o.index:o.options=null!=e?e:o.options,this.loadOptions(o)}async set(t,e,i,o){const n={index:o};return"string"==typeof t?n.tagId=t:n.element=t,e instanceof HTMLElement?n.element=e:n.options=e,"number"==typeof i?n.index=i:n.options=null!=i?i:n.options,this.loadOptions(n)}async loadJSON(t,e,i){let o,n;return"number"==typeof e||void 0===e?o=t:(n=t,o=e),this.loadRemoteOptions({tagId:n,url:o,index:i})}async setJSON(t,e,i,o){let n,s,r,a;return t instanceof HTMLElement?(a=t,n=e,r=i):(s=t,a=e,n=i,r=o),this.loadRemoteOptions({tagId:s,url:n,index:r,element:a})}setOnClickHandler(t){const e=this.dom();if(!e.length)throw new Error("Can only set click handlers after calling tsParticles.load() or tsParticles.loadJSON()");for(const i of e)i.addClickHandler(t)}},o=new WeakMap},94432:function(t,e,i){"use strict";var o,n=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},s=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.Particle=void 0;const r=i(33086),a=i(75846),l=i(33273),c=i(68153),u=i(5591),d=i(11203),h=i(10568),p=i(9821),v=t=>{((0,l.isInArray)(t.outMode,t.checkModes)||(0,l.isInArray)(t.outMode,t.checkModes))&&(t.coord>t.maxCoord-2*t.radius?t.setCb(-t.radius):t.coord<2*t.radius&&t.setCb(t.radius))};e.Particle=class{constructor(t,e,i,h,p,v){var f,y,g,m,b,_,w;this.id=e,this.container=i,this.group=v,o.set(this,void 0),n(this,o,t,"f"),this.fill=!0,this.close=!0,this.lastPathTime=0,this.destroyed=!1,this.unbreakable=!1,this.splitCount=0,this.misplaced=!1,this.retina={maxDistance:{}},this.ignoresResizeRatio=!0;const S=i.retina.pixelRatio,P=i.actualOptions,x=new c.ParticlesOptions;x.load(P.particles);const O=x.shape.type,M=x.reduceDuplicates;if(this.shape=O instanceof Array?(0,l.itemFromArray)(O,this.id,M):O,null==p?void 0:p.shape){if(p.shape.type){const t=p.shape.type;this.shape=t instanceof Array?(0,l.itemFromArray)(t,this.id,M):t}const t=new u.Shape;t.load(p.shape),this.shape&&(this.shapeData=this.loadShapeData(t,M))}else this.shapeData=this.loadShapeData(x.shape,M);void 0!==p&&x.load(p),void 0!==(null===(f=this.shapeData)||void 0===f?void 0:f.particles)&&x.load(null===(y=this.shapeData)||void 0===y?void 0:y.particles),this.fill=null!==(m=null===(g=this.shapeData)||void 0===g?void 0:g.fill)&&void 0!==m?m:this.fill,this.close=null!==(_=null===(b=this.shapeData)||void 0===b?void 0:b.close)&&void 0!==_?_:this.close,this.options=x,this.pathDelay=1e3*(0,r.getValue)(this.options.move.path.delay);const C=(0,r.getRangeValue)(this.options.zIndex.value);i.retina.initParticle(this);const A=this.options.size,R=A.value;this.size={enable:A.animation.enable,value:(0,r.getValue)(A)*i.retina.pixelRatio,max:(0,r.getRangeMax)(R)*S,min:(0,r.getRangeMin)(R)*S,loops:0,maxLoops:(0,r.getRangeValue)(A.animation.count)};const V=A.animation;if(V.enable){switch(this.size.status=0,V.startValue){case"min":this.size.value=this.size.min,this.size.status=0;break;case"random":this.size.value=(0,r.randomInRange)(this.size)*S,this.size.status=Math.random()>=.5?0:1;break;default:this.size.value=this.size.max,this.size.status=1}this.size.velocity=(null!==(w=this.retina.sizeAnimationSpeed)&&void 0!==w?w:i.retina.sizeAnimationSpeed)/100*i.retina.reduceFactor,V.sync||(this.size.velocity*=Math.random())}this.direction=(0,r.getParticleDirectionAngle)(this.options.move.direction),this.bubble={inRange:!1},this.initialVelocity=this.calculateVelocity(),this.velocity=this.initialVelocity.copy(),this.moveDecay=1-(0,r.getRangeValue)(this.options.move.decay);const E=this.options.move.gravity;this.gravity={enable:E.enable,acceleration:(0,r.getRangeValue)(E.acceleration),inverse:E.inverse},this.position=this.calcPosition(i,h,(0,r.clamp)(C,0,i.zLayers)),this.initialPosition=this.position.copy(),this.offset=d.Vector.origin;const T=i.particles;T.needsSort=T.needsSort||T.lastZIndex0,this.shadowColor=(0,a.colorToRgb)(this.options.shadow.color);for(const t of i.particles.updaters)t.init&&t.init(this);G&&G.particleInit&&G.particleInit(i,this);for(const[,t]of i.plugins)t.particleCreated&&t.particleCreated(this)}isVisible(){return!this.destroyed&&!this.spawning&&this.isInsideCanvas()}isInsideCanvas(){const t=this.getRadius(),e=this.container.canvas.size;return this.position.x>=-t&&this.position.y>=-t&&this.position.y<=e.height+t&&this.position.x<=e.width+t}draw(t){const e=this.container;for(const[,i]of e.plugins)e.canvas.drawParticlePlugin(i,this,t);e.canvas.drawParticle(this,t)}getPosition(){return{x:this.position.x+this.offset.x,y:this.position.y+this.offset.y,z:this.position.z}}getRadius(){var t;return null!==(t=this.bubble.radius)&&void 0!==t?t:this.size.value}getMass(){return this.getRadius()**2*Math.PI/2}getFillColor(){var t,e;const i=null!==(t=this.bubble.color)&&void 0!==t?t:(0,a.getHslFromAnimation)(this.color);if(i&&this.roll&&(this.backColor||this.roll.alter)){const t="both"===this.options.roll.mode?2:1,o="horizontal"===this.options.roll.mode?Math.PI/2:0;if(Math.floor(((null!==(e=this.roll.angle)&&void 0!==e?e:0)+o)/(Math.PI/t))%2){if(this.backColor)return this.backColor;if(this.roll.alter)return(0,p.alterHsl)(i,this.roll.alter.type,this.roll.alter.value)}}return i}getStrokeColor(){var t,e;return null!==(e=null!==(t=this.bubble.color)&&void 0!==t?t:(0,a.getHslFromAnimation)(this.strokeColor))&&void 0!==e?e:this.getFillColor()}destroy(t){if(this.destroyed=!0,this.bubble.inRange=!1,this.unbreakable)return;this.destroyed=!0,this.bubble.inRange=!1;for(const[,e]of this.container.plugins)e.particleDestroyed&&e.particleDestroyed(this,t);if(t)return;"split"===this.options.destroy.mode&&this.split()}reset(){this.opacity&&(this.opacity.loops=0),this.size.loops=0}split(){const t=this.options.destroy.split;if(t.count>=0&&this.splitCount++>t.count)return;const e=(0,r.getRangeValue)(t.rate.value);for(let t=0;t{v({outMode:e,checkModes:["bounce","bounce-horizontal"],coord:d.x,maxCoord:t.canvas.size.width,setCb:t=>d.x+=t,radius:p})},g=e=>{v({outMode:e,checkModes:["bounce","bounce-vertical"],coord:d.y,maxCoord:t.canvas.size.height,setCb:t=>d.y+=t,radius:p})};return y(null!==(n=f.left)&&void 0!==n?n:f.default),y(null!==(s=f.right)&&void 0!==s?s:f.default),g(null!==(a=f.top)&&void 0!==a?a:f.default),g(null!==(l=f.bottom)&&void 0!==l?l:f.default),this.checkOverlap(d,o)?this.calcPosition(t,void 0,i,o+1):d}checkOverlap(t,e=0){const i=this.options.collisions,o=this.getRadius();if(!i.enable)return!1;const n=i.overlap;if(n.enable)return!1;const s=n.retries;if(s>=0&&e>s)throw new Error("Particle is overlapping and can't be placed");let a=!1;for(const e of this.container.particles.array)if((0,r.getDistance)(t,e.position)=0&&t<=this.count))return;let n=0;for(let s=t;ne.position.z-t.position.z||t.id-e.id)),this.lastZIndex=this.zArray[this.zArray.length-1].position.z,this.needsSort=!1);for(const[,i]of e.plugins)e.canvas.drawPlugin(i,t);for(const e of this.zArray)e.draw(t)}clear(){this.array=[],this.zArray=[]}push(t,e,i,o){this.pushing=!0;for(let n=0;n0){const t=this.count+1-n;t>0&&this.removeQuantity(t)}return this.pushParticle(t,e,i)}addSplitParticle(t){const e=t.options.destroy.split,i=new c.ParticlesOptions;i.load(t.options);const o=(0,r.getRangeValue)(e.factor.value);i.color.load({value:{hsl:t.getFillColor()}}),"number"==typeof i.size.value?i.size.value/=o:(i.size.value.min/=o,i.size.value.max/=o),i.load(e.particles);const n=e.sizeOffset?(0,r.setRangeValue)(-t.size.value,t.size.value):0,s={x:t.position.x+(0,r.randomInRange)(n),y:t.position.y+(0,r.randomInRange)(n)};return this.pushParticle(s,i,t.group,(e=>!(e.size.value<.5)&&(e.velocity.length=(0,r.randomInRange)((0,r.setRangeValue)(t.velocity.length,e.velocity.length)),e.splitCount=t.splitCount+1,e.unbreakable=!0,setTimeout((()=>{e.unbreakable=!1}),500),!0)))}removeQuantity(t,e){this.removeAt(0,t,e)}getLinkFrequency(t,e){const i=(0,r.setRangeValue)(t.id,e.id),o=`${(0,r.getRangeMin)(i)}_${(0,r.getRangeMax)(i)}`;let n=this.freqs.links.get(o);return void 0===n&&(n=Math.random(),this.freqs.links.set(o,n)),n}getTriangleFrequency(t,e,i){let[o,n,s]=[t.id,e.id,i.id];o>n&&([n,o]=[o,n]),n>s&&([s,n]=[n,s]),o>s&&([s,o]=[o,s]);const r=`${o}_${n}_${s}`;let a=this.freqs.triangles.get(r);return void 0===a&&(a=Math.random(),this.freqs.triangles.set(r,a)),a}addManualParticles(){const t=this.container,e=t.actualOptions;for(const i of e.manualParticles)this.addParticle((0,r.calcPositionFromSize)({size:t.canvas.size,position:i.position}),i.options)}setDensity(){const t=this.container.actualOptions;for(const e in t.particles.groups)this.applyDensity(t.particles.groups[e],0,e);this.applyDensity(t.particles,t.manualParticles.length)}handleClickMode(t){this.interactionManager.handleClickMode(t)}applyDensity(t,e,i){var o;if(!(null===(o=t.number.density)||void 0===o?void 0:o.enable))return;const n=t.number,s=this.initDensityFactor(n.density),r=n.value,a=n.limit>0?n.limit:r,l=Math.min(r,a)*s+e,c=Math.min(this.count,this.array.filter((t=>t.group===i)).length);this.limit=n.limit*s,cl&&this.removeQuantity(c-l,i)}initDensityFactor(t){const e=this.container;if(!e.canvas.element||!t.enable)return 1;const i=e.canvas.element,o=e.retina.pixelRatio;return i.width*i.height/(t.factor*o**2*t.area)}pushParticle(t,e,i,n){try{const r=new l.Particle(s(this,o,"f"),this.nextId,this.container,t,e,i);let a=!0;if(n&&(a=n(r)),!a)return;return this.array.push(r),this.zArray.push(r),this.nextId++,r}catch(t){return void console.warn(`error adding particle: ${t}`)}}},o=new WeakMap},99541:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Retina=void 0;const o=i(33086),n=i(33273);e.Retina=class{constructor(t){this.container=t}init(){const t=this.container,e=t.actualOptions;this.pixelRatio=!e.detectRetina||(0,n.isSsr)()?1:window.devicePixelRatio;const i=this.container.actualOptions.motion;if(i&&(i.disable||i.reduce.value))if((0,n.isSsr)()||"undefined"==typeof matchMedia||!matchMedia)this.reduceFactor=1;else{const e=matchMedia("(prefers-reduced-motion: reduce)");if(e){this.handleMotionChange(e);const i=()=>{this.handleMotionChange(e),t.refresh().catch((()=>{}))};void 0!==e.addEventListener?e.addEventListener("change",i):void 0!==e.addListener&&e.addListener(i)}}else this.reduceFactor=1;const s=this.pixelRatio;if(t.canvas.element){const e=t.canvas.element;t.canvas.size.width=e.offsetWidth*s,t.canvas.size.height=e.offsetHeight*s}const r=e.particles;this.attractDistance=(0,o.getRangeValue)(r.move.attract.distance)*s,this.linksDistance=r.links.distance*s,this.linksWidth=r.links.width*s,this.sizeAnimationSpeed=(0,o.getRangeValue)(r.size.animation.speed)*s,this.maxSpeed=(0,o.getRangeValue)(r.move.gravity.maxSpeed)*s;const a=e.interactivity.modes;this.connectModeDistance=a.connect.distance*s,this.connectModeRadius=a.connect.radius*s,this.grabModeDistance=a.grab.distance*s,this.repulseModeDistance=a.repulse.distance*s,this.bounceModeDistance=a.bounce.distance*s,this.attractModeDistance=a.attract.distance*s,this.slowModeRadius=a.slow.radius*s,this.bubbleModeDistance=a.bubble.distance*s,a.bubble.size&&(this.bubbleModeSize=a.bubble.size*s)}initParticle(t){const e=t.options,i=this.pixelRatio,n=e.move.distance,s=t.retina;s.attractDistance=(0,o.getRangeValue)(e.move.attract.distance)*i,s.linksDistance=e.links.distance*i,s.linksWidth=e.links.width*i,s.moveDrift=(0,o.getRangeValue)(e.move.drift)*i,s.moveSpeed=(0,o.getRangeValue)(e.move.speed)*i,s.sizeAnimationSpeed=(0,o.getRangeValue)(e.size.animation.speed)*i;const r=s.maxDistance;r.horizontal=void 0!==n.horizontal?n.horizontal*i:void 0,r.vertical=void 0!==n.vertical?n.vertical*i:void 0,s.maxSpeed=(0,o.getRangeValue)(e.move.gravity.maxSpeed)*i}handleMotionChange(t){const e=this.container.actualOptions;if(t.matches){const t=e.motion;this.reduceFactor=t.disable?0:t.reduce.value?1/t.reduce.factor:1}else this.reduceFactor=1}}},42660:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Circle=void 0;const o=i(78795),n=i(33086);class s extends o.Range{constructor(t,e,i){super(t,e),this.radius=i}contains(t){return(0,n.getDistance)(t,this.position)<=this.radius}intersects(t){const e=t,i=t,o=this.position,n=t.position,s=Math.abs(n.x-o.x),r=Math.abs(n.y-o.y),a=this.radius;if(void 0!==i.radius){return a+i.radius>Math.sqrt(s*s+r+r)}if(void 0!==e.size){const t=e.size.width,i=e.size.height,o=Math.pow(s-t,2)+Math.pow(r-i,2);return!(s>a+t||r>a+i)&&(s<=t||r<=i||o<=a*a)}return!1}}e.Circle=s},28858:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CircleWarp=void 0;const o=i(42660),n=i(95723);class s extends o.Circle{constructor(t,e,i,o){super(t,e,i),this.canvasSize=o,this.canvasSize=Object.assign({},o)}contains(t){if(super.contains(t))return!0;const e={x:t.x-this.canvasSize.width,y:t.y};if(super.contains(e))return!0;const i={x:t.x-this.canvasSize.width,y:t.y-this.canvasSize.height};if(super.contains(i))return!0;const o={x:t.x,y:t.y-this.canvasSize.height};return super.contains(o)}intersects(t){if(super.intersects(t))return!0;const e=t,i=t,s={x:t.position.x-this.canvasSize.width,y:t.position.y-this.canvasSize.height};if(void 0!==i.radius){const t=new o.Circle(s.x,s.y,2*i.radius);return super.intersects(t)}if(void 0!==e.size){const t=new n.Rectangle(s.x,s.y,2*e.size.width,2*e.size.height);return super.intersects(t)}return!1}}e.CircleWarp=s},22503:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Constants=void 0;class i{}e.Constants=i,i.generatedAttribute="generated",i.randomColorValue="random",i.midColorValue="mid",i.touchEndEvent="touchend",i.mouseDownEvent="mousedown",i.mouseUpEvent="mouseup",i.mouseMoveEvent="mousemove",i.touchStartEvent="touchstart",i.touchMoveEvent="touchmove",i.mouseLeaveEvent="mouseleave",i.mouseOutEvent="mouseout",i.touchCancelEvent="touchcancel",i.resizeEvent="resize",i.visibilityChangeEvent="visibilitychange",i.noPolygonDataLoaded="No polygon data loaded.",i.noPolygonFound="No polygon found, you need to specify SVG url in config."},45609:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.EventListeners=void 0;const o=i(22503),n=i(33273);function s(t,e,i,o,n){if(o){let o={passive:!0};"boolean"==typeof n?o.capture=n:void 0!==n&&(o=n),t.addEventListener(e,i,o)}else{const o=n;t.removeEventListener(e,i,o)}}e.EventListeners=class{constructor(t){this.container=t,this.canPush=!0,this.mouseMoveHandler=t=>this.mouseTouchMove(t),this.touchStartHandler=t=>this.mouseTouchMove(t),this.touchMoveHandler=t=>this.mouseTouchMove(t),this.touchEndHandler=()=>this.mouseTouchFinish(),this.mouseLeaveHandler=()=>this.mouseTouchFinish(),this.touchCancelHandler=()=>this.mouseTouchFinish(),this.touchEndClickHandler=t=>this.mouseTouchClick(t),this.mouseUpHandler=t=>this.mouseTouchClick(t),this.mouseDownHandler=()=>this.mouseDown(),this.visibilityChangeHandler=()=>this.handleVisibilityChange(),this.themeChangeHandler=t=>this.handleThemeChange(t),this.oldThemeChangeHandler=t=>this.handleThemeChange(t),this.resizeHandler=()=>this.handleWindowResize()}addListeners(){this.manageListeners(!0)}removeListeners(){this.manageListeners(!1)}manageListeners(t){var e;const i=this.container,r=i.actualOptions,a=r.interactivity.detectsOn;let l=o.Constants.mouseLeaveEvent;if("window"===a)i.interactivity.element=window,l=o.Constants.mouseOutEvent;else if("parent"===a&&i.canvas.element){const t=i.canvas.element;i.interactivity.element=null!==(e=t.parentElement)&&void 0!==e?e:t.parentNode}else i.interactivity.element=i.canvas.element;const c=!(0,n.isSsr)()&&"undefined"!=typeof matchMedia&&matchMedia("(prefers-color-scheme: dark)");c&&(void 0!==c.addEventListener?s(c,"change",this.themeChangeHandler,t):void 0!==c.addListener&&(t?c.addListener(this.oldThemeChangeHandler):c.removeListener(this.oldThemeChangeHandler)));const u=i.interactivity.element;if(!u)return;const d=u;(r.interactivity.events.onHover.enable||r.interactivity.events.onClick.enable)&&(s(u,o.Constants.mouseMoveEvent,this.mouseMoveHandler,t),s(u,o.Constants.touchStartEvent,this.touchStartHandler,t),s(u,o.Constants.touchMoveEvent,this.touchMoveHandler,t),r.interactivity.events.onClick.enable?(s(u,o.Constants.touchEndEvent,this.touchEndClickHandler,t),s(u,o.Constants.mouseUpEvent,this.mouseUpHandler,t),s(u,o.Constants.mouseDownEvent,this.mouseDownHandler,t)):s(u,o.Constants.touchEndEvent,this.touchEndHandler,t),s(u,l,this.mouseLeaveHandler,t),s(u,o.Constants.touchCancelEvent,this.touchCancelHandler,t)),i.canvas.element&&(i.canvas.element.style.pointerEvents=d===i.canvas.element?"initial":"none"),r.interactivity.events.resize&&("undefined"!=typeof ResizeObserver?this.resizeObserver&&!t?(i.canvas.element&&this.resizeObserver.unobserve(i.canvas.element),this.resizeObserver.disconnect(),delete this.resizeObserver):!this.resizeObserver&&t&&i.canvas.element&&(this.resizeObserver=new ResizeObserver((t=>{t.find((t=>t.target===i.canvas.element))&&this.handleWindowResize()})),this.resizeObserver.observe(i.canvas.element)):s(window,o.Constants.resizeEvent,this.resizeHandler,t)),document&&s(document,o.Constants.visibilityChangeEvent,this.visibilityChangeHandler,t,!1)}handleWindowResize(){this.resizeTimeout&&(clearTimeout(this.resizeTimeout),delete this.resizeTimeout),this.resizeTimeout=setTimeout((async()=>{var t;return await(null===(t=this.container.canvas)||void 0===t?void 0:t.windowResize())}),500)}handleVisibilityChange(){const t=this.container,e=t.actualOptions;this.mouseTouchFinish(),e.pauseOnBlur&&((null===document||void 0===document?void 0:document.hidden)?(t.pageHidden=!0,t.pause()):(t.pageHidden=!1,t.getAnimationStatus()?t.play(!0):t.draw(!0)))}mouseDown(){const t=this.container.interactivity;if(t){const e=t.mouse;e.clicking=!0,e.downPosition=e.position}}mouseTouchMove(t){var e,i,n,s,r,a,l;const c=this.container,u=c.actualOptions;if(!(null===(e=c.interactivity)||void 0===e?void 0:e.element))return;let d;c.interactivity.mouse.inside=!0;const h=c.canvas.element;if(t.type.startsWith("mouse")){this.canPush=!0;const e=t;if(c.interactivity.element===window){if(h){const t=h.getBoundingClientRect();d={x:e.clientX-t.left,y:e.clientY-t.top}}}else if("parent"===u.interactivity.detectsOn){const t=e.target,o=e.currentTarget,s=c.canvas.element;if(t&&o&&s){const i=t.getBoundingClientRect(),n=o.getBoundingClientRect(),r=s.getBoundingClientRect();d={x:e.offsetX+2*i.left-(n.left+r.left),y:e.offsetY+2*i.top-(n.top+r.top)}}else d={x:null!==(i=e.offsetX)&&void 0!==i?i:e.clientX,y:null!==(n=e.offsetY)&&void 0!==n?n:e.clientY}}else e.target===c.canvas.element&&(d={x:null!==(s=e.offsetX)&&void 0!==s?s:e.clientX,y:null!==(r=e.offsetY)&&void 0!==r?r:e.clientY})}else{this.canPush="touchmove"!==t.type;const e=t,i=e.touches[e.touches.length-1],o=null==h?void 0:h.getBoundingClientRect();d={x:i.clientX-(null!==(a=null==o?void 0:o.left)&&void 0!==a?a:0),y:i.clientY-(null!==(l=null==o?void 0:o.top)&&void 0!==l?l:0)}}const p=c.retina.pixelRatio;d&&(d.x*=p,d.y*=p),c.interactivity.mouse.position=d,c.interactivity.status=o.Constants.mouseMoveEvent}mouseTouchFinish(){const t=this.container.interactivity;if(!t)return;const e=t.mouse;delete e.position,delete e.clickPosition,delete e.downPosition,t.status=o.Constants.mouseLeaveEvent,e.inside=!1,e.clicking=!1}mouseTouchClick(t){const e=this.container,i=e.actualOptions,o=e.interactivity.mouse;o.inside=!0;let n=!1;const s=o.position;if(s&&i.interactivity.events.onClick.enable){for(const[,t]of e.plugins)if(t.clickPositionValid&&(n=t.clickPositionValid(s),n))break;n||this.doMouseTouchClick(t),o.clicking=!1}}doMouseTouchClick(t){const e=this.container,i=e.actualOptions;if(this.canPush){const t=e.interactivity.mouse.position;if(!t)return;e.interactivity.mouse.clickPosition={x:t.x,y:t.y},e.interactivity.mouse.clickTime=(new Date).getTime();const o=i.interactivity.events.onClick;if(o.mode instanceof Array)for(const t of o.mode)this.handleClickMode(t);else this.handleClickMode(o.mode)}"touchend"===t.type&&setTimeout((()=>this.mouseTouchFinish()),500)}handleThemeChange(t){const e=t.matches?this.container.options.defaultDarkTheme:this.container.options.defaultLightTheme,i=this.container.options.themes.find((t=>t.name===e));i&&i.default.auto&&this.container.loadTheme(e)}handleClickMode(t){this.container.handleClickMode(t)}}},24405:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ExternalInteractorBase=void 0;e.ExternalInteractorBase=class{constructor(t){this.container=t,this.type=0}}},36968:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.FrameManager=void 0;e.FrameManager=class{constructor(t){this.container=t}async nextFrame(t){var e;try{const i=this.container;if(void 0!==i.lastFrameTime&&t1e3)return void i.draw(!1);if(await i.particles.draw(n),i.duration>0&&i.lifeTime>i.duration)return void i.destroy();i.getAnimationStatus()&&i.draw(!1)}catch(t){console.error("tsParticles error in animation loop",t)}}}},33531:function(t,e){"use strict";var i,o=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},n=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.InteractionManager=void 0;e.InteractionManager=class{constructor(t,e){this.container=e,i.set(this,void 0),o(this,i,t,"f"),this.externalInteractors=[],this.particleInteractors=[],this.init()}init(){const t=n(this,i,"f").plugins.getInteractors(this.container,!0);this.externalInteractors=[],this.particleInteractors=[];for(const e of t)switch(e.type){case 0:this.externalInteractors.push(e);break;case 1:this.particleInteractors.push(e)}}async externalInteract(t){for(const e of this.externalInteractors)e.isEnabled()&&await e.interact(t)}async particlesInteract(t,e){for(const e of this.externalInteractors)e.reset(t);for(const i of this.particleInteractors)i.isEnabled(t)&&await i.interact(t,e)}handleClickMode(t){for(const e of this.externalInteractors)e.handleClickMode&&e.handleClickMode(t)}},i=new WeakMap},85015:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ParticlesInteractorBase=void 0;e.ParticlesInteractorBase=class{constructor(t){this.container=t,this.type=1}}},41854:function(t,e){"use strict";var i,o=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i};Object.defineProperty(e,"__esModule",{value:!0}),e.Plugins=void 0;e.Plugins=class{constructor(t){i.set(this,void 0),o(this,i,t,"f"),this.plugins=[],this.interactorsInitializers=new Map,this.moversInitializers=new Map,this.updatersInitializers=new Map,this.interactors=new Map,this.movers=new Map,this.updaters=new Map,this.presets=new Map,this.drawers=new Map,this.pathGenerators=new Map}getPlugin(t){return this.plugins.find((e=>e.id===t))}addPlugin(t){this.getPlugin(t.id)||this.plugins.push(t)}getAvailablePlugins(t){const e=new Map;for(const i of this.plugins)i.needsPlugin(t.actualOptions)&&e.set(i.id,i.getPlugin(t));return e}loadOptions(t,e){for(const i of this.plugins)i.loadOptions(t,e)}getPreset(t){return this.presets.get(t)}addPreset(t,e,i=!1){!i&&this.getPreset(t)||this.presets.set(t,e)}getShapeDrawer(t){return this.drawers.get(t)}addShapeDrawer(t,e){this.getShapeDrawer(t)||this.drawers.set(t,e)}getSupportedShapes(){return this.drawers.keys()}getPathGenerator(t){return this.pathGenerators.get(t)}addPathGenerator(t,e){this.getPathGenerator(t)||this.pathGenerators.set(t,e)}getInteractors(t,e=!1){let i=this.interactors.get(t);return i&&!e||(i=[...this.interactorsInitializers.values()].map((e=>e(t))),this.interactors.set(t,i)),i}addInteractor(t,e){this.interactorsInitializers.set(t,e)}getUpdaters(t,e=!1){let i=this.updaters.get(t);return i&&!e||(i=[...this.updatersInitializers.values()].map((e=>e(t))),this.updaters.set(t,i)),i}addParticleUpdater(t,e){this.updatersInitializers.set(t,e)}getMovers(t,e=!1){let i=this.movers.get(t);return i&&!e||(i=[...this.moversInitializers.values()].map((e=>e(t))),this.movers.set(t,i)),i}addParticleMover(t,e){this.moversInitializers.set(t,e)}},i=new WeakMap},17284:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Point=void 0;e.Point=class{constructor(t,e){this.position=t,this.particle=e}}},41919:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.QuadTree=void 0;const o=i(42660),n=i(28858),s=i(95723),r=i(33086);class a{constructor(t,e){this.rectangle=t,this.capacity=e,this.points=[],this.divided=!1}insert(t){var e,i,o,n,s;return!!this.rectangle.contains(t.position)&&(this.points.lengthe.particle.getRadius()||a.push(e.particle);return this.divided&&(null===(i=this.northEast)||void 0===i||i.query(t,a),null===(o=this.northWest)||void 0===o||o.query(t,a),null===(n=this.southEast)||void 0===n||n.query(t,a),null===(s=this.southWest)||void 0===s||s.query(t,a)),a}subdivide(){const t=this.rectangle.position.x,e=this.rectangle.position.y,i=this.rectangle.size.width,o=this.rectangle.size.height,n=this.capacity;this.northEast=new a(new s.Rectangle(t,e,i/2,o/2),n),this.northWest=new a(new s.Rectangle(t+i/2,e,i/2,o/2),n),this.southEast=new a(new s.Rectangle(t,e+o/2,i/2,o/2),n),this.southWest=new a(new s.Rectangle(t+i/2,e+o/2,i/2,o/2),n),this.divided=!0}}e.QuadTree=a},78795:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Range=void 0;e.Range=class{constructor(t,e){this.position={x:t,y:e}}}},95723:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Rectangle=void 0;const o=i(78795);class n extends o.Range{constructor(t,e,i,o){super(t,e),this.size={height:o,width:i}}contains(t){const e=this.size.width,i=this.size.height,o=this.position;return t.x>=o.x&&t.x<=o.x+e&&t.y>=o.y&&t.y<=o.y+i}intersects(t){const e=t,i=t,o=this.size.width,n=this.size.height,s=this.position,r=t.position;if(void 0!==i.radius)return i.intersects(this);if(!e.size)return!1;const a=e.size,l=a.width,c=a.height;return r.xs.x&&r.ys.y}}e.Rectangle=n},11203:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Vector=void 0;class i{constructor(t,e){if("number"!=typeof t&&t)this.x=t.x,this.y=t.y;else{if(void 0===t||void 0===e)throw new Error("tsParticles - Vector not initialized correctly");this.x=t,this.y=e}}static clone(t){return i.create(t.x,t.y)}static create(t,e){return new i(t,e)}static get origin(){return i.create(0,0)}get angle(){return Math.atan2(this.y,this.x)}set angle(t){this.updateFromAngle(t,this.length)}get length(){return Math.sqrt(this.getLengthSq())}set length(t){this.updateFromAngle(this.angle,t)}add(t){return i.create(this.x+t.x,this.y+t.y)}addTo(t){this.x+=t.x,this.y+=t.y}sub(t){return i.create(this.x-t.x,this.y-t.y)}subFrom(t){this.x-=t.x,this.y-=t.y}mult(t){return i.create(this.x*t,this.y*t)}multTo(t){this.x*=t,this.y*=t}div(t){return i.create(this.x/t,this.y/t)}divTo(t){this.x/=t,this.y/=t}distanceTo(t){return this.sub(t).length}getLengthSq(){return this.x**2+this.y**2}distanceToSq(t){return this.sub(t).getLengthSq()}manhattanDistanceTo(t){return Math.abs(t.x-this.x)+Math.abs(t.y-this.y)}copy(){return i.clone(this)}setTo(t){this.x=t.x,this.y=t.y}rotate(t){return i.create(this.x*Math.cos(t)-this.y*Math.sin(t),this.x*Math.sin(t)+this.y*Math.cos(t))}updateFromAngle(t,e){this.x=Math.cos(t)*e,this.y=Math.sin(t)*e}}e.Vector=i},10568:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Vector3d=void 0;const o=i(11203);class n extends o.Vector{constructor(t,e,i){if(super(t,e),"number"!=typeof t&&t)this.z=t.z;else{if(void 0===i)throw new Error("tsParticles - Vector not initialized correctly");this.z=i}}static clone(t){return n.create(t.x,t.y,t.z)}static create(t,e,i){return new n(t,e,i)}static get origin(){return n.create(0,0,0)}add(t){return t instanceof n?n.create(this.x+t.x,this.y+t.y,this.z+t.z):super.add(t)}addTo(t){super.addTo(t),t instanceof n&&(this.z+=t.z)}sub(t){return t instanceof n?n.create(this.x-t.x,this.y-t.y,this.z-t.z):super.sub(t)}subFrom(t){super.subFrom(t),t instanceof n&&(this.z-=t.z)}mult(t){return n.create(this.x*t,this.y*t,this.z*t)}multTo(t){super.multTo(t),this.z*=t}div(t){return n.create(this.x/t,this.y/t,this.z/t)}divTo(t){super.divTo(t),this.z/=t}copy(){return n.clone(this)}setTo(t){super.setTo(t);const e=t;void 0!==e.z&&(this.z=e.z)}}e.Vector3d=n},26639:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},43892:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},40220:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},52450:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},22630:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},23095:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},61967:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},92783:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},4789:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},41552:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},5157:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},46015:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},83195:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},92134:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},844:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},37250:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},15189:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},69259:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},74078:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},56304:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},77345:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},85034:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},39516:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},33224:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},5986:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Attractor=void 0;const o=i(33086),n=i(42660),s=i(22503),r=i(24405),a=i(11203),l=i(33273);class c extends r.ExternalInteractorBase{constructor(t){super(t),t.attract||(t.attract={particles:[]}),this.handleClickMode=e=>{const i=this.container.actualOptions;if("attract"===e){t.attract||(t.attract={particles:[]}),t.attract.clicking=!0,t.attract.count=0;for(const e of t.attract.particles)e.velocity.setTo(e.initialVelocity);t.attract.particles=[],t.attract.finish=!1,setTimeout((()=>{t.destroyed||(t.attract||(t.attract={particles:[]}),t.attract.clicking=!1)}),1e3*i.interactivity.modes.attract.duration)}}}isEnabled(){const t=this.container,e=t.actualOptions,i=t.interactivity.mouse,o=e.interactivity.events;if(!(i.position&&o.onHover.enable||i.clickPosition&&o.onClick.enable))return!1;const n=o.onHover.mode,s=o.onClick.mode;return(0,l.isInArray)("attract",n)||(0,l.isInArray)("attract",s)}reset(){}async interact(){const t=this.container,e=t.actualOptions,i=t.interactivity.status===s.Constants.mouseMoveEvent,o=e.interactivity.events,n=o.onHover.enable,r=o.onHover.mode,a=o.onClick.enable,c=o.onClick.mode;i&&n&&(0,l.isInArray)("attract",r)?this.hoverAttract():a&&(0,l.isInArray)("attract",c)&&this.clickAttract()}hoverAttract(){const t=this.container,e=t.interactivity.mouse.position;if(!e)return;const i=t.retina.attractModeDistance;this.processAttract(e,i,new n.Circle(e.x,e.y,i))}processAttract(t,e,i){const n=this.container,s=n.actualOptions.interactivity.modes.attract,r=n.particles.quadTree.query(i);for(const i of r){const{dx:n,dy:r,distance:l}=(0,o.getDistances)(i.position,t),c=s.speed*s.factor,u=(0,o.clamp)((0,o.calcEasing)(1-l/e,s.easing)*c,0,s.maxSpeed),d=a.Vector.create(0===l?c:n/l*u,0===l?c:r/l*u);i.position.subFrom(d)}}clickAttract(){const t=this.container;if(t.attract||(t.attract={particles:[]}),t.attract.finish||(t.attract.count||(t.attract.count=0),t.attract.count++,t.attract.count===t.particles.count&&(t.attract.finish=!0)),t.attract.clicking){const e=t.interactivity.mouse.clickPosition;if(!e)return;const i=t.retina.attractModeDistance;this.processAttract(e,i,new n.Circle(e.x,e.y,i))}else!1===t.attract.clicking&&(t.attract.particles=[])}}e.Attractor=c},34142:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalAttractInteraction=void 0;const o=i(5986);e.loadExternalAttractInteraction=async function(t){await t.addInteractor("externalAttract",(t=>new o.Attractor(t)))}},53151:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Bouncer=void 0;const o=i(33273),n=i(42660),s=i(22503),r=i(24405),a=i(95723),l=i(11203);class c extends r.ExternalInteractorBase{constructor(t){super(t)}isEnabled(){const t=this.container,e=t.actualOptions,i=t.interactivity.mouse,n=e.interactivity.events,s=n.onDiv;return i.position&&n.onHover.enable&&(0,o.isInArray)("bounce",n.onHover.mode)||(0,o.isDivModeEnabled)("bounce",s)}async interact(){const t=this.container,e=t.actualOptions.interactivity.events,i=t.interactivity.status===s.Constants.mouseMoveEvent,n=e.onHover.enable,r=e.onHover.mode,a=e.onDiv;i&&n&&(0,o.isInArray)("bounce",r)?this.processMouseBounce():(0,o.divModeExecute)("bounce",a,((t,e)=>this.singleSelectorBounce(t,e)))}reset(){}processMouseBounce(){const t=this.container,e=10*t.retina.pixelRatio,i=t.interactivity.mouse.position,o=t.retina.bounceModeDistance;i&&this.processBounce(i,o,new n.Circle(i.x,i.y,o+e))}singleSelectorBounce(t,e){const i=this.container,o=document.querySelectorAll(t);o.length&&o.forEach((t=>{const o=t,s=i.retina.pixelRatio,r={x:(o.offsetLeft+o.offsetWidth/2)*s,y:(o.offsetTop+o.offsetHeight/2)*s},l=o.offsetWidth/2*s,c=10*s,u="circle"===e.type?new n.Circle(r.x,r.y,l+c):new a.Rectangle(o.offsetLeft*s-c,o.offsetTop*s-c,o.offsetWidth*s+2*c,o.offsetHeight*s+2*c);this.processBounce(r,l,u)}))}processBounce(t,e,i){const s=this.container.particles.quadTree.query(i);for(const r of s)i instanceof n.Circle?(0,o.circleBounce)((0,o.circleBounceDataFromParticle)(r),{position:t,radius:e,mass:e**2*Math.PI/2,velocity:l.Vector.origin,factor:l.Vector.origin}):i instanceof a.Rectangle&&(0,o.rectBounce)(r,(0,o.calculateBounds)(t,e))}}e.Bouncer=c},52841:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalBounceInteraction=void 0;const o=i(53151);e.loadExternalBounceInteraction=async function(t){await t.addInteractor("externalBounce",(t=>new o.Bouncer(t)))}},41415:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Bubbler=void 0;const o=i(33086),n=i(75846),s=i(33273),r=i(42660),a=i(22503),l=i(24405),c=i(95723);function u(t,e,i,n){if(e>=i){const s=t+(e-i)*n;return(0,o.clamp)(s,t,e)}if(e{"bubble"===e&&(t.bubble||(t.bubble={}),t.bubble.clicking=!0)}}isEnabled(){const t=this.container,e=t.actualOptions,i=t.interactivity.mouse,o=e.interactivity.events,n=o.onDiv,r=(0,s.isDivModeEnabled)("bubble",n);if(!(r||o.onHover.enable&&i.position||o.onClick.enable&&i.clickPosition))return!1;const a=o.onHover.mode,l=o.onClick.mode;return(0,s.isInArray)("bubble",a)||(0,s.isInArray)("bubble",l)||r}reset(t,e){t.bubble.inRange&&!e||(delete t.bubble.div,delete t.bubble.opacity,delete t.bubble.radius,delete t.bubble.color)}async interact(){const t=this.container.actualOptions.interactivity.events,e=t.onHover,i=t.onClick,o=e.enable,n=e.mode,r=i.enable,a=i.mode,l=t.onDiv;o&&(0,s.isInArray)("bubble",n)?this.hoverBubble():r&&(0,s.isInArray)("bubble",a)?this.clickBubble():(0,s.divModeExecute)("bubble",l,((t,e)=>this.singleSelectorHover(t,e)))}singleSelectorHover(t,e){const i=this.container,o=document.querySelectorAll(t);o.length&&o.forEach((t=>{const o=t,n=i.retina.pixelRatio,a={x:(o.offsetLeft+o.offsetWidth/2)*n,y:(o.offsetTop+o.offsetHeight/2)*n},l=o.offsetWidth/2*n,u="circle"===e.type?new r.Circle(a.x,a.y,l):new c.Rectangle(o.offsetLeft*n,o.offsetTop*n,o.offsetWidth*n,o.offsetHeight*n),d=i.particles.quadTree.query(u);for(const t of d){if(!u.contains(t.getPosition()))continue;t.bubble.inRange=!0;const e=i.actualOptions.interactivity.modes.bubble.divs,n=(0,s.divMode)(e,o);t.bubble.div&&t.bubble.div===o||(this.reset(t,!0),t.bubble.div=o),this.hoverBubbleSize(t,1,n),this.hoverBubbleOpacity(t,1,n),this.hoverBubbleColor(t,1,n)}}))}process(t,e,i,o){const n=this.container,s=o.bubbleObj.optValue;if(void 0===s)return;const r=n.actualOptions.interactivity.modes.bubble.duration,a=n.retina.bubbleModeDistance,l=o.particlesObj.optValue,c=o.bubbleObj.value,u=o.particlesObj.value||0,d=o.type;if(s!==l)if(n.bubble||(n.bubble={}),n.bubble.durationEnd)c&&("size"===d&&delete t.bubble.radius,"opacity"===d&&delete t.bubble.opacity);else if(e<=a){if((null!=c?c:u)!==s){const e=u-i*(u-s)/r;"size"===d&&(t.bubble.radius=e),"opacity"===d&&(t.bubble.opacity=e)}}else"size"===d&&delete t.bubble.radius,"opacity"===d&&delete t.bubble.opacity}clickBubble(){var t,e;const i=this.container,n=i.actualOptions,s=i.interactivity.mouse.clickPosition;if(!s)return;i.bubble||(i.bubble={});const r=i.retina.bubbleModeDistance,a=i.particles.quadTree.queryCircle(s,r);for(const r of a){if(!i.bubble.clicking)continue;r.bubble.inRange=!i.bubble.durationEnd;const a=r.getPosition(),l=(0,o.getDistance)(a,s),c=((new Date).getTime()-(i.interactivity.mouse.clickTime||0))/1e3;c>n.interactivity.modes.bubble.duration&&(i.bubble.durationEnd=!0),c>2*n.interactivity.modes.bubble.duration&&(i.bubble.clicking=!1,i.bubble.durationEnd=!1);const u={bubbleObj:{optValue:i.retina.bubbleModeSize,value:r.bubble.radius},particlesObj:{optValue:(0,o.getRangeMax)(r.options.size.value)*i.retina.pixelRatio,value:r.size.value},type:"size"};this.process(r,l,c,u);const d={bubbleObj:{optValue:n.interactivity.modes.bubble.opacity,value:r.bubble.opacity},particlesObj:{optValue:(0,o.getRangeMax)(r.options.opacity.value),value:null!==(e=null===(t=r.opacity)||void 0===t?void 0:t.value)&&void 0!==e?e:1},type:"opacity"};this.process(r,l,c,d),i.bubble.durationEnd?delete r.bubble.color:l<=i.retina.bubbleModeDistance?this.hoverBubbleColor(r,l):delete r.bubble.color}}hoverBubble(){const t=this.container,e=t.interactivity.mouse.position;if(void 0===e)return;const i=t.retina.bubbleModeDistance,n=t.particles.quadTree.queryCircle(e,i);for(const s of n){s.bubble.inRange=!0;const n=s.getPosition(),r=(0,o.getDistance)(n,e),l=1-r/i;r<=i?l>=0&&t.interactivity.status===a.Constants.mouseMoveEvent&&(this.hoverBubbleSize(s,l),this.hoverBubbleOpacity(s,l),this.hoverBubbleColor(s,l)):this.reset(s),t.interactivity.status===a.Constants.mouseLeaveEvent&&this.reset(s)}}hoverBubbleSize(t,e,i){const n=this.container,s=(null==i?void 0:i.size)?i.size*n.retina.pixelRatio:n.retina.bubbleModeSize;if(void 0===s)return;const r=(0,o.getRangeMax)(t.options.size.value)*n.retina.pixelRatio,a=u(t.size.value,s,r,e);void 0!==a&&(t.bubble.radius=a)}hoverBubbleOpacity(t,e,i){var n,s,r;const a=this.container.actualOptions,l=null!==(n=null==i?void 0:i.opacity)&&void 0!==n?n:a.interactivity.modes.bubble.opacity;if(!l)return;const c=t.options.opacity.value,d=u(null!==(r=null===(s=t.opacity)||void 0===s?void 0:s.value)&&void 0!==r?r:1,l,(0,o.getRangeMax)(c),e);void 0!==d&&(t.bubble.opacity=d)}hoverBubbleColor(t,e,i){const o=this.container.actualOptions,r=null!=i?i:o.interactivity.modes.bubble;if(!t.bubble.finalColor){const e=r.color;if(!e)return;const i=e instanceof Array?(0,s.itemFromArray)(e):e;t.bubble.finalColor=(0,n.colorToHsl)(i)}if(t.bubble.finalColor)if(r.mix){t.bubble.color=void 0;const i=t.getFillColor();t.bubble.color=i?(0,n.rgbToHsl)((0,n.colorMix)(i,t.bubble.finalColor,1-e,e)):t.bubble.finalColor}else t.bubble.color=t.bubble.finalColor}}e.Bubbler=d},89007:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalBubbleInteraction=void 0;const o=i(41415);e.loadExternalBubbleInteraction=async function(t){await t.addInteractor("externalBubble",(t=>new o.Bubbler(t)))}},3818:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Connector=void 0;const o=i(24405),n=i(33273);class s extends o.ExternalInteractorBase{constructor(t){super(t)}isEnabled(){const t=this.container,e=t.interactivity.mouse,i=t.actualOptions.interactivity.events;return!(!i.onHover.enable||!e.position)&&(0,n.isInArray)("connect",i.onHover.mode)}reset(){}async interact(){const t=this.container;if(t.actualOptions.interactivity.events.onHover.enable&&"mousemove"===t.interactivity.status){const e=t.interactivity.mouse.position;if(!e)return;const i=Math.abs(t.retina.connectModeRadius),o=t.particles.quadTree.queryCircle(e,i);let n=0;for(const e of o){const i=e.getPosition();for(const s of o.slice(n+1)){const o=s.getPosition(),n=Math.abs(t.retina.connectModeDistance),r=Math.abs(i.x-o.x),a=Math.abs(i.y-o.y);rnew o.Connector(t)))}},59704:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Grabber=void 0;const o=i(75846),n=i(22503),s=i(24405),r=i(33086),a=i(33273);class l extends s.ExternalInteractorBase{constructor(t){super(t)}isEnabled(){const t=this.container,e=t.interactivity.mouse,i=t.actualOptions.interactivity.events;return i.onHover.enable&&!!e.position&&(0,a.isInArray)("grab",i.onHover.mode)}reset(){}async interact(){var t;const e=this.container,i=e.actualOptions,s=i.interactivity;if(!s.events.onHover.enable||e.interactivity.status!==n.Constants.mouseMoveEvent)return;const a=e.interactivity.mouse.position;if(!a)return;const l=e.retina.grabModeDistance,c=e.particles.quadTree.queryCircle(a,l);for(const n of c){const c=n.getPosition(),u=(0,r.getDistance)(c,a);if(u>l)continue;const d=s.modes.grab.links,h=d.opacity,p=h-u*h/l;if(p<=0)continue;const v=null!==(t=d.color)&&void 0!==t?t:n.options.links.color;if(!e.particles.grabLineColor){const t=i.interactivity.modes.grab.links;e.particles.grabLineColor=(0,o.getLinkRandomColor)(v,t.blink,t.consent)}const f=(0,o.getLinkColor)(n,void 0,e.particles.grabLineColor);if(!f)return;e.canvas.drawGrabLine(n,f,p,a)}}}e.Grabber=l},85215:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalGrabInteraction=void 0;const o=i(59704);e.loadExternalGrabInteraction=async function(t){await t.addInteractor("externalGrab",(t=>new o.Grabber(t)))}},42077:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Pauser=void 0;const o=i(24405);class n extends o.ExternalInteractorBase{constructor(t){super(t),this.handleClickMode=t=>{if("pause"!==t)return;const e=this.container;e.getAnimationStatus()?e.pause():e.play()}}isEnabled(){return!0}reset(){}async interact(){}}e.Pauser=n},30681:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalPauseInteraction=void 0;const o=i(42077);e.loadExternalPauseInteraction=async function(t){await t.addInteractor("externalPause",(t=>new o.Pauser(t)))}},90158:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Pusher=void 0;const o=i(24405),n=i(33273);class s extends o.ExternalInteractorBase{constructor(t){super(t),this.handleClickMode=t=>{if("push"!==t)return;const e=this.container,i=e.actualOptions,o=i.interactivity.modes.push.quantity;if(o<=0)return;const s=i.interactivity.modes.push,r=(0,n.itemFromArray)([void 0,...s.groups]),a=void 0!==r?e.actualOptions.particles.groups[r]:void 0;e.particles.push(o,e.interactivity.mouse,a,r)}}isEnabled(){return!0}reset(){}async interact(){}}e.Pusher=s},47113:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalPushInteraction=void 0;const o=i(90158);e.loadExternalPushInteraction=async function(t){await t.addInteractor("externalPush",(t=>new o.Pusher(t)))}},27112:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Remover=void 0;const o=i(24405);class n extends o.ExternalInteractorBase{constructor(t){super(t),this.handleClickMode=t=>{if("remove"!==t)return;const e=this.container,i=e.actualOptions.interactivity.modes.remove.quantity;e.particles.removeQuantity(i)}}isEnabled(){return!0}reset(){}async interact(){}}e.Remover=n},713:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalRemoveInteraction=void 0;const o=i(27112);e.loadExternalRemoveInteraction=async function(t){await t.addInteractor("externalRemove",(t=>new o.Remover(t)))}},71757:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Repulser=void 0;const o=i(33086),n=i(33273),s=i(42660),r=i(22503),a=i(24405),l=i(95723),c=i(11203);class u extends a.ExternalInteractorBase{constructor(t){super(t),t.repulse||(t.repulse={particles:[]}),this.handleClickMode=e=>{const i=this.container.actualOptions;if("repulse"===e){t.repulse||(t.repulse={particles:[]}),t.repulse.clicking=!0,t.repulse.count=0;for(const e of t.repulse.particles)e.velocity.setTo(e.initialVelocity);t.repulse.particles=[],t.repulse.finish=!1,setTimeout((()=>{t.destroyed||(t.repulse||(t.repulse={particles:[]}),t.repulse.clicking=!1)}),1e3*i.interactivity.modes.repulse.duration)}}}isEnabled(){const t=this.container,e=t.actualOptions,i=t.interactivity.mouse,o=e.interactivity.events,s=o.onDiv,r=(0,n.isDivModeEnabled)("repulse",s);if(!(r||o.onHover.enable&&i.position||o.onClick.enable&&i.clickPosition))return!1;const a=o.onHover.mode,l=o.onClick.mode;return(0,n.isInArray)("repulse",a)||(0,n.isInArray)("repulse",l)||r}reset(){}async interact(){const t=this.container,e=t.actualOptions,i=t.interactivity.status===r.Constants.mouseMoveEvent,o=e.interactivity.events,s=o.onHover.enable,a=o.onHover.mode,l=o.onClick.enable,c=o.onClick.mode,u=o.onDiv;i&&s&&(0,n.isInArray)("repulse",a)?this.hoverRepulse():l&&(0,n.isInArray)("repulse",c)?this.clickRepulse():(0,n.divModeExecute)("repulse",u,((t,e)=>this.singleSelectorRepulse(t,e)))}singleSelectorRepulse(t,e){const i=this.container,o=document.querySelectorAll(t);o.length&&o.forEach((t=>{const o=t,r=i.retina.pixelRatio,a={x:(o.offsetLeft+o.offsetWidth/2)*r,y:(o.offsetTop+o.offsetHeight/2)*r},c=o.offsetWidth/2*r,u="circle"===e.type?new s.Circle(a.x,a.y,c):new l.Rectangle(o.offsetLeft*r,o.offsetTop*r,o.offsetWidth*r,o.offsetHeight*r),d=i.actualOptions.interactivity.modes.repulse.divs,h=(0,n.divMode)(d,o);this.processRepulse(a,c,u,h)}))}hoverRepulse(){const t=this.container,e=t.interactivity.mouse.position;if(!e)return;const i=t.retina.repulseModeDistance;this.processRepulse(e,i,new s.Circle(e.x,e.y,i))}processRepulse(t,e,i,n){var s;const r=this.container,a=r.particles.quadTree.query(i),l=r.actualOptions.interactivity.modes.repulse;for(const i of a){const{dx:r,dy:a,distance:u}=(0,o.getDistances)(i.position,t),d=(null!==(s=null==n?void 0:n.speed)&&void 0!==s?s:l.speed)*l.factor,h=(0,o.clamp)((0,o.calcEasing)(1-u/e,l.easing)*d,0,l.maxSpeed),p=c.Vector.create(0===u?d:r/u*h,0===u?d:a/u*h);i.position.addTo(p)}}clickRepulse(){const t=this.container;if(t.repulse||(t.repulse={particles:[]}),t.repulse.finish||(t.repulse.count||(t.repulse.count=0),t.repulse.count++,t.repulse.count===t.particles.count&&(t.repulse.finish=!0)),t.repulse.clicking){const e=t.retina.repulseModeDistance,i=Math.pow(e/6,3),n=t.interactivity.mouse.clickPosition;if(void 0===n)return;const r=new s.Circle(n.x,n.y,i),a=t.particles.quadTree.query(r);for(const e of a){const{dx:s,dy:r,distance:a}=(0,o.getDistances)(n,e.position),l=a**2,u=-i*t.actualOptions.interactivity.modes.repulse.speed/l;if(l<=i){t.repulse.particles.push(e);const i=c.Vector.create(s,r);i.length=u,e.velocity.setTo(i)}}}else if(!1===t.repulse.clicking){for(const e of t.repulse.particles)e.velocity.setTo(e.initialVelocity);t.repulse.particles=[]}}}e.Repulser=u},14229:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadExternalRepulseInteraction=void 0;const o=i(71757);e.loadExternalRepulseInteraction=async function(t){await t.addInteractor("externalRepulse",(t=>new o.Repulser(t)))}},49643:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TrailMaker=void 0;const o=i(24405),n=i(33273);class s extends o.ExternalInteractorBase{constructor(t){super(t),this.delay=0}async interact(t){var e,i,o,n;if(!this.container.retina.reduceFactor)return;const s=this.container,r=s.actualOptions.interactivity.modes.trail,a=1e3*r.delay/this.container.retina.reduceFactor;if(this.delaynew o.TrailMaker(t)))}},97992:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Attractor=void 0;const o=i(85015),n=i(33086);class s extends o.ParticlesInteractorBase{constructor(t){super(t)}async interact(t){var e;const i=this.container,o=null!==(e=t.retina.attractDistance)&&void 0!==e?e:i.retina.attractDistance,s=t.getPosition(),r=i.particles.quadTree.queryCircle(s,o);for(const e of r){if(t===e||!e.options.move.attract.enable||e.destroyed||e.spawning)continue;const i=e.getPosition(),{dx:o,dy:r}=(0,n.getDistances)(s,i),a=t.options.move.attract.rotate,l=o/(1e3*a.x),c=r/(1e3*a.y),u=e.size.value/t.size.value,d=1/u;t.velocity.x-=l*u,t.velocity.y-=c*u,e.velocity.x+=l*d,e.velocity.y+=c*d}}isEnabled(t){return t.options.move.attract.enable}reset(){}}e.Attractor=s},27160:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadParticlesAttractInteraction=void 0;const o=i(97992);e.loadParticlesAttractInteraction=async function(t){await t.addInteractor("particlesAttract",(t=>new o.Attractor(t)))}},94184:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Collider=void 0;const o=i(33273),n=i(33086),s=i(85015);function r(t,e){(0,o.circleBounce)((0,o.circleBounceDataFromParticle)(t),(0,o.circleBounceDataFromParticle)(e))}class a extends s.ParticlesInteractorBase{constructor(t){super(t)}isEnabled(t){return t.options.collisions.enable}reset(){}async interact(t){const e=this.container,i=t.getPosition(),o=t.getRadius(),s=e.particles.quadTree.queryCircle(i,2*o);for(const e of s){if(t===e||!e.options.collisions.enable||t.options.collisions.mode!==e.options.collisions.mode||e.destroyed||e.spawning)continue;const s=e.getPosition();if(Math.round(i.z)!==Math.round(s.z))continue;(0,n.getDistance)(i,s)<=o+e.getRadius()&&this.resolveCollision(t,e)}}resolveCollision(t,e){switch(t.options.collisions.mode){case"absorb":this.absorb(t,e);break;case"bounce":r(t,e);break;case"destroy":!function(t,e){t.unbreakable||e.unbreakable||r(t,e),void 0===t.getRadius()&&void 0!==e.getRadius()?t.destroy():void 0!==t.getRadius()&&void 0===e.getRadius()?e.destroy():void 0!==t.getRadius()&&void 0!==e.getRadius()&&(t.getRadius()>=e.getRadius()?e.destroy():t.destroy())}(t,e)}}absorb(t,e){const i=this.container,o=i.fpsLimit/1e3;if(void 0===t.getRadius()&&void 0!==e.getRadius())t.destroy();else if(void 0!==t.getRadius()&&void 0===e.getRadius())e.destroy();else if(void 0!==t.getRadius()&&void 0!==e.getRadius())if(t.getRadius()>=e.getRadius()){const s=(0,n.clamp)(t.getRadius()/e.getRadius(),0,e.getRadius())*o;t.size.value+=s,e.size.value-=s,e.getRadius()<=i.retina.pixelRatio&&(e.size.value=0,e.destroy())}else{const s=(0,n.clamp)(e.getRadius()/t.getRadius(),0,t.getRadius())*o;t.size.value-=s,e.size.value+=s,t.getRadius()<=i.retina.pixelRatio&&(t.size.value=0,t.destroy())}}}e.Collider=a},52990:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadParticlesCollisionsInteraction=void 0;const o=i(94184);e.loadParticlesCollisionsInteraction=async function(t){await t.addInteractor("particlesCollisions",(t=>new o.Collider(t)))}},98333:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LinkInstance=void 0;const o=i(75846),n=i(9821),s=i(33086);e.LinkInstance=class{constructor(t){this.container=t}particleCreated(t){t.links=[]}particleDestroyed(t){t.links=[]}drawParticle(t,e){const i=e,o=this.container,n=o.particles,s=e.options;if(i.links.length<=0)return;t.save();const r=i.links.filter((t=>o.particles.getLinkFrequency(i,t.destination)<=s.links.frequency));for(const t of r){const e=t.destination;if(s.links.triangles.enable){const a=r.map((t=>t.destination)),l=e.links.filter((t=>o.particles.getLinkFrequency(e,t.destination)<=e.options.links.frequency&&a.indexOf(t.destination)>=0));if(l.length)for(const o of l){const r=o.destination;n.getTriangleFrequency(i,e,r)>s.links.triangles.frequency||this.drawLinkTriangle(i,t,o)}}t.opacity>0&&o.retina.linksWidth>0&&this.drawLinkLine(i,t)}t.restore()}drawLinkTriangle(t,e,i){var r;const a=this.container,l=a.actualOptions,c=e.destination,u=i.destination,d=t.options.links.triangles,h=null!==(r=d.opacity)&&void 0!==r?r:(e.opacity+i.opacity)/2;if(h<=0)return;const p=t.getPosition(),v=c.getPosition(),f=u.getPosition();a.canvas.draw((e=>{if((0,s.getDistance)(p,v)>a.retina.linksDistance||(0,s.getDistance)(f,v)>a.retina.linksDistance||(0,s.getDistance)(f,p)>a.retina.linksDistance)return;let i=(0,o.colorToRgb)(d.color);if(!i){const e=t.options.links,n=void 0!==e.id?a.particles.linksColors.get(e.id):a.particles.linksColor;i=(0,o.getLinkColor)(t,c,n)}i&&(0,n.drawLinkTriangle)(e,p,v,f,l.backgroundMask.enable,l.backgroundMask.composite,i,h)}))}drawLinkLine(t,e){const i=this.container,r=i.actualOptions,a=e.destination,l=t.getPosition(),c=a.getPosition();let u=e.opacity;i.canvas.draw((e=>{var d,h;let p;const v=t.options.twinkle.lines;if(v.enable){const t=v.frequency,e=(0,o.colorToRgb)(v.color);Math.random()r.width||i.y>r.height)return;const a=t.options.links,c=a.opacity,u=null!==(e=t.retina.linksDistance)&&void 0!==e?e:s.retina.linksDistance,d=a.warp,h=d?new n.CircleWarp(i.x,i.y,u,r):new o.Circle(i.x,i.y,u),p=s.particles.quadTree.query(h);for(const e of p){const o=e.options.links;if(t===e||!o.enable||a.id!==o.id||e.spawning||e.destroyed||-1!==t.links.map((t=>t.destination)).indexOf(e)||-1!==e.links.map((t=>t.destination)).indexOf(t))continue;const n=e.getPosition();if(n.x<0||n.y<0||n.x>r.width||n.y>r.height)continue;const s=l(i,n,u,r,d&&o.warp);if(s>u)return;const h=(1-s/u)*c;this.setColor(t),t.links.push({destination:e,opacity:h})}}setColor(t){const e=this.container,i=t.options.links;let o=void 0===i.id?e.particles.linksColor:e.particles.linksColors.get(i.id);if(!o){const t=i.color;o=(0,a.getLinkRandomColor)(t,i.blink,i.consent),void 0===i.id?e.particles.linksColor=o:e.particles.linksColors.set(i.id,o)}}}e.Linker=c},71964:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadParticlesLinksInteraction=void 0;const o=i(60604),n=i(73049);e.loadParticlesLinksInteraction=async function(t){await(0,o.loadInteraction)(t),await(0,n.loadPlugin)(t)}},60604:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadInteraction=void 0;const o=i(79809);e.loadInteraction=async function(t){await t.addInteractor("particlesLinks",(t=>new o.Linker(t)))}},73049:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadPlugin=void 0;const o=i(98333);class n{constructor(){this.id="links"}getPlugin(t){return new o.LinkInstance(t)}needsPlugin(){return!0}loadOptions(){}}e.loadPlugin=async function(t){const e=new n;await t.addPlugin(e)}},41665:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BaseMover=void 0;const o=i(21994),n=i(33086);e.BaseMover=class{init(t){var e;const i=t.container,o=t.options.move.spin;if(o.enable){const s=null!==(e=o.position)&&void 0!==e?e:{x:50,y:50},r={x:s.x/100*i.canvas.size.width,y:s.y/100*i.canvas.size.height},a=t.getPosition(),l=(0,n.getDistance)(a,r),c=(0,n.getRangeValue)(o.acceleration);t.retina.spinAcceleration=c*i.retina.pixelRatio,t.spin={center:r,direction:t.velocity.x>=0?"clockwise":"counter-clockwise",angle:t.velocity.angle,radius:l,acceleration:t.retina.spinAcceleration}}}isEnabled(t){return!t.destroyed&&t.options.move.enable}move(t,e){var i,s,r,a,l;const c=t.options,u=c.move;if(!u.enable)return;const d=t.container,h=(0,o.getProximitySpeedFactor)(t),p=(null!==(i=(a=t.retina).moveSpeed)&&void 0!==i?i:a.moveSpeed=(0,n.getRangeValue)(u.speed)*d.retina.pixelRatio)*d.retina.reduceFactor,v=null!==(s=(l=t.retina).moveDrift)&&void 0!==s?s:l.moveDrift=(0,n.getRangeValue)(t.options.move.drift)*d.retina.pixelRatio,f=(0,n.getRangeMax)(c.size.value)*d.retina.pixelRatio,y=p*((u.size?t.getRadius()/f:1)*h*(e.factor||1))/2;(0,o.applyPath)(t,e);const g=t.gravity,m=g.enable&&g.inverse?-1:1;g.enable&&y&&(t.velocity.y+=m*(g.acceleration*e.factor)/(60*y)),v&&y&&(t.velocity.x+=v*e.factor/(60*y));const b=t.moveDecay;1!=b&&t.velocity.multTo(b);const _=t.velocity.mult(y),w=null!==(r=t.retina.maxSpeed)&&void 0!==r?r:d.retina.maxSpeed;g.enable&&w>0&&(!g.inverse&&_.y>=0&&_.y>=w||g.inverse&&_.y<=0&&_.y<=-w)&&(_.y=m*w,y&&(t.velocity.y=_.y/y));const S=t.options.zIndex,P=(1-t.zIndexFactor)**S.velocityRate;u.spin.enable?(0,o.spin)(t,y):(1!=P&&_.multTo(P),t.position.addTo(_),u.vibrate&&(t.position.x+=Math.sin(t.position.x*Math.cos(t.position.y)),t.position.y+=Math.cos(t.position.y*Math.sin(t.position.x)))),(0,o.applyDistance)(t)}}},21994:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getProximitySpeedFactor=e.applyPath=e.spin=e.applyDistance=void 0;const o=i(33086),n=i(33273);e.applyDistance=function(t){const e=t.initialPosition,{dx:i,dy:n}=(0,o.getDistances)(e,t.position),s=Math.abs(i),r=Math.abs(n),a=t.retina.maxDistance.horizontal,l=t.retina.maxDistance.vertical;if(a||l)if((a&&s>=a||l&&r>=l)&&!t.misplaced)t.misplaced=!!a&&s>a||!!l&&r>l,a&&(t.velocity.x=t.velocity.y/2-t.velocity.x),l&&(t.velocity.y=t.velocity.x/2-t.velocity.y);else if((!a||se.x&&o.x>0)&&(o.x*=-Math.random()),l&&(i.ye.y&&o.y>0)&&(o.y*=-Math.random())}},e.spin=function(t,e){const i=t.container;if(!t.spin)return;const o={x:"clockwise"===t.spin.direction?Math.cos:Math.sin,y:"clockwise"===t.spin.direction?Math.sin:Math.cos};t.position.x=t.spin.center.x+t.spin.radius*o.x(t.spin.angle),t.position.y=t.spin.center.y+t.spin.radius*o.y(t.spin.angle),t.spin.radius+=t.spin.acceleration;const n=Math.max(i.canvas.size.width,i.canvas.size.height);t.spin.radius>n/2?(t.spin.radius=n/2,t.spin.acceleration*=-1):t.spin.radius<0&&(t.spin.radius=0,t.spin.acceleration*=-1),t.spin.angle+=e/100*(1-t.spin.radius/n)},e.applyPath=function(t,e){const i=t.options.move.path;if(!i.enable)return;const n=t.container;if(t.lastPathTime<=t.pathDelay)return void(t.lastPathTime+=e.value);const s=n.pathGenerator.generate(t);t.velocity.addTo(s),i.clamp&&(t.velocity.x=(0,o.clamp)(t.velocity.x,-1,1),t.velocity.y=(0,o.clamp)(t.velocity.y,-1,1)),t.lastPathTime-=t.pathDelay},e.getProximitySpeedFactor=function(t){const e=t.container,i=e.actualOptions;if(!(0,n.isInArray)("slow",i.interactivity.events.onHover.mode))return 1;const s=t.container.interactivity.mouse.position;if(!s)return 1;const r=t.getPosition(),a=(0,o.getDistance)(s,r),l=e.retina.slowModeRadius;return a>l?1:(a/l||0)/i.interactivity.modes.slow.factor}},76687:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadBaseMover=void 0;const o=i(41665);e.loadBaseMover=async function(t){t.addMover("base",(()=>new o.BaseMover))}},63149:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ParallaxMover=void 0;const o=i(33273);e.ParallaxMover=class{init(){}isEnabled(t){return!(0,o.isSsr)()&&!t.destroyed&&t.container.actualOptions.interactivity.events.onHover.parallax.enable}move(t){const e=t.container,i=e.actualOptions;if((0,o.isSsr)()||!i.interactivity.events.onHover.parallax.enable)return;const n=i.interactivity.events.onHover.parallax.force,s=e.interactivity.mouse.position;if(!s)return;const r=e.canvas.size.width/2,a=e.canvas.size.height/2,l=i.interactivity.events.onHover.parallax.smooth,c=t.getRadius()/n,u=(s.x-r)*c,d=(s.y-a)*c;t.offset.x+=(u-t.offset.x)/l,t.offset.y+=(d-t.offset.y)/l}}},27105:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadParallaxMover=void 0;const o=i(63149);e.loadParallaxMover=async function(t){t.addMover("parallax",(()=>new o.ParallaxMover))}},98743:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AnimatableColor=void 0;const o=i(6977),n=i(12775);class s extends n.OptionsColor{constructor(){super(),this.animation=new o.HslAnimation}static create(t,e){const i=new s;return i.load(t),void 0!==e&&("string"==typeof e||e instanceof Array?i.load({value:e}):i.load(e)),i}load(t){if(super.load(t),!t)return;const e=t.animation;void 0!==e&&(void 0!==e.enable?this.animation.h.load(e):this.animation.load(t.animation))}}e.AnimatableColor=s},16542:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.GradientColorOpacityAnimation=e.GradientAngleAnimation=e.AnimatableGradientColor=e.GradientColorOpacity=e.GradientAngle=e.AnimatableGradient=void 0;const o=i(98743),n=i(33086);e.AnimatableGradient=class{constructor(){this.angle=new s,this.colors=[],this.type="random"}load(t){t&&(this.angle.load(t.angle),void 0!==t.colors&&(this.colors=t.colors.map((t=>{const e=new a;return e.load(t),e}))),void 0!==t.type&&(this.type=t.type))}};class s{constructor(){this.value=0,this.animation=new l,this.direction="clockwise"}load(t){t&&(this.animation.load(t.animation),void 0!==t.value&&(this.value=t.value),void 0!==t.direction&&(this.direction=t.direction))}}e.GradientAngle=s;class r{constructor(){this.value=0,this.animation=new c}load(t){t&&(this.animation.load(t.animation),void 0!==t.value&&(this.value=(0,n.setRangeValue)(t.value)))}}e.GradientColorOpacity=r;class a{constructor(){this.stop=0,this.value=new o.AnimatableColor}load(t){t&&(void 0!==t.stop&&(this.stop=t.stop),this.value=o.AnimatableColor.create(this.value,t.value),void 0!==t.opacity&&(this.opacity=new r,"number"==typeof t.opacity?this.opacity.value=t.opacity:this.opacity.load(t.opacity)))}}e.AnimatableGradientColor=a;class l{constructor(){this.count=0,this.enable=!1,this.speed=0,this.sync=!1}load(t){t&&(void 0!==t.count&&(this.count=(0,n.setRangeValue)(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,n.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync))}}e.GradientAngleAnimation=l;class c{constructor(){this.count=0,this.enable=!1,this.speed=0,this.sync=!1,this.startValue="random"}load(t){t&&(void 0!==t.count&&(this.count=(0,n.setRangeValue)(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,n.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync),void 0!==t.startValue&&(this.startValue=t.startValue))}}e.GradientColorOpacityAnimation=c},72094:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AnimationOptions=void 0;const o=i(33086);e.AnimationOptions=class{constructor(){this.count=0,this.enable=!1,this.speed=1,this.sync=!1}load(t){t&&(void 0!==t.count&&(this.count=(0,o.setRangeValue)(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,o.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync))}}},62465:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Background=void 0;const o=i(12775);e.Background=class{constructor(){this.color=new o.OptionsColor,this.color.value="",this.image="",this.position="",this.repeat="",this.size="",this.opacity=1}load(t){void 0!==t&&(void 0!==t.color&&(this.color=o.OptionsColor.create(this.color,t.color)),void 0!==t.image&&(this.image=t.image),void 0!==t.position&&(this.position=t.position),void 0!==t.repeat&&(this.repeat=t.repeat),void 0!==t.size&&(this.size=t.size),void 0!==t.opacity&&(this.opacity=t.opacity))}}},59277:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BackgroundMask=void 0;const o=i(68866);e.BackgroundMask=class{constructor(){this.composite="destination-out",this.cover=new o.BackgroundMaskCover,this.enable=!1}load(t){if(void 0!==t){if(void 0!==t.composite&&(this.composite=t.composite),void 0!==t.cover){const e=t.cover,i="string"==typeof t.cover?{color:t.cover}:t.cover;this.cover.load(void 0!==e.color?e:{color:i})}void 0!==t.enable&&(this.enable=t.enable)}}}},68866:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BackgroundMaskCover=void 0;const o=i(12775);e.BackgroundMaskCover=class{constructor(){this.color=new o.OptionsColor,this.opacity=1}load(t){void 0!==t&&(void 0!==t.color&&(this.color=o.OptionsColor.create(this.color,t.color)),void 0!==t.opacity&&(this.opacity=t.opacity))}}},49753:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ColorAnimation=void 0;const o=i(33086);e.ColorAnimation=class{constructor(){this.count=0,this.enable=!1,this.offset=0,this.speed=1,this.sync=!0}load(t){void 0!==t&&(void 0!==t.count&&(this.count=(0,o.setRangeValue)(t.count)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(this.offset=(0,o.setRangeValue)(t.offset)),void 0!==t.speed&&(this.speed=(0,o.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync))}}},46063:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.FullScreen=void 0;e.FullScreen=class{constructor(){this.enable=!0,this.zIndex=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.zIndex&&(this.zIndex=t.zIndex))}}},6977:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.HslAnimation=void 0;const o=i(49753);e.HslAnimation=class{constructor(){this.h=new o.ColorAnimation,this.s=new o.ColorAnimation,this.l=new o.ColorAnimation}load(t){t&&(this.h.load(t.h),this.s.load(t.s),this.l.load(t.l))}}},10618:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ClickEvent=void 0;e.ClickEvent=class{constructor(){this.enable=!1,this.mode=[]}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode))}}},10859:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.DivEvent=void 0;e.DivEvent=class{constructor(){this.selectors=[],this.enable=!1,this.mode=[],this.type="circle"}get elementId(){return this.ids}set elementId(t){this.ids=t}get el(){return this.elementId}set el(t){this.elementId=t}get ids(){return this.selectors instanceof Array?this.selectors.map((t=>t.replace("#",""))):this.selectors.replace("#","")}set ids(t){this.selectors=t instanceof Array?t.map((t=>`#${t}`)):`#${t}`}load(t){var e,i;if(void 0===t)return;const o=null!==(i=null!==(e=t.ids)&&void 0!==e?e:t.elementId)&&void 0!==i?i:t.el;void 0!==o&&(this.ids=o),void 0!==t.selectors&&(this.selectors=t.selectors),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.type&&(this.type=t.type)}}},49239:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Events=void 0;const o=i(10618),n=i(10859),s=i(26320);e.Events=class{constructor(){this.onClick=new o.ClickEvent,this.onDiv=new n.DivEvent,this.onHover=new s.HoverEvent,this.resize=!0}get onclick(){return this.onClick}set onclick(t){this.onClick=t}get ondiv(){return this.onDiv}set ondiv(t){this.onDiv=t}get onhover(){return this.onHover}set onhover(t){this.onHover=t}load(t){var e,i,o;if(void 0===t)return;this.onClick.load(null!==(e=t.onClick)&&void 0!==e?e:t.onclick);const s=null!==(i=t.onDiv)&&void 0!==i?i:t.ondiv;void 0!==s&&(s instanceof Array?this.onDiv=s.map((t=>{const e=new n.DivEvent;return e.load(t),e})):(this.onDiv=new n.DivEvent,this.onDiv.load(s))),this.onHover.load(null!==(o=t.onHover)&&void 0!==o?o:t.onhover),void 0!==t.resize&&(this.resize=t.resize)}}},26320:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.HoverEvent=void 0;const o=i(99393);e.HoverEvent=class{constructor(){this.enable=!1,this.mode=[],this.parallax=new o.Parallax}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),this.parallax.load(t.parallax))}}},99393:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Parallax=void 0;e.Parallax=class{constructor(){this.enable=!1,this.force=2,this.smooth=10}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.force&&(this.force=t.force),void 0!==t.smooth&&(this.smooth=t.smooth))}}},38783:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Interactivity=void 0;const o=i(49239),n=i(83907);e.Interactivity=class{constructor(){this.detectsOn="window",this.events=new o.Events,this.modes=new n.Modes}get detect_on(){return this.detectsOn}set detect_on(t){this.detectsOn=t}load(t){var e,i,o;if(void 0===t)return;const n=null!==(e=t.detectsOn)&&void 0!==e?e:t.detect_on;void 0!==n&&(this.detectsOn=n),this.events.load(t.events),this.modes.load(t.modes),!0===(null===(o=null===(i=t.modes)||void 0===i?void 0:i.slow)||void 0===o?void 0:o.active)&&(this.events.onHover.mode instanceof Array?this.events.onHover.mode.indexOf("slow")<0&&this.events.onHover.mode.push("slow"):"slow"!==this.events.onHover.mode&&(this.events.onHover.mode=[this.events.onHover.mode,"slow"]))}}},59326:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Attract=void 0;e.Attract=class{constructor(){this.distance=200,this.duration=.4,this.easing="ease-out-quad",this.factor=1,this.maxSpeed=50,this.speed=1}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed),void 0!==t.speed&&(this.speed=t.speed))}}},29419:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Bounce=void 0;e.Bounce=class{constructor(){this.distance=200}load(t){t&&void 0!==t.distance&&(this.distance=t.distance)}}},89229:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Bubble=void 0;const o=i(89628),n=i(66822);class s extends o.BubbleBase{load(t){super.load(t),void 0!==t&&void 0!==t.divs&&(t.divs instanceof Array?this.divs=t.divs.map((t=>{const e=new n.BubbleDiv;return e.load(t),e})):((this.divs instanceof Array||!this.divs)&&(this.divs=new n.BubbleDiv),this.divs.load(t.divs)))}}e.Bubble=s},89628:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BubbleBase=void 0;const o=i(12775);e.BubbleBase=class{constructor(){this.distance=200,this.duration=.4,this.mix=!1}load(t){void 0!==t&&(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.mix&&(this.mix=t.mix),void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.color&&(t.color instanceof Array?this.color=t.color.map((t=>o.OptionsColor.create(void 0,t))):(this.color instanceof Array&&(this.color=new o.OptionsColor),this.color=o.OptionsColor.create(this.color,t.color))),void 0!==t.size&&(this.size=t.size))}}},66822:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BubbleDiv=void 0;const o=i(89628);class n extends o.BubbleBase{constructor(){super(),this.selectors=[]}get ids(){return this.selectors instanceof Array?this.selectors.map((t=>t.replace("#",""))):this.selectors.replace("#","")}set ids(t){this.selectors=t instanceof Array?t.map((t=>`#${t}`)):`#${t}`}load(t){super.load(t),void 0!==t&&(void 0!==t.ids&&(this.ids=t.ids),void 0!==t.selectors&&(this.selectors=t.selectors))}}e.BubbleDiv=n},64261:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Connect=void 0;const o=i(92440);e.Connect=class{constructor(){this.distance=80,this.links=new o.ConnectLinks,this.radius=60}get line_linked(){return this.links}set line_linked(t){this.links=t}get lineLinked(){return this.links}set lineLinked(t){this.links=t}load(t){var e,i;void 0!==t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(null!==(i=null!==(e=t.links)&&void 0!==e?e:t.lineLinked)&&void 0!==i?i:t.line_linked),void 0!==t.radius&&(this.radius=t.radius))}}},92440:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ConnectLinks=void 0;e.ConnectLinks=class{constructor(){this.opacity=.5}load(t){void 0!==t&&void 0!==t.opacity&&(this.opacity=t.opacity)}}},17313:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Grab=void 0;const o=i(52188);e.Grab=class{constructor(){this.distance=100,this.links=new o.GrabLinks}get line_linked(){return this.links}set line_linked(t){this.links=t}get lineLinked(){return this.links}set lineLinked(t){this.links=t}load(t){var e,i;void 0!==t&&(void 0!==t.distance&&(this.distance=t.distance),this.links.load(null!==(i=null!==(e=t.links)&&void 0!==e?e:t.lineLinked)&&void 0!==i?i:t.line_linked))}}},52188:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.GrabLinks=void 0;const o=i(12775);e.GrabLinks=class{constructor(){this.blink=!1,this.consent=!1,this.opacity=1}load(t){void 0!==t&&(void 0!==t.blink&&(this.blink=t.blink),void 0!==t.color&&(this.color=o.OptionsColor.create(this.color,t.color)),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.opacity&&(this.opacity=t.opacity))}}},19615:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Light=void 0;const o=i(55434),n=i(45603);e.Light=class{constructor(){this.area=new o.LightArea,this.shadow=new n.LightShadow}load(t){void 0!==t&&(this.area.load(t.area),this.shadow.load(t.shadow))}}},55434:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LightArea=void 0;const o=i(91143);e.LightArea=class{constructor(){this.gradient=new o.LightGradient,this.radius=1e3}load(t){void 0!==t&&(this.gradient.load(t.gradient),void 0!==t.radius&&(this.radius=t.radius))}}},91143:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LightGradient=void 0;const o=i(12775);e.LightGradient=class{constructor(){this.start=new o.OptionsColor,this.stop=new o.OptionsColor,this.start.value="#ffffff",this.stop.value="#000000"}load(t){void 0!==t&&(this.start=o.OptionsColor.create(this.start,t.start),this.stop=o.OptionsColor.create(this.stop,t.stop))}}},45603:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LightShadow=void 0;const o=i(12775);e.LightShadow=class{constructor(){this.color=new o.OptionsColor,this.color.value="#000000",this.length=2e3}load(t){void 0!==t&&(this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.length&&(this.length=t.length))}}},83907:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Modes=void 0;const o=i(59326),n=i(29419),s=i(89229),r=i(64261),a=i(17313),l=i(19615),c=i(95903),u=i(72315),d=i(58665),h=i(35658),p=i(21863);e.Modes=class{constructor(){this.attract=new o.Attract,this.bounce=new n.Bounce,this.bubble=new s.Bubble,this.connect=new r.Connect,this.grab=new a.Grab,this.light=new l.Light,this.push=new c.Push,this.remove=new u.Remove,this.repulse=new d.Repulse,this.slow=new h.Slow,this.trail=new p.Trail}load(t){void 0!==t&&(this.attract.load(t.attract),this.bubble.load(t.bubble),this.connect.load(t.connect),this.grab.load(t.grab),this.light.load(t.light),this.push.load(t.push),this.remove.load(t.remove),this.repulse.load(t.repulse),this.slow.load(t.slow),this.trail.load(t.trail))}}},95903:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Push=void 0;e.Push=class{constructor(){this.default=!0,this.groups=[],this.quantity=4}get particles_nb(){return this.quantity}set particles_nb(t){this.quantity=t}load(t){var e;if(void 0===t)return;void 0!==t.default&&(this.default=t.default),void 0!==t.groups&&(this.groups=t.groups.map((t=>t))),this.groups.length||(this.default=!0);const i=null!==(e=t.quantity)&&void 0!==e?e:t.particles_nb;void 0!==i&&(this.quantity=i)}}},72315:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Remove=void 0;e.Remove=class{constructor(){this.quantity=2}get particles_nb(){return this.quantity}set particles_nb(t){this.quantity=t}load(t){var e;if(void 0===t)return;const i=null!==(e=t.quantity)&&void 0!==e?e:t.particles_nb;void 0!==i&&(this.quantity=i)}}},58665:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Repulse=void 0;const o=i(69728),n=i(62253);class s extends o.RepulseBase{load(t){super.load(t),void 0!==(null==t?void 0:t.divs)&&(t.divs instanceof Array?this.divs=t.divs.map((t=>{const e=new n.RepulseDiv;return e.load(t),e})):((this.divs instanceof Array||!this.divs)&&(this.divs=new n.RepulseDiv),this.divs.load(t.divs)))}}e.Repulse=s},69728:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.RepulseBase=void 0;e.RepulseBase=class{constructor(){this.distance=200,this.duration=.4,this.factor=100,this.speed=1,this.maxSpeed=50,this.easing="ease-out-quad"}load(t){t&&(void 0!==t.distance&&(this.distance=t.distance),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.easing&&(this.easing=t.easing),void 0!==t.factor&&(this.factor=t.factor),void 0!==t.speed&&(this.speed=t.speed),void 0!==t.maxSpeed&&(this.maxSpeed=t.maxSpeed))}}},62253:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.RepulseDiv=void 0;const o=i(69728);class n extends o.RepulseBase{constructor(){super(),this.selectors=[]}get ids(){return this.selectors instanceof Array?this.selectors.map((t=>t.replace("#",""))):this.selectors.replace("#","")}set ids(t){this.selectors=t instanceof Array?t.map((()=>`#${t}`)):`#${t}`}load(t){super.load(t),void 0!==t&&(void 0!==t.ids&&(this.ids=t.ids),void 0!==t.selectors&&(this.selectors=t.selectors))}}e.RepulseDiv=n},35658:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Slow=void 0;e.Slow=class{constructor(){this.factor=3,this.radius=200}get active(){return!1}set active(t){}load(t){void 0!==t&&(void 0!==t.factor&&(this.factor=t.factor),void 0!==t.radius&&(this.radius=t.radius))}}},21863:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Trail=void 0;const o=i(33273);e.Trail=class{constructor(){this.delay=1,this.pauseOnStop=!1,this.quantity=1}load(t){void 0!==t&&(void 0!==t.delay&&(this.delay=t.delay),void 0!==t.quantity&&(this.quantity=t.quantity),void 0!==t.particles&&(this.particles=(0,o.deepExtend)({},t.particles)),void 0!==t.pauseOnStop&&(this.pauseOnStop=t.pauseOnStop))}}},56046:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ManualParticle=void 0;const o=i(33273);e.ManualParticle=class{load(t){var e,i;t&&(void 0!==t.position&&(this.position={x:null!==(e=t.position.x)&&void 0!==e?e:50,y:null!==(i=t.position.y)&&void 0!==i?i:50}),void 0!==t.options&&(this.options=(0,o.deepExtend)({},t.options)))}}},28565:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Motion=void 0;const o=i(96135);e.Motion=class{constructor(){this.disable=!1,this.reduce=new o.MotionReduce}load(t){t&&(void 0!==t.disable&&(this.disable=t.disable),this.reduce.load(t.reduce))}}},96135:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.MotionReduce=void 0;e.MotionReduce=class{constructor(){this.factor=4,this.value=!0}load(t){t&&(void 0!==t.factor&&(this.factor=t.factor),void 0!==t.value&&(this.value=t.value))}}},11478:function(t,e,i){"use strict";var o,n,s,r=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},a=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.Options=void 0;const l=i(62465),c=i(59277),u=i(46063),d=i(38783),h=i(56046),p=i(28565),v=i(68153),f=i(22768),y=i(96831),g=i(33273);e.Options=class{constructor(t){o.add(this),n.set(this,void 0),r(this,n,t,"f"),this.autoPlay=!0,this.background=new l.Background,this.backgroundMask=new c.BackgroundMask,this.fullScreen=new u.FullScreen,this.detectRetina=!0,this.duration=0,this.fpsLimit=120,this.interactivity=new d.Interactivity,this.manualParticles=[],this.motion=new p.Motion,this.particles=new v.ParticlesOptions,this.pauseOnBlur=!0,this.pauseOnOutsideViewport=!0,this.responsive=[],this.style={},this.themes=[],this.zLayers=100}get fps_limit(){return this.fpsLimit}set fps_limit(t){this.fpsLimit=t}get retina_detect(){return this.detectRetina}set retina_detect(t){this.detectRetina=t}get backgroundMode(){return this.fullScreen}set backgroundMode(t){this.fullScreen.load(t)}load(t){var e,i,r,l,c;if(void 0===t)return;if(void 0!==t.preset)if(t.preset instanceof Array)for(const e of t.preset)this.importPreset(e);else this.importPreset(t.preset);void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay);const u=null!==(e=t.detectRetina)&&void 0!==e?e:t.retina_detect;void 0!==u&&(this.detectRetina=u),void 0!==t.duration&&(this.duration=t.duration);const d=null!==(i=t.fpsLimit)&&void 0!==i?i:t.fps_limit;void 0!==d&&(this.fpsLimit=d),void 0!==t.pauseOnBlur&&(this.pauseOnBlur=t.pauseOnBlur),void 0!==t.pauseOnOutsideViewport&&(this.pauseOnOutsideViewport=t.pauseOnOutsideViewport),void 0!==t.zLayers&&(this.zLayers=t.zLayers),this.background.load(t.background);const p=null!==(r=t.fullScreen)&&void 0!==r?r:t.backgroundMode;if("boolean"==typeof p?this.fullScreen.enable=p:this.fullScreen.load(p),this.backgroundMask.load(t.backgroundMask),this.interactivity.load(t.interactivity),void 0!==t.manualParticles&&(this.manualParticles=t.manualParticles.map((t=>{const e=new h.ManualParticle;return e.load(t),e}))),this.motion.load(t.motion),this.particles.load(t.particles),this.style=(0,g.deepExtend)(this.style,t.style),a(this,n,"f").plugins.loadOptions(this,t),void 0!==t.responsive)for(const e of t.responsive){const t=new f.Responsive;t.load(e),this.responsive.push(t)}if(this.responsive.sort(((t,e)=>t.maxWidth-e.maxWidth)),void 0!==t.themes)for(const e of t.themes){const t=new y.Theme;t.load(e),this.themes.push(t)}this.defaultDarkTheme=null===(l=a(this,o,"m",s).call(this,"dark"))||void 0===l?void 0:l.name,this.defaultLightTheme=null===(c=a(this,o,"m",s).call(this,"light"))||void 0===c?void 0:c.name}setTheme(t){if(t){const e=this.themes.find((e=>e.name===t));e&&this.load(e.options)}else{const t="undefined"!=typeof matchMedia&&matchMedia("(prefers-color-scheme: dark)"),e=t&&t.matches,i=a(this,o,"m",s).call(this,e?"dark":"light");i&&this.load(i.options)}}setResponsive(t,e,i){this.load(i);const o=this.responsive.find((i=>"screen"===i.mode&&screen?i.maxWidth*e>screen.availWidth:i.maxWidth*e>t));return this.load(null==o?void 0:o.options),null==o?void 0:o.maxWidth}importPreset(t){this.load(a(this,n,"f").plugins.getPreset(t))}},n=new WeakMap,o=new WeakSet,s=function(t){var e;return null!==(e=this.themes.find((e=>e.default.value&&e.default.mode===t)))&&void 0!==e?e:this.themes.find((t=>t.default.value&&"any"===t.default.mode))}},12775:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OptionsColor=void 0;class i{constructor(){this.value="#fff"}static create(t,e){const o=new i;return o.load(t),void 0!==e&&("string"==typeof e||e instanceof Array?o.load({value:e}):o.load(e)),o}load(t){void 0!==(null==t?void 0:t.value)&&(this.value=t.value)}}e.OptionsColor=i},59677:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Bounce=void 0;const o=i(79446);e.Bounce=class{constructor(){this.horizontal=new o.BounceFactor,this.vertical=new o.BounceFactor}load(t){t&&(this.horizontal.load(t.horizontal),this.vertical.load(t.vertical))}}},79446:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.BounceFactor=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.random.minimumValue=.1,this.value=1}}e.BounceFactor=n},43891:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Collisions=void 0;const o=i(59677),n=i(32164);e.Collisions=class{constructor(){this.bounce=new o.Bounce,this.enable=!1,this.mode="bounce",this.overlap=new n.CollisionsOverlap}load(t){void 0!==t&&(this.bounce.load(t.bounce),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.mode&&(this.mode=t.mode),this.overlap.load(t.overlap))}}},32164:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CollisionsOverlap=void 0;e.CollisionsOverlap=class{constructor(){this.enable=!0,this.retries=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.retries&&(this.retries=t.retries))}}},69131:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Destroy=void 0;const o=i(39850);e.Destroy=class{constructor(){this.mode="none",this.split=new o.Split}load(t){t&&(void 0!==t.mode&&(this.mode=t.mode),this.split.load(t.split))}}},39850:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Split=void 0;const o=i(83958),n=i(25143),s=i(33273);e.Split=class{constructor(){this.count=1,this.factor=new o.SplitFactor,this.rate=new n.SplitRate,this.sizeOffset=!0}load(t){t&&(void 0!==t.count&&(this.count=t.count),this.factor.load(t.factor),this.rate.load(t.rate),void 0!==t.particles&&(this.particles=(0,s.deepExtend)({},t.particles)),void 0!==t.sizeOffset&&(this.sizeOffset=t.sizeOffset))}}},83958:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SplitFactor=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.value=3}}e.SplitFactor=n},25143:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SplitRate=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.value={min:4,max:9}}}e.SplitRate=n},18465:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Life=void 0;const o=i(97874),n=i(75365);e.Life=class{constructor(){this.count=0,this.delay=new o.LifeDelay,this.duration=new n.LifeDuration}load(t){void 0!==t&&(void 0!==t.count&&(this.count=t.count),this.delay.load(t.delay),this.duration.load(t.duration))}}},97874:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LifeDelay=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.sync=!1}load(t){t&&(super.load(t),void 0!==t.sync&&(this.sync=t.sync))}}e.LifeDelay=n},75365:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LifeDuration=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.random.minimumValue=1e-4,this.sync=!1}load(t){void 0!==t&&(super.load(t),void 0!==t.sync&&(this.sync=t.sync))}}e.LifeDuration=n},17935:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Links=void 0;const o=i(79923),n=i(89667),s=i(12775);e.Links=class{constructor(){this.blink=!1,this.color=new s.OptionsColor,this.consent=!1,this.distance=100,this.enable=!1,this.frequency=1,this.opacity=1,this.shadow=new o.LinksShadow,this.triangles=new n.LinksTriangle,this.width=1,this.warp=!1}load(t){void 0!==t&&(void 0!==t.id&&(this.id=t.id),void 0!==t.blink&&(this.blink=t.blink),this.color=s.OptionsColor.create(this.color,t.color),void 0!==t.consent&&(this.consent=t.consent),void 0!==t.distance&&(this.distance=t.distance),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=t.opacity),this.shadow.load(t.shadow),this.triangles.load(t.triangles),void 0!==t.width&&(this.width=t.width),void 0!==t.warp&&(this.warp=t.warp))}}},79923:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LinksShadow=void 0;const o=i(12775);e.LinksShadow=class{constructor(){this.blur=5,this.color=new o.OptionsColor,this.enable=!1,this.color.value="#00ff00"}load(t){void 0!==t&&(void 0!==t.blur&&(this.blur=t.blur),this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable))}}},89667:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LinksTriangle=void 0;const o=i(12775);e.LinksTriangle=class{constructor(){this.enable=!1,this.frequency=1}load(t){void 0!==t&&(void 0!==t.color&&(this.color=o.OptionsColor.create(this.color,t.color)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=t.opacity))}}},27065:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Attract=void 0;const o=i(33086);e.Attract=class{constructor(){this.distance=200,this.enable=!1,this.rotate={x:3e3,y:3e3}}get rotateX(){return this.rotate.x}set rotateX(t){this.rotate.x=t}get rotateY(){return this.rotate.y}set rotateY(t){this.rotate.y=t}load(t){var e,i,n,s;if(!t)return;void 0!==t.distance&&(this.distance=(0,o.setRangeValue)(t.distance)),void 0!==t.enable&&(this.enable=t.enable);const r=null!==(i=null===(e=t.rotate)||void 0===e?void 0:e.x)&&void 0!==i?i:t.rotateX;void 0!==r&&(this.rotate.x=r);const a=null!==(s=null===(n=t.rotate)||void 0===n?void 0:n.y)&&void 0!==s?s:t.rotateY;void 0!==a&&(this.rotate.y=a)}}},1419:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Move=void 0;const o=i(27065),n=i(38660),s=i(45573),r=i(63826),a=i(22963),l=i(58874),c=i(41616),u=i(33273),d=i(33086);e.Move=class{constructor(){this.angle=new n.MoveAngle,this.attract=new o.Attract,this.decay=0,this.distance={},this.direction="none",this.drift=0,this.enable=!1,this.gravity=new s.MoveGravity,this.path=new a.Path,this.outModes=new r.OutModes,this.random=!1,this.size=!1,this.speed=2,this.spin=new l.Spin,this.straight=!1,this.trail=new c.Trail,this.vibrate=!1,this.warp=!1}get collisions(){return!1}set collisions(t){}get bounce(){return this.collisions}set bounce(t){this.collisions=t}get out_mode(){return this.outMode}set out_mode(t){this.outMode=t}get outMode(){return this.outModes.default}set outMode(t){this.outModes.default=t}get noise(){return this.path}set noise(t){this.path=t}load(t){var e,i,o;if(void 0===t)return;void 0!==t.angle&&("number"==typeof t.angle?this.angle.value=t.angle:this.angle.load(t.angle)),this.attract.load(t.attract),void 0!==t.decay&&(this.decay=t.decay),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.distance&&(this.distance="number"==typeof t.distance?{horizontal:t.distance,vertical:t.distance}:(0,u.deepExtend)({},t.distance)),void 0!==t.drift&&(this.drift=(0,d.setRangeValue)(t.drift)),void 0!==t.enable&&(this.enable=t.enable),this.gravity.load(t.gravity);const n=null!==(e=t.outMode)&&void 0!==e?e:t.out_mode;void 0===t.outModes&&void 0===n||("string"==typeof t.outModes||void 0===t.outModes&&void 0!==n?this.outModes.load({default:null!==(i=t.outModes)&&void 0!==i?i:n}):this.outModes.load(t.outModes)),this.path.load(null!==(o=t.path)&&void 0!==o?o:t.noise),void 0!==t.random&&(this.random=t.random),void 0!==t.size&&(this.size=t.size),void 0!==t.speed&&(this.speed=(0,d.setRangeValue)(t.speed)),this.spin.load(t.spin),void 0!==t.straight&&(this.straight=t.straight),this.trail.load(t.trail),void 0!==t.vibrate&&(this.vibrate=t.vibrate),void 0!==t.warp&&(this.warp=t.warp)}}},38660:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.MoveAngle=void 0;const o=i(33086);e.MoveAngle=class{constructor(){this.offset=0,this.value=90}load(t){void 0!==t&&(void 0!==t.offset&&(this.offset=(0,o.setRangeValue)(t.offset)),void 0!==t.value&&(this.value=(0,o.setRangeValue)(t.value)))}}},45573:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.MoveGravity=void 0;const o=i(33086);e.MoveGravity=class{constructor(){this.acceleration=9.81,this.enable=!1,this.inverse=!1,this.maxSpeed=50}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=(0,o.setRangeValue)(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.inverse&&(this.inverse=t.inverse),void 0!==t.maxSpeed&&(this.maxSpeed=(0,o.setRangeValue)(t.maxSpeed)))}}},63826:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OutModes=void 0;e.OutModes=class{constructor(){this.default="out"}load(t){var e,i,o,n;t&&(void 0!==t.default&&(this.default=t.default),this.bottom=null!==(e=t.bottom)&&void 0!==e?e:t.default,this.left=null!==(i=t.left)&&void 0!==i?i:t.default,this.right=null!==(o=t.right)&&void 0!==o?o:t.default,this.top=null!==(n=t.top)&&void 0!==n?n:t.default)}}},22963:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Path=void 0;const o=i(14688),n=i(33273);e.Path=class{constructor(){this.clamp=!0,this.delay=new o.PathDelay,this.enable=!1,this.options={}}load(t){void 0!==t&&(void 0!==t.clamp&&(this.clamp=t.clamp),this.delay.load(t.delay),void 0!==t.enable&&(this.enable=t.enable),this.generator=t.generator,t.options&&(this.options=(0,n.deepExtend)(this.options,t.options)))}}},14688:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PathDelay=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super()}}e.PathDelay=n},58874:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Spin=void 0;const o=i(33273),n=i(33086);e.Spin=class{constructor(){this.acceleration=0,this.enable=!1}load(t){t&&(void 0!==t.acceleration&&(this.acceleration=(0,n.setRangeValue)(t.acceleration)),void 0!==t.enable&&(this.enable=t.enable),this.position=t.position?(0,o.deepExtend)({},t.position):void 0)}}},41616:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Trail=void 0;const o=i(12775);e.Trail=class{constructor(){this.enable=!1,this.length=10,this.fillColor=new o.OptionsColor,this.fillColor.value="#000000"}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),this.fillColor=o.OptionsColor.create(this.fillColor,t.fillColor),void 0!==t.length&&(this.length=t.length))}}},89636:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Density=void 0;e.Density=class{constructor(){this.enable=!1,this.area=800,this.factor=1e3}get value_area(){return this.area}set value_area(t){this.area=t}load(t){var e;if(void 0===t)return;void 0!==t.enable&&(this.enable=t.enable);const i=null!==(e=t.area)&&void 0!==e?e:t.value_area;void 0!==i&&(this.area=i),void 0!==t.factor&&(this.factor=t.factor)}}},7642:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ParticlesNumber=void 0;const o=i(89636);e.ParticlesNumber=class{constructor(){this.density=new o.Density,this.limit=0,this.value=100}get max(){return this.limit}set max(t){this.limit=t}load(t){var e;if(void 0===t)return;this.density.load(t.density);const i=null!==(e=t.limit)&&void 0!==e?e:t.max;void 0!==i&&(this.limit=i),void 0!==t.value&&(this.value=t.value)}}},54539:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Opacity=void 0;const o=i(75061),n=i(36042),s=i(33086);class r extends n.ValueWithRandom{constructor(){super(),this.animation=new o.OpacityAnimation,this.random.minimumValue=.1,this.value=1}get anim(){return this.animation}set anim(t){this.animation=t}load(t){var e;if(!t)return;super.load(t);const i=null!==(e=t.animation)&&void 0!==e?e:t.anim;void 0!==i&&(this.animation.load(i),this.value=(0,s.setRangeValue)(this.value,this.animation.enable?this.animation.minimumValue:void 0))}}e.Opacity=r},75061:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OpacityAnimation=void 0;const o=i(72094);class n extends o.AnimationOptions{constructor(){super(),this.destroy="none",this.enable=!1,this.speed=2,this.startValue="random",this.sync=!1}get opacity_min(){return this.minimumValue}set opacity_min(t){this.minimumValue=t}load(t){var e;void 0!==t&&(super.load(t),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.enable&&(this.enable=t.enable),this.minimumValue=null!==(e=t.minimumValue)&&void 0!==e?e:t.opacity_min,void 0!==t.speed&&(this.speed=t.speed),void 0!==t.startValue&&(this.startValue=t.startValue),void 0!==t.sync&&(this.sync=t.sync))}}e.OpacityAnimation=n},60435:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Orbit=void 0;const o=i(72094),n=i(12775),s=i(26997),r=i(33086);e.Orbit=class{constructor(){this.animation=new o.AnimationOptions,this.enable=!1,this.opacity=1,this.rotation=new s.OrbitRotation,this.width=1}load(t){void 0!==t&&(this.animation.load(t.animation),this.rotation.load(t.rotation),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.opacity&&(this.opacity=(0,r.setRangeValue)(t.opacity)),void 0!==t.width&&(this.width=(0,r.setRangeValue)(t.width)),void 0!==t.radius&&(this.radius=(0,r.setRangeValue)(t.radius)),void 0!==t.color&&(this.color=n.OptionsColor.create(this.color,t.color)))}}},26997:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OrbitRotation=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.value=45,this.random.enable=!1,this.random.minimumValue=0}load(t){void 0!==t&&super.load(t)}}e.OrbitRotation=n},68153:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ParticlesOptions=void 0;const o=i(98743),n=i(16542),s=i(59677),r=i(43891),a=i(69131),l=i(18465),c=i(17935),u=i(1419),d=i(54539),h=i(60435),p=i(7642),v=i(53611),f=i(97471),y=i(16367),g=i(69334),m=i(5591),b=i(57347),_=i(85714),w=i(10015),S=i(50671),P=i(23491),x=i(97765),O=i(33273);e.ParticlesOptions=class{constructor(){this.bounce=new s.Bounce,this.collisions=new r.Collisions,this.color=new o.AnimatableColor,this.destroy=new a.Destroy,this.gradient=[],this.groups={},this.life=new l.Life,this.links=new c.Links,this.move=new u.Move,this.number=new p.ParticlesNumber,this.opacity=new d.Opacity,this.orbit=new h.Orbit,this.reduceDuplicates=!1,this.repulse=new v.Repulse,this.roll=new f.Roll,this.rotate=new y.Rotate,this.shadow=new g.Shadow,this.shape=new m.Shape,this.size=new b.Size,this.stroke=new _.Stroke,this.tilt=new w.Tilt,this.twinkle=new S.Twinkle,this.wobble=new P.Wobble,this.zIndex=new x.ZIndex}get line_linked(){return this.links}set line_linked(t){this.links=t}get lineLinked(){return this.links}set lineLinked(t){this.links=t}load(t){var e,i,s,r,a,l,c,u;if(void 0===t)return;this.bounce.load(t.bounce),this.color.load(o.AnimatableColor.create(this.color,t.color)),this.destroy.load(t.destroy),this.life.load(t.life);const d=null!==(i=null!==(e=t.links)&&void 0!==e?e:t.lineLinked)&&void 0!==i?i:t.line_linked;if(void 0!==d&&this.links.load(d),void 0!==t.groups)for(const e in t.groups){const i=t.groups[e];void 0!==i&&(this.groups[e]=(0,O.deepExtend)(null!==(s=this.groups[e])&&void 0!==s?s:{},i))}this.move.load(t.move),this.number.load(t.number),this.opacity.load(t.opacity),this.orbit.load(t.orbit),void 0!==t.reduceDuplicates&&(this.reduceDuplicates=t.reduceDuplicates),this.repulse.load(t.repulse),this.roll.load(t.roll),this.rotate.load(t.rotate),this.shape.load(t.shape),this.size.load(t.size),this.shadow.load(t.shadow),this.tilt.load(t.tilt),this.twinkle.load(t.twinkle),this.wobble.load(t.wobble),this.zIndex.load(t.zIndex);const h=null!==(a=null===(r=t.move)||void 0===r?void 0:r.collisions)&&void 0!==a?a:null===(l=t.move)||void 0===l?void 0:l.bounce;void 0!==h&&(this.collisions.enable=h),this.collisions.load(t.collisions);const p=null!==(c=t.stroke)&&void 0!==c?c:null===(u=t.shape)||void 0===u?void 0:u.stroke;p&&(p instanceof Array?this.stroke=p.map((t=>{const e=new _.Stroke;return e.load(t),e})):(this.stroke instanceof Array&&(this.stroke=new _.Stroke),this.stroke.load(p)));const v=t.gradient;v&&(v instanceof Array?this.gradient=v.map((t=>{const e=new n.AnimatableGradient;return e.load(t),e})):(this.gradient instanceof Array&&(this.gradient=new n.AnimatableGradient),this.gradient.load(v)))}}},53611:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Repulse=void 0;const o=i(36042),n=i(33086);class s extends o.ValueWithRandom{constructor(){super(),this.enabled=!1,this.distance=1,this.duration=1,this.factor=1,this.speed=1}load(t){super.load(t),t&&(void 0!==t.enabled&&(this.enabled=t.enabled),void 0!==t.distance&&(this.distance=(0,n.setRangeValue)(t.distance)),void 0!==t.duration&&(this.duration=(0,n.setRangeValue)(t.duration)),void 0!==t.factor&&(this.factor=(0,n.setRangeValue)(t.factor)),void 0!==t.speed&&(this.speed=(0,n.setRangeValue)(t.speed)))}}e.Repulse=s},97471:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Roll=void 0;const o=i(12775),n=i(85355),s=i(33086);e.Roll=class{constructor(){this.darken=new n.RollLight,this.enable=!1,this.enlighten=new n.RollLight,this.mode="vertical",this.speed=25}load(t){t&&(void 0!==t.backColor&&(this.backColor=o.OptionsColor.create(this.backColor,t.backColor)),this.darken.load(t.darken),void 0!==t.enable&&(this.enable=t.enable),this.enlighten.load(t.enlighten),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.speed&&(this.speed=(0,s.setRangeValue)(t.speed)))}}},85355:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.RollLight=void 0;const o=i(33086);e.RollLight=class{constructor(){this.enable=!1,this.value=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.value&&(this.value=(0,o.setRangeValue)(t.value)))}}},16367:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Rotate=void 0;const o=i(48489),n=i(36042);class s extends n.ValueWithRandom{constructor(){super(),this.animation=new o.RotateAnimation,this.direction="clockwise",this.path=!1,this.value=0}load(t){t&&(super.load(t),void 0!==t.direction&&(this.direction=t.direction),this.animation.load(t.animation),void 0!==t.path&&(this.path=t.path))}}e.Rotate=s},48489:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.RotateAnimation=void 0;const o=i(33086);e.RotateAnimation=class{constructor(){this.enable=!1,this.speed=0,this.sync=!1}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,o.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync))}}},69334:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Shadow=void 0;const o=i(12775);e.Shadow=class{constructor(){this.blur=0,this.color=new o.OptionsColor,this.enable=!1,this.offset={x:0,y:0},this.color.value="#000000"}load(t){void 0!==t&&(void 0!==t.blur&&(this.blur=t.blur),this.color=o.OptionsColor.create(this.color,t.color),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.offset&&(void 0!==t.offset.x&&(this.offset.x=t.offset.x),void 0!==t.offset.y&&(this.offset.y=t.offset.y)))}}},5591:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Shape=void 0;const o=i(33273);e.Shape=class{constructor(){this.options={},this.type="circle"}get image(){var t;return null!==(t=this.options.image)&&void 0!==t?t:this.options.images}set image(t){this.options.image=t,this.options.images=t}get custom(){return this.options}set custom(t){this.options=t}get images(){return this.image}set images(t){this.image=t}get stroke(){return[]}set stroke(t){}get character(){var t;return null!==(t=this.options.character)&&void 0!==t?t:this.options.char}set character(t){this.options.character=t,this.options.char=t}get polygon(){var t;return null!==(t=this.options.polygon)&&void 0!==t?t:this.options.star}set polygon(t){this.options.polygon=t,this.options.star=t}load(t){var e,i,n;if(void 0===t)return;const s=null!==(e=t.options)&&void 0!==e?e:t.custom;if(void 0!==s)for(const t in s){const e=s[t];void 0!==e&&(this.options[t]=(0,o.deepExtend)(null!==(i=this.options[t])&&void 0!==i?i:{},e))}this.loadShape(t.character,"character","char",!0),this.loadShape(t.polygon,"polygon","star",!1),this.loadShape(null!==(n=t.image)&&void 0!==n?n:t.images,"image","images",!0),void 0!==t.type&&(this.type=t.type)}loadShape(t,e,i,n){var s,r,a,l;void 0!==t&&(t instanceof Array?(this.options[e]instanceof Array||(this.options[e]=[],this.options[i]&&!n||(this.options[i]=[])),this.options[e]=(0,o.deepExtend)(null!==(s=this.options[e])&&void 0!==s?s:[],t),this.options[i]&&!n||(this.options[i]=(0,o.deepExtend)(null!==(r=this.options[i])&&void 0!==r?r:[],t))):(this.options[e]instanceof Array&&(this.options[e]={},this.options[i]&&!n||(this.options[i]={})),this.options[e]=(0,o.deepExtend)(null!==(a=this.options[e])&&void 0!==a?a:{},t),this.options[i]&&!n||(this.options[i]=(0,o.deepExtend)(null!==(l=this.options[i])&&void 0!==l?l:{},t))))}}},57347:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Size=void 0;const o=i(93597),n=i(36042),s=i(33086);class r extends n.ValueWithRandom{constructor(){super(),this.animation=new o.SizeAnimation,this.random.minimumValue=1,this.value=3}get anim(){return this.animation}set anim(t){this.animation=t}load(t){var e;if(!t)return;super.load(t);const i=null!==(e=t.animation)&&void 0!==e?e:t.anim;void 0!==i&&(this.animation.load(i),this.value=(0,s.setRangeValue)(this.value,this.animation.enable?this.animation.minimumValue:void 0))}}e.Size=r},93597:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SizeAnimation=void 0;const o=i(72094);class n extends o.AnimationOptions{constructor(){super(),this.destroy="none",this.enable=!1,this.speed=5,this.startValue="random",this.sync=!1}get size_min(){return this.minimumValue}set size_min(t){this.minimumValue=t}load(t){var e;void 0!==t&&(super.load(t),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.enable&&(this.enable=t.enable),this.minimumValue=null!==(e=t.minimumValue)&&void 0!==e?e:t.size_min,void 0!==t.speed&&(this.speed=t.speed),void 0!==t.startValue&&(this.startValue=t.startValue),void 0!==t.sync&&(this.sync=t.sync))}}e.SizeAnimation=n},85714:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Stroke=void 0;const o=i(98743);e.Stroke=class{constructor(){this.width=0}load(t){void 0!==t&&(void 0!==t.color&&(this.color=o.AnimatableColor.create(this.color,t.color)),void 0!==t.width&&(this.width=t.width),void 0!==t.opacity&&(this.opacity=t.opacity))}}},10015:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Tilt=void 0;const o=i(60057),n=i(36042);class s extends n.ValueWithRandom{constructor(){super(),this.animation=new o.TiltAnimation,this.direction="clockwise",this.enable=!1,this.value=0}load(t){t&&(super.load(t),this.animation.load(t.animation),void 0!==t.direction&&(this.direction=t.direction),void 0!==t.enable&&(this.enable=t.enable))}}e.Tilt=s},60057:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TiltAnimation=void 0;const o=i(33086);e.TiltAnimation=class{constructor(){this.enable=!1,this.speed=0,this.sync=!1}load(t){void 0!==t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,o.setRangeValue)(t.speed)),void 0!==t.sync&&(this.sync=t.sync))}}},50671:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Twinkle=void 0;const o=i(7937);e.Twinkle=class{constructor(){this.lines=new o.TwinkleValues,this.particles=new o.TwinkleValues}load(t){void 0!==t&&(this.lines.load(t.lines),this.particles.load(t.particles))}}},7937:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TwinkleValues=void 0;const o=i(12775),n=i(33086);e.TwinkleValues=class{constructor(){this.enable=!1,this.frequency=.05,this.opacity=1}load(t){void 0!==t&&(void 0!==t.color&&(this.color=o.OptionsColor.create(this.color,t.color)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.frequency&&(this.frequency=t.frequency),void 0!==t.opacity&&(this.opacity=(0,n.setRangeValue)(t.opacity)))}}},23491:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Wobble=void 0;const o=i(33086);e.Wobble=class{constructor(){this.distance=5,this.enable=!1,this.speed=50}load(t){t&&(void 0!==t.distance&&(this.distance=(0,o.setRangeValue)(t.distance)),void 0!==t.enable&&(this.enable=t.enable),void 0!==t.speed&&(this.speed=(0,o.setRangeValue)(t.speed)))}}},97765:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ZIndex=void 0;const o=i(36042);class n extends o.ValueWithRandom{constructor(){super(),this.opacityRate=1,this.sizeRate=1,this.velocityRate=1}load(t){super.load(t),t&&(void 0!==t.opacityRate&&(this.opacityRate=t.opacityRate),void 0!==t.sizeRate&&(this.sizeRate=t.sizeRate),void 0!==t.velocityRate&&(this.velocityRate=t.velocityRate))}}e.ZIndex=n},87309:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Random=void 0;e.Random=class{constructor(){this.enable=!1,this.minimumValue=0}load(t){t&&(void 0!==t.enable&&(this.enable=t.enable),void 0!==t.minimumValue&&(this.minimumValue=t.minimumValue))}}},22768:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Responsive=void 0;const o=i(33273);e.Responsive=class{constructor(){this.maxWidth=1/0,this.options={},this.mode="canvas"}load(t){t&&(void 0!==t.maxWidth&&(this.maxWidth=t.maxWidth),void 0!==t.mode&&("screen"===t.mode?this.mode="screen":this.mode="canvas"),void 0!==t.options&&(this.options=(0,o.deepExtend)({},t.options)))}}},96831:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Theme=void 0;const o=i(78406),n=i(33273);e.Theme=class{constructor(){this.name="",this.default=new o.ThemeDefault}load(t){void 0!==t&&(void 0!==t.name&&(this.name=t.name),this.default.load(t.default),void 0!==t.options&&(this.options=(0,n.deepExtend)({},t.options)))}}},78406:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ThemeDefault=void 0;e.ThemeDefault=class{constructor(){this.auto=!1,this.mode="any",this.value=!1}load(t){t&&(void 0!==t.auto&&(this.auto=t.auto),void 0!==t.mode&&(this.mode=t.mode),void 0!==t.value&&(this.value=t.value))}}},36042:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ValueWithRandom=void 0;const o=i(87309),n=i(33086);e.ValueWithRandom=class{constructor(){this.random=new o.Random,this.value=0}load(t){t&&("boolean"==typeof t.random?this.random.enable=t.random:this.random.load(t.random),void 0!==t.value&&(this.value=(0,n.setRangeValue)(t.value,this.random.enable?this.random.minimumValue:void 0)))}}},20577:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},33996:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AbsorberInstance=void 0;const o=i(33086),n=i(75846),s=i(67593),r=i(11203),a=i(33273);e.AbsorberInstance=class{constructor(t,e,i,a){var l,c,u;this.absorbers=t,this.container=e,this.initialPosition=a?r.Vector.create(a.x,a.y):void 0,i instanceof s.Absorber?this.options=i:(this.options=new s.Absorber,this.options.load(i)),this.dragging=!1,this.name=this.options.name,this.opacity=this.options.opacity,this.size=(0,o.getRangeValue)(this.options.size.value)*e.retina.pixelRatio,this.mass=this.size*this.options.size.density*e.retina.reduceFactor;const d=this.options.size.limit;this.limit={radius:d.radius*e.retina.pixelRatio*e.retina.reduceFactor,mass:d.mass},this.color=null!==(l=(0,n.colorToRgb)(this.options.color))&&void 0!==l?l:{b:0,g:0,r:0},this.position=null!==(u=null===(c=this.initialPosition)||void 0===c?void 0:c.copy())&&void 0!==u?u:this.calcPosition()}attract(t){const e=this.container,i=this.options;if(i.draggable){const t=e.interactivity.mouse;if(t.clicking&&t.downPosition){(0,o.getDistance)(this.position,t.downPosition)<=this.size&&(this.dragging=!0)}else this.dragging=!1;this.dragging&&t.position&&(this.position.x=t.position.x,this.position.y=t.position.y)}const n=t.getPosition(),{dx:s,dy:a,distance:l}=(0,o.getDistances)(this.position,n),c=r.Vector.create(s,a);if(c.length=this.mass/Math.pow(l,2)*e.retina.reduceFactor,lt.getRadius()&&l=0?"clockwise":"counter-clockwise");const a=t.absorberOrbit.length,l=t.absorberOrbit.angle,c=t.absorberOrbitDirection;t.velocity.setTo(r.Vector.origin);const u={x:"clockwise"===c?Math.cos:Math.sin,y:"clockwise"===c?Math.sin:Math.cos};t.position.x=this.position.x+a*u.x(l),t.position.y=this.position.y+a*u.y(l),t.absorberOrbit.length-=e.length,t.absorberOrbit.angle+=(null!==(i=t.retina.moveSpeed)&&void 0!==i?i:0)*n.retina.pixelRatio/100*n.retina.reduceFactor}else{const i=r.Vector.origin;i.length=e.length,i.angle=e.angle,t.velocity.addTo(i)}}}},13182:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Absorbers=void 0;const o=i(67593),n=i(33996),s=i(33273);e.Absorbers=class{constructor(t){this.container=t,this.array=[],this.absorbers=[],this.interactivityAbsorbers=[];const e=t;e.getAbsorber=t=>void 0===t||"number"==typeof t?this.array[t||0]:this.array.find((e=>e.name===t)),e.addAbsorber=(t,e)=>this.addAbsorber(t,e)}init(t){var e,i;if(!t)return;t.absorbers&&(t.absorbers instanceof Array?this.absorbers=t.absorbers.map((t=>{const e=new o.Absorber;return e.load(t),e})):(this.absorbers instanceof Array&&(this.absorbers=new o.Absorber),this.absorbers.load(t.absorbers)));const n=null===(i=null===(e=t.interactivity)||void 0===e?void 0:e.modes)||void 0===i?void 0:i.absorbers;if(n&&(n instanceof Array?this.interactivityAbsorbers=n.map((t=>{const e=new o.Absorber;return e.load(t),e})):(this.interactivityAbsorbers instanceof Array&&(this.interactivityAbsorbers=new o.Absorber),this.interactivityAbsorbers.load(n))),this.absorbers instanceof Array)for(const t of this.absorbers)this.addAbsorber(t);else this.addAbsorber(this.absorbers)}particleUpdate(t){for(const e of this.array)if(e.attract(t),t.destroyed)break}draw(t){for(const e of this.array)t.save(),e.draw(t),t.restore()}stop(){this.array=[]}resize(){for(const t of this.array)t.resize()}handleClickMode(t){const e=this.absorbers,i=this.interactivityAbsorbers;if("absorber"===t){let t;i instanceof Array?i.length>0&&(t=(0,s.itemFromArray)(i)):t=i;const o=null!=t?t:e instanceof Array?(0,s.itemFromArray)(e):e,n=this.container.interactivity.mouse.clickPosition;this.addAbsorber(o,n)}}addAbsorber(t,e){const i=new n.AbsorberInstance(this,this.container,t,e);return this.array.push(i),i}removeAbsorber(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}}},25541:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},67593:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Absorber=void 0;const o=i(24452),n=i(12775),s=i(33086);e.Absorber=class{constructor(){this.color=new n.OptionsColor,this.color.value="#000000",this.draggable=!1,this.opacity=1,this.destroy=!0,this.orbits=!1,this.size=new o.AbsorberSize}load(t){void 0!==t&&(void 0!==t.color&&(this.color=n.OptionsColor.create(this.color,t.color)),void 0!==t.draggable&&(this.draggable=t.draggable),this.name=t.name,void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,s.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,s.setRangeValue)(t.position.y))),void 0!==t.size&&this.size.load(t.size),void 0!==t.destroy&&(this.destroy=t.destroy),void 0!==t.orbits&&(this.orbits=t.orbits))}}},24452:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AbsorberSize=void 0;const o=i(30485),n=i(36042);class s extends n.ValueWithRandom{constructor(){super(),this.density=5,this.random.minimumValue=1,this.value=50,this.limit=new o.AbsorberSizeLimit}load(t){t&&(super.load(t),void 0!==t.density&&(this.density=t.density),"number"==typeof t.limit?this.limit.radius=t.limit:this.limit.load(t.limit))}}e.AbsorberSize=s},30485:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AbsorberSizeLimit=void 0;e.AbsorberSizeLimit=class{constructor(){this.radius=0,this.mass=0}load(t){t&&(void 0!==t.mass&&(this.mass=t.mass),void 0!==t.radius&&(this.radius=t.radius))}}},32996:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},9157:function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i);var n=Object.getOwnPropertyDescriptor(e,i);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,o,n)}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),n=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),e.loadAbsorbersPlugin=void 0;const s=i(67593),r=i(13182),a=i(33273);class l{constructor(){this.id="absorbers"}getPlugin(t){return new r.Absorbers(t)}needsPlugin(t){var e,i,o;if(void 0===t)return!1;const n=t.absorbers;return n instanceof Array?!!n.length:!!n||!(!(null===(o=null===(i=null===(e=t.interactivity)||void 0===e?void 0:e.events)||void 0===i?void 0:i.onClick)||void 0===o?void 0:o.mode)||!(0,a.isInArray)("absorber",t.interactivity.events.onClick.mode))}loadOptions(t,e){var i,o;if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;const n=t;if(null==e?void 0:e.absorbers)if((null==e?void 0:e.absorbers)instanceof Array)n.absorbers=null==e?void 0:e.absorbers.map((t=>{const e=new s.Absorber;return e.load(t),e}));else{let t=n.absorbers;void 0===(null==t?void 0:t.load)&&(n.absorbers=t=new s.Absorber),t.load(null==e?void 0:e.absorbers)}const r=null===(o=null===(i=null==e?void 0:e.interactivity)||void 0===i?void 0:i.modes)||void 0===o?void 0:o.absorbers;if(r)if(r instanceof Array)n.interactivity.modes.absorbers=r.map((t=>{const e=new s.Absorber;return e.load(t),e}));else{let t=n.interactivity.modes.absorbers;void 0===(null==t?void 0:t.load)&&(n.interactivity.modes.absorbers=t=new s.Absorber),t.load(r)}}}e.loadAbsorbersPlugin=async function(t){const e=new l;await t.addPlugin(e)},n(i(25541),e),n(i(32996),e)},52828:function(t,e,i){"use strict";var o,n,s,r=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},a=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.EmitterInstance=void 0;const l=i(33086),c=i(33273),u=i(38769),d=i(71276),h=i(75846);e.EmitterInstance=class{constructor(t,e,i,l,p){var v,f,y,g,m,b,_,w;this.emitters=e,this.container=i,o.set(this,void 0),n.set(this,void 0),s.set(this,void 0),r(this,s,t,"f"),this.currentDuration=0,this.currentEmitDelay=0,this.currentSpawnDelay=0,this.initialPosition=p,l instanceof u.Emitter?this.options=l:(this.options=new u.Emitter,this.options.load(l)),this.spawnDelay=1e3*(null!==(v=this.options.life.delay)&&void 0!==v?v:0)/this.container.retina.reduceFactor,this.position=null!==(f=this.initialPosition)&&void 0!==f?f:this.calcPosition(),this.name=this.options.name,this.shape=null===(y=a(this,s,"f").emitterShapeManager)||void 0===y?void 0:y.getShape(this.options.shape),this.fill=this.options.fill,r(this,o,!this.options.life.wait,"f"),r(this,n,!1,"f");let S=(0,c.deepExtend)({},this.options.particles);null!=S||(S={}),null!==(g=S.move)&&void 0!==g||(S.move={}),null!==(m=(w=S.move).direction)&&void 0!==m||(w.direction=this.options.direction),this.options.spawnColor&&(this.spawnColor=(0,h.colorToHsl)(this.options.spawnColor)),this.paused=!this.options.autoPlay,this.particlesOptions=S,this.size=null!==(b=this.options.size)&&void 0!==b?b:(()=>{const t=new d.EmitterSize;return t.load({height:0,mode:"percent",width:0}),t})(),this.lifeCount=null!==(_=this.options.life.count)&&void 0!==_?_:-1,this.immortal=this.lifeCount<=0,this.play()}externalPlay(){this.paused=!1,this.play()}externalPause(){this.paused=!0,this.pause()}play(){var t;if(!this.paused&&this.container.retina.reduceFactor&&(this.lifeCount>0||this.immortal||!this.options.life.count)&&(a(this,o,"f")||this.currentSpawnDelay>=(null!==(t=this.spawnDelay)&&void 0!==t?t:0))){if(void 0===this.emitDelay){const t=(0,l.getRangeValue)(this.options.rate.delay);this.emitDelay=1e3*t/this.container.retina.reduceFactor}(this.lifeCount>0||this.immortal)&&this.prepareToDie()}}pause(){this.paused||delete this.emitDelay}resize(){const t=this.initialPosition;this.position=t&&(0,c.isPointInside)(t,this.container.canvas.size)?t:this.calcPosition()}update(t){var e,i,s;this.paused||(a(this,o,"f")&&(r(this,o,!1,"f"),this.currentSpawnDelay=null!==(e=this.spawnDelay)&&void 0!==e?e:0,this.currentEmitDelay=null!==(i=this.emitDelay)&&void 0!==i?i:0),a(this,n,"f")||(r(this,n,!0,"f"),this.emitParticles(this.options.startCount)),void 0!==this.duration&&(this.currentDuration+=t.value,this.currentDuration>=this.duration&&(this.pause(),void 0!==this.spawnDelay&&delete this.spawnDelay,this.immortal||this.lifeCount--,this.lifeCount>0||this.immortal?(this.position=this.calcPosition(),this.spawnDelay=1e3*(null!==(s=this.options.life.delay)&&void 0!==s?s:0)/this.container.retina.reduceFactor):this.destroy(),this.currentDuration-=this.duration,delete this.duration)),void 0!==this.spawnDelay&&(this.currentSpawnDelay+=t.value,this.currentSpawnDelay>=this.spawnDelay&&(this.play(),this.currentSpawnDelay-=this.currentSpawnDelay,delete this.spawnDelay)),void 0!==this.emitDelay&&(this.currentEmitDelay+=t.value,this.currentEmitDelay>=this.emitDelay&&(this.emit(),this.currentEmitDelay-=this.emitDelay)))}getPosition(){if(this.options.domId){const t=this.container,e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{x:(i.x+i.width/2)*t.retina.pixelRatio,y:(i.y+i.height/2)*t.retina.pixelRatio}}}return this.position}getSize(){const t=this.container;if(this.options.domId){const e=document.getElementById(this.options.domId);if(e){const i=e.getBoundingClientRect();return{width:i.width*t.retina.pixelRatio,height:i.height*t.retina.pixelRatio}}}return{width:"percent"===this.size.mode?t.canvas.size.width*this.size.width/100:this.size.width,height:"percent"===this.size.mode?t.canvas.size.height*this.size.height/100:this.size.height}}prepareToDie(){var t;if(this.paused)return;const e=null===(t=this.options.life)||void 0===t?void 0:t.duration;this.container.retina.reduceFactor&&(this.lifeCount>0||this.immortal)&&void 0!==e&&e>0&&(this.duration=1e3*e)}destroy(){this.emitters.removeEmitter(this)}calcPosition(){return(0,l.calcPositionOrRandomFromSizeRanged)({size:this.container.canvas.size,position:this.options.position})}emit(){if(this.paused)return;const t=(0,l.getRangeValue)(this.options.rate.quantity);this.emitParticles(t)}emitParticles(t){var e,i,o;const n=this.getPosition(),s=this.getSize();for(let r=0;rvoid 0===t||"number"==typeof t?this.array[t||0]:this.array.find((e=>e.name===t)),i.addEmitter=(t,e)=>this.addEmitter(t,e),i.removeEmitter=t=>{const e=i.getEmitter(t);e&&this.removeEmitter(e)},i.playEmitter=t=>{const e=i.getEmitter(t);e&&e.externalPlay()},i.pauseEmitter=t=>{const e=i.getEmitter(t);e&&e.externalPause()}}init(t){var e,i;if(!t)return;t.emitters&&(t.emitters instanceof Array?this.emitters=t.emitters.map((t=>{const e=new a.Emitter;return e.load(t),e})):(this.emitters instanceof Array&&(this.emitters=new a.Emitter),this.emitters.load(t.emitters)));const o=null===(i=null===(e=t.interactivity)||void 0===e?void 0:e.modes)||void 0===i?void 0:i.emitters;if(o&&(o instanceof Array?this.interactivityEmitters=o.map((t=>{const e=new a.Emitter;return e.load(t),e})):(this.interactivityEmitters instanceof Array&&(this.interactivityEmitters=new a.Emitter),this.interactivityEmitters.load(o))),this.emitters instanceof Array)for(const t of this.emitters)this.addEmitter(t);else this.addEmitter(this.emitters)}play(){for(const t of this.array)t.play()}pause(){for(const t of this.array)t.pause()}stop(){this.array=[]}update(t){for(const e of this.array)e.update(t)}handleClickMode(t){const e=this.emitters,i=this.interactivityEmitters;if("emitter"===t){let t;i instanceof Array?i.length>0&&(t=(0,r.itemFromArray)(i)):t=i;const o=null!=t?t:e instanceof Array?(0,r.itemFromArray)(e):e,n=this.container.interactivity.mouse.clickPosition;this.addEmitter((0,r.deepExtend)({},o),n)}}resize(){for(const t of this.array)t.resize()}addEmitter(t,e){const i=new a.Emitter;i.load(t);const n=new l.EmitterInstance(s(this,o,"f"),this,this.container,i,e);return this.array.push(n),n}removeEmitter(t){const e=this.array.indexOf(t);e>=0&&this.array.splice(e,1)}},o=new WeakMap},42176:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},19939:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},62061:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},38769:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.Emitter=void 0;const o=i(98743),n=i(2035),s=i(97579),r=i(71276),a=i(33273),l=i(33086);e.Emitter=class{constructor(){this.autoPlay=!0,this.fill=!0,this.life=new n.EmitterLife,this.rate=new s.EmitterRate,this.shape="square",this.startCount=0}load(t){void 0!==t&&(void 0!==t.autoPlay&&(this.autoPlay=t.autoPlay),void 0!==t.size&&(void 0===this.size&&(this.size=new r.EmitterSize),this.size.load(t.size)),void 0!==t.direction&&(this.direction=t.direction),this.domId=t.domId,void 0!==t.fill&&(this.fill=t.fill),this.life.load(t.life),this.name=t.name,void 0!==t.particles&&(this.particles=(0,a.deepExtend)({},t.particles)),this.rate.load(t.rate),void 0!==t.shape&&(this.shape=t.shape),void 0!==t.position&&(this.position={},void 0!==t.position.x&&(this.position.x=(0,l.setRangeValue)(t.position.x)),void 0!==t.position.y&&(this.position.y=(0,l.setRangeValue)(t.position.y))),void 0!==t.spawnColor&&(void 0===this.spawnColor&&(this.spawnColor=new o.AnimatableColor),this.spawnColor.load(t.spawnColor)),void 0!==t.startCount&&(this.startCount=t.startCount))}}},2035:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.EmitterLife=void 0;e.EmitterLife=class{constructor(){this.wait=!1}load(t){void 0!==t&&(void 0!==t.count&&(this.count=t.count),void 0!==t.delay&&(this.delay=t.delay),void 0!==t.duration&&(this.duration=t.duration),void 0!==t.wait&&(this.wait=t.wait))}}},97579:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.EmitterRate=void 0;const o=i(33086);e.EmitterRate=class{constructor(){this.quantity=1,this.delay=.1}load(t){void 0!==t&&(void 0!==t.quantity&&(this.quantity=(0,o.setRangeValue)(t.quantity)),void 0!==t.delay&&(this.delay=(0,o.setRangeValue)(t.delay)))}}},71276:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.EmitterSize=void 0;e.EmitterSize=class{constructor(){this.mode="percent",this.height=0,this.width=0}load(t){void 0!==t&&(void 0!==t.mode&&(this.mode=t.mode),void 0!==t.height&&(this.height=t.height),void 0!==t.width&&(this.width=t.width))}}},46250:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},70205:function(t,e){"use strict";var i,o=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i};Object.defineProperty(e,"__esModule",{value:!0}),e.ShapeManager=void 0;const n=new Map;e.ShapeManager=class{constructor(t){i.set(this,void 0),o(this,i,t,"f")}addShape(t,e){this.getShape(t)||n.set(t,e)}getShape(t){return n.get(t)}getSupportedShapes(){return n.keys()}},i=new WeakMap},87716:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CircleShape=void 0;e.CircleShape=class{randomPosition(t,e,i){const[o,n]=[e.width/2,e.height/2],s=((t,e)=>{const i=Math.random()/4,o=Math.atan(e/t*Math.tan(2*Math.PI*i)),n=Math.random();return n<.25?o:n<.5?Math.PI-o:n<.75?Math.PI+o:-o})(o,n),r=(u=s,(l=o)*(c=n)/Math.sqrt((c*Math.cos(u))**2+(l*Math.sin(u))**2)),a=i?r*Math.sqrt(Math.random()):r;var l,c,u;return{x:t.x+a*Math.cos(s),y:t.y+a*Math.sin(s)}}}},33618:function(t,e){"use strict";function i(t,e){return t+e*(Math.random()-.5)}Object.defineProperty(e,"__esModule",{value:!0}),e.SquareShape=void 0;e.SquareShape=class{randomPosition(t,e,o){if(o)return{x:i(t.x,e.width),y:i(t.y,e.height)};{const i=e.width/2,o=e.height/2,n=Math.floor(4*Math.random()),s=2*(Math.random()-.5);switch(n){case 0:return{x:t.x+s*i,y:t.y-o};case 1:return{x:t.x-i,y:t.y+s*o};case 2:return{x:t.x+s*i,y:t.y+o};default:return{x:t.x+i,y:t.y+s*o}}}}}},55197:function(t,e,i){"use strict";var o,n=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i);var n=Object.getOwnPropertyDescriptor(e,i);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,o,n)}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),s=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||n(e,t,i)},r=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},a=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.loadEmittersPlugin=void 0;const l=i(87716),c=i(38769),u=i(78510),d=i(70205),h=i(33618),p=i(33273);class v{constructor(t){o.set(this,void 0),r(this,o,t,"f"),this.id="emitters"}getPlugin(t){return new u.Emitters(a(this,o,"f"),t)}needsPlugin(t){var e,i,o;if(void 0===t)return!1;const n=t.emitters;return n instanceof Array&&!!n.length||void 0!==n||!!(null===(o=null===(i=null===(e=t.interactivity)||void 0===e?void 0:e.events)||void 0===i?void 0:i.onClick)||void 0===o?void 0:o.mode)&&(0,p.isInArray)("emitter",t.interactivity.events.onClick.mode)}loadOptions(t,e){var i,o;if(!this.needsPlugin(t)&&!this.needsPlugin(e))return;const n=t;if(null==e?void 0:e.emitters)if((null==e?void 0:e.emitters)instanceof Array)n.emitters=null==e?void 0:e.emitters.map((t=>{const e=new c.Emitter;return e.load(t),e}));else{let t=n.emitters;void 0===(null==t?void 0:t.load)&&(n.emitters=t=new c.Emitter),t.load(null==e?void 0:e.emitters)}const s=null===(o=null===(i=null==e?void 0:e.interactivity)||void 0===i?void 0:i.modes)||void 0===o?void 0:o.emitters;if(s)if(s instanceof Array)n.interactivity.modes.emitters=s.map((t=>{const e=new c.Emitter;return e.load(t),e}));else{let t=n.interactivity.modes.emitters;void 0===(null==t?void 0:t.load)&&(n.interactivity.modes.emitters=t=new c.Emitter),t.load(s)}}}o=new WeakMap,e.loadEmittersPlugin=async function(t){t.emitterShapeManager||(t.emitterShapeManager=new d.ShapeManager(t)),t.addEmitterShape||(t.addEmitterShape=(e,i)=>{var o;null===(o=t.emitterShapeManager)||void 0===o||o.addShape(e,i)});const e=new v(t);await t.addPlugin(e),t.addEmitterShape("circle",new l.CircleShape),t.addEmitterShape("square",new h.SquareShape)},s(i(42176),e),s(i(19939),e),s(i(62061),e),s(i(46250),e)},32436:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},68386:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},78963:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},37124:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMask=void 0;const o=i(80214),n=i(53241),s=i(51875),r=i(27961),a=i(33273);e.PolygonMask=class{constructor(){this.draw=new o.PolygonMaskDraw,this.enable=!1,this.inline=new n.PolygonMaskInline,this.move=new r.PolygonMaskMove,this.scale=1,this.type="none"}get inlineArrangement(){return this.inline.arrangement}set inlineArrangement(t){this.inline.arrangement=t}load(t){var e;if(!t)return;this.draw.load(t.draw);const i=null!==(e=t.inline)&&void 0!==e?e:{arrangement:t.inlineArrangement};void 0!==i&&this.inline.load(i),this.move.load(t.move),void 0!==t.scale&&(this.scale=t.scale),void 0!==t.type&&(this.type=t.type),void 0!==t.enable?this.enable=t.enable:this.enable="none"!==this.type,void 0!==t.url&&(this.url=t.url),void 0!==t.data&&("string"==typeof t.data?this.data=t.data:(this.data=new s.PolygonMaskLocalSvg,this.data.load(t.data))),void 0!==t.position&&(this.position=(0,a.deepExtend)({},t.position))}}},80214:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskDraw=void 0;const o=i(12775),n=i(23726);e.PolygonMaskDraw=class{constructor(){this.enable=!1,this.stroke=new n.PolygonMaskDrawStroke}get lineWidth(){return this.stroke.width}set lineWidth(t){this.stroke.width=t}get lineColor(){return this.stroke.color}set lineColor(t){this.stroke.color=o.OptionsColor.create(this.stroke.color,t)}load(t){var e;if(!t)return;void 0!==t.enable&&(this.enable=t.enable);const i=null!==(e=t.stroke)&&void 0!==e?e:{color:t.lineColor,width:t.lineWidth};this.stroke.load(i)}}},23726:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskDrawStroke=void 0;const o=i(12775),n=i(75846);e.PolygonMaskDrawStroke=class{constructor(){this.color=new o.OptionsColor,this.width=.5,this.opacity=1}load(t){var e;t&&(this.color=o.OptionsColor.create(this.color,t.color),"string"==typeof this.color.value&&(this.opacity=null!==(e=(0,n.stringToAlpha)(this.color.value))&&void 0!==e?e:this.opacity),void 0!==t.opacity&&(this.opacity=t.opacity),void 0!==t.width&&(this.width=t.width))}}},53241:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskInline=void 0;e.PolygonMaskInline=class{constructor(){this.arrangement="one-per-point"}load(t){t&&void 0!==t.arrangement&&(this.arrangement=t.arrangement)}}},51875:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskLocalSvg=void 0;e.PolygonMaskLocalSvg=class{constructor(){this.path=[],this.size={height:0,width:0}}load(t){t&&(void 0!==t.path&&(this.path=t.path),void 0!==t.size&&(void 0!==t.size.width&&(this.size.width=t.size.width),void 0!==t.size.height&&(this.size.height=t.size.height)))}}},27961:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskMove=void 0;e.PolygonMaskMove=class{constructor(){this.radius=10,this.type="path"}load(t){t&&(void 0!==t.radius&&(this.radius=t.radius),void 0!==t.type&&(this.type=t.type))}}},18317:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},11965:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonMaskInstance=void 0;const o=i(95113),n=i(33273),s=i(33086),r=i(22503),a=i(37124);e.PolygonMaskInstance=class{constructor(t){this.container=t,this.dimension={height:0,width:0},this.path2DSupported=!!window.Path2D,this.options=new a.PolygonMask,this.polygonMaskMoveRadius=this.options.move.radius*t.retina.pixelRatio}async initAsync(t){this.options.load(null==t?void 0:t.polygon);const e=this.options;this.polygonMaskMoveRadius=e.move.radius*this.container.retina.pixelRatio,e.enable&&await this.initRawData()}resize(){const t=this.container,e=this.options;e.enable&&"none"!==e.type&&(this.redrawTimeout&&clearTimeout(this.redrawTimeout),this.redrawTimeout=window.setTimeout((async()=>{await this.initRawData(!0),await t.particles.redraw()}),250))}stop(){delete this.raw,delete this.paths}particlesInitialization(){const t=this.options;return!(!t.enable||"inline"!==t.type||"one-per-point"!==t.inline.arrangement&&"per-point"!==t.inline.arrangement)&&(this.drawPoints(),!0)}particlePosition(t){var e,i;if(this.options.enable&&(null!==(i=null===(e=this.raw)||void 0===e?void 0:e.length)&&void 0!==i?i:0)>0)return(0,n.deepExtend)({},t||this.randomPoint())}particleBounce(t,e,i){return this.polygonBounce(t,e,i)}clickPositionValid(t){const e=this.options;return e.enable&&"none"!==e.type&&"inline"!==e.type&&this.checkInsidePolygon(t)}draw(t){var e;if(!(null===(e=this.paths)||void 0===e?void 0:e.length))return;const i=this.options,n=i.draw;if(!i.enable||!n.enable)return;const s=this.raw;for(const e of this.paths){const i=e.path2d,r=this.path2DSupported;t&&(r&&i&&this.offset?(0,o.drawPolygonMaskPath)(t,i,n.stroke,this.offset):s&&(0,o.drawPolygonMask)(t,s,n.stroke))}}polygonBounce(t,e,i){const n=this.options;if(!this.raw||!n.enable||"top"!==i)return!1;if("inside"===n.type||"outside"===n.type){let e,i,n;const r=t.getPosition(),a=t.getRadius();for(let l=0,c=this.raw.length-1;l=e.x&&(i.x=-1),t.position.y>=e.y&&(i.y=-1),t.position.x=e.x+2*a*i.x,t.position.y=e.y+2*a*i.y,t.velocity.mult(-1),!0}}else if("inline"===n.type&&t.initialPosition){if((0,s.getDistance)(t.initialPosition,t.getPosition())>this.polygonMaskMoveRadius)return t.velocity.x=t.velocity.y/2-t.velocity.x,t.velocity.y=t.velocity.x/2-t.velocity.y,!0}return!1}checkInsidePolygon(t){var e,i;const o=this.container,n=this.options;if(!n.enable||"none"===n.type||"inline"===n.type)return!0;if(!this.raw)throw new Error(r.Constants.noPolygonFound);const s=o.canvas.size,a=null!==(e=null==t?void 0:t.x)&&void 0!==e?e:Math.random()*s.width,l=null!==(i=null==t?void 0:t.y)&&void 0!==i?i:Math.random()*s.height;let c=!1;for(let t=0,e=this.raw.length-1;tl!=o.y>l&&a<(o.x-i.x)*(l-i.y)/(o.y-i.y)+i.x&&(c=!c)}return"inside"===n.type?c:"outside"===n.type&&!c}parseSvgPath(t,e){var i,n,s;const r=null!=e&&e;if(void 0!==this.paths&&!r)return this.raw;const a=this.container,l=this.options,c=(new DOMParser).parseFromString(t,"image/svg+xml"),u=c.getElementsByTagName("svg")[0];let d=u.getElementsByTagName("path");d.length||(d=c.getElementsByTagName("path")),this.paths=[];for(let t=0;tt+e.length),0)/c.particles.number.value;for(const e of this.paths){const i=p*t-h;if(i<=e.length){d=e.element.getPointAtLength(i);break}h+=e.length}return{x:(null!==(i=null==d?void 0:d.x)&&void 0!==i?i:0)*u.scale+(null!==(n=null===(o=this.offset)||void 0===o?void 0:o.x)&&void 0!==n?n:0),y:(null!==(s=null==d?void 0:d.y)&&void 0!==s?s:0)*u.scale+(null!==(l=null===(a=this.offset)||void 0===a?void 0:a.y)&&void 0!==l?l:0)}}getPointByIndex(t){if(!this.raw||!this.raw.length)throw new Error(r.Constants.noPolygonDataLoaded);const e=this.raw[t%this.raw.length];return{x:e.x,y:e.y}}createPath2D(){var t,e;const i=this.options;if(this.path2DSupported&&(null===(t=this.paths)||void 0===t?void 0:t.length))for(const t of this.paths){const o=null===(e=t.element)||void 0===e?void 0:e.getAttribute("d");if(o){const e=new Path2D(o),n=document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGMatrix(),s=new Path2D,r=n.scale(i.scale);s.addPath?(s.addPath(e,r),t.path2d=s):delete t.path2d}else delete t.path2d;!t.path2d&&this.raw&&(t.path2d=new Path2D,t.path2d.moveTo(this.raw[0].x,this.raw[0].y),this.raw.forEach(((e,i)=>{var o;i>0&&(null===(o=t.path2d)||void 0===o||o.lineTo(e.x,e.y))})),t.path2d.closePath())}}async initRawData(t){const e=this.options;if(e.url)this.raw=await this.downloadSvgPath(e.url,t);else if(e.data){const i=e.data;let o;if("string"!=typeof i){const t=i.path instanceof Array?i.path.map((t=>``)).join(""):``;o=`${t}`}else o=i;this.raw=this.parseSvgPath(o,t)}this.createPath2D()}}},95113:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.segmentBounce=e.calcClosestPtOnSegment=e.parsePaths=e.drawPolygonMaskPath=e.drawPolygonMask=void 0;const o=i(75846),n=i(11203),s=i(33086);e.drawPolygonMask=function(t,e,i){const n=(0,o.colorToRgb)(i.color);if(n){t.beginPath(),t.moveTo(e[0].x,e[0].y);for(const i of e)t.lineTo(i.x,i.y);t.closePath(),t.strokeStyle=(0,o.getStyleFromRgb)(n),t.lineWidth=i.width,t.stroke()}},e.drawPolygonMaskPath=function(t,e,i,n){t.translate(n.x,n.y);const s=(0,o.colorToRgb)(i.color);s&&(t.strokeStyle=(0,o.getStyleFromRgb)(s,i.opacity),t.lineWidth=i.width,t.stroke(e))},e.parsePaths=function(t,e,i){var o;const n=[];for(const s of t){const t=s.element.pathSegList,r=null!==(o=null==t?void 0:t.numberOfItems)&&void 0!==o?o:0,a={x:0,y:0};for(let o=0;o=0&&l<=1};return l<0?(c.x=t.x,c.y=t.y):l>1&&(c.x=e.x,c.y=e.y),c},e.segmentBounce=function(t,e,i){const{dx:o,dy:r}=(0,s.getDistances)(t,e),a=Math.atan2(r,o),l=n.Vector.create(Math.sin(a),-Math.cos(a)),c=2*(i.x*l.x+i.y*l.y);l.multTo(c),i.subFrom(l)}},99920:function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i);var n=Object.getOwnPropertyDescriptor(e,i);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,o,n)}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),n=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),s=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var i in t)"default"!==i&&Object.prototype.hasOwnProperty.call(t,i)&&o(e,t,i);return n(e,t),e},r=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),e.loadPolygonMaskPlugin=void 0;const a=i(37124),l=i(11965),c=i(33273);class u{constructor(){this.id="polygonMask"}getPlugin(t){return new l.PolygonMaskInstance(t)}needsPlugin(t){var e,i,o;return null!==(i=null===(e=null==t?void 0:t.polygon)||void 0===e?void 0:e.enable)&&void 0!==i?i:void 0!==(null===(o=null==t?void 0:t.polygon)||void 0===o?void 0:o.type)&&"none"!==t.polygon.type}loadOptions(t,e){if(!this.needsPlugin(e))return;const i=t;let o=i.polygon;void 0===(null==o?void 0:o.load)&&(i.polygon=o=new a.PolygonMask),o.load(null==e?void 0:e.polygon)}}e.loadPolygonMaskPlugin=async function(t){(0,c.isSsr)()||"SVGPathSeg"in window||await Promise.resolve().then((()=>s(i(47056))));const e=new u;await t.addPlugin(e)},r(i(32436),e),r(i(68386),e),r(i(78963),e),r(i(18317),e)},47056:function(){"use strict";!function(){try{if("undefined"==typeof window)return;"SVGPathSeg"in window||(window.SVGPathSeg=function(t,e,i){this.pathSegType=t,this.pathSegTypeAsLetter=e,this._owningPathSegList=i},window.SVGPathSeg.prototype.classname="SVGPathSeg",window.SVGPathSeg.PATHSEG_UNKNOWN=0,window.SVGPathSeg.PATHSEG_CLOSEPATH=1,window.SVGPathSeg.PATHSEG_MOVETO_ABS=2,window.SVGPathSeg.PATHSEG_MOVETO_REL=3,window.SVGPathSeg.PATHSEG_LINETO_ABS=4,window.SVGPathSeg.PATHSEG_LINETO_REL=5,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS=6,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL=7,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS=8,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL=9,window.SVGPathSeg.PATHSEG_ARC_ABS=10,window.SVGPathSeg.PATHSEG_ARC_REL=11,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS=12,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL=13,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS=14,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL=15,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS=16,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL=17,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS=18,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL=19,window.SVGPathSeg.prototype._segmentChanged=function(){this._owningPathSegList&&this._owningPathSegList.segmentChanged(this)},window.SVGPathSegClosePath=function(t){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CLOSEPATH,"z",t)},window.SVGPathSegClosePath.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegClosePath.prototype.toString=function(){return"[object SVGPathSegClosePath]"},window.SVGPathSegClosePath.prototype._asPathString=function(){return this.pathSegTypeAsLetter},window.SVGPathSegClosePath.prototype.clone=function(){return new window.SVGPathSegClosePath(void 0)},window.SVGPathSegMovetoAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_MOVETO_ABS,"M",t),this._x=e,this._y=i},window.SVGPathSegMovetoAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegMovetoAbs.prototype.toString=function(){return"[object SVGPathSegMovetoAbs]"},window.SVGPathSegMovetoAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegMovetoAbs.prototype.clone=function(){return new window.SVGPathSegMovetoAbs(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegMovetoAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegMovetoAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegMovetoRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_MOVETO_REL,"m",t),this._x=e,this._y=i},window.SVGPathSegMovetoRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegMovetoRel.prototype.toString=function(){return"[object SVGPathSegMovetoRel]"},window.SVGPathSegMovetoRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegMovetoRel.prototype.clone=function(){return new window.SVGPathSegMovetoRel(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegMovetoRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegMovetoRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_ABS,"L",t),this._x=e,this._y=i},window.SVGPathSegLinetoAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoAbs.prototype.toString=function(){return"[object SVGPathSegLinetoAbs]"},window.SVGPathSegLinetoAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegLinetoAbs.prototype.clone=function(){return new window.SVGPathSegLinetoAbs(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegLinetoAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegLinetoAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_REL,"l",t),this._x=e,this._y=i},window.SVGPathSegLinetoRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoRel.prototype.toString=function(){return"[object SVGPathSegLinetoRel]"},window.SVGPathSegLinetoRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegLinetoRel.prototype.clone=function(){return new window.SVGPathSegLinetoRel(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegLinetoRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegLinetoRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoCubicAbs=function(t,e,i,o,n,s,r){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS,"C",t),this._x=e,this._y=i,this._x1=o,this._y1=n,this._x2=s,this._y2=r},window.SVGPathSegCurvetoCubicAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoCubicAbs.prototype.toString=function(){return"[object SVGPathSegCurvetoCubicAbs]"},window.SVGPathSegCurvetoCubicAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y},window.SVGPathSegCurvetoCubicAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicAbs(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)},Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"x1",{get:function(){return this._x1},set:function(t){this._x1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"y1",{get:function(){return this._y1},set:function(t){this._y1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"x2",{get:function(){return this._x2},set:function(t){this._x2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicAbs.prototype,"y2",{get:function(){return this._y2},set:function(t){this._y2=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoCubicRel=function(t,e,i,o,n,s,r){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL,"c",t),this._x=e,this._y=i,this._x1=o,this._y1=n,this._x2=s,this._y2=r},window.SVGPathSegCurvetoCubicRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoCubicRel.prototype.toString=function(){return"[object SVGPathSegCurvetoCubicRel]"},window.SVGPathSegCurvetoCubicRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y},window.SVGPathSegCurvetoCubicRel.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicRel(void 0,this._x,this._y,this._x1,this._y1,this._x2,this._y2)},Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"x1",{get:function(){return this._x1},set:function(t){this._x1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"y1",{get:function(){return this._y1},set:function(t){this._y1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"x2",{get:function(){return this._x2},set:function(t){this._x2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicRel.prototype,"y2",{get:function(){return this._y2},set:function(t){this._y2=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoQuadraticAbs=function(t,e,i,o,n){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS,"Q",t),this._x=e,this._y=i,this._x1=o,this._y1=n},window.SVGPathSegCurvetoQuadraticAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoQuadraticAbs.prototype.toString=function(){return"[object SVGPathSegCurvetoQuadraticAbs]"},window.SVGPathSegCurvetoQuadraticAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y},window.SVGPathSegCurvetoQuadraticAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticAbs(void 0,this._x,this._y,this._x1,this._y1)},Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,"x1",{get:function(){return this._x1},set:function(t){this._x1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticAbs.prototype,"y1",{get:function(){return this._y1},set:function(t){this._y1=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoQuadraticRel=function(t,e,i,o,n){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL,"q",t),this._x=e,this._y=i,this._x1=o,this._y1=n},window.SVGPathSegCurvetoQuadraticRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoQuadraticRel.prototype.toString=function(){return"[object SVGPathSegCurvetoQuadraticRel]"},window.SVGPathSegCurvetoQuadraticRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x1+" "+this._y1+" "+this._x+" "+this._y},window.SVGPathSegCurvetoQuadraticRel.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticRel(void 0,this._x,this._y,this._x1,this._y1)},Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,"x1",{get:function(){return this._x1},set:function(t){this._x1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticRel.prototype,"y1",{get:function(){return this._y1},set:function(t){this._y1=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegArcAbs=function(t,e,i,o,n,s,r,a){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_ARC_ABS,"A",t),this._x=e,this._y=i,this._r1=o,this._r2=n,this._angle=s,this._largeArcFlag=r,this._sweepFlag=a},window.SVGPathSegArcAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegArcAbs.prototype.toString=function(){return"[object SVGPathSegArcAbs]"},window.SVGPathSegArcAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y},window.SVGPathSegArcAbs.prototype.clone=function(){return new window.SVGPathSegArcAbs(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)},Object.defineProperty(window.SVGPathSegArcAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"r1",{get:function(){return this._r1},set:function(t){this._r1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"r2",{get:function(){return this._r2},set:function(t){this._r2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"angle",{get:function(){return this._angle},set:function(t){this._angle=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"largeArcFlag",{get:function(){return this._largeArcFlag},set:function(t){this._largeArcFlag=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcAbs.prototype,"sweepFlag",{get:function(){return this._sweepFlag},set:function(t){this._sweepFlag=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegArcRel=function(t,e,i,o,n,s,r,a){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_ARC_REL,"a",t),this._x=e,this._y=i,this._r1=o,this._r2=n,this._angle=s,this._largeArcFlag=r,this._sweepFlag=a},window.SVGPathSegArcRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegArcRel.prototype.toString=function(){return"[object SVGPathSegArcRel]"},window.SVGPathSegArcRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._r1+" "+this._r2+" "+this._angle+" "+(this._largeArcFlag?"1":"0")+" "+(this._sweepFlag?"1":"0")+" "+this._x+" "+this._y},window.SVGPathSegArcRel.prototype.clone=function(){return new window.SVGPathSegArcRel(void 0,this._x,this._y,this._r1,this._r2,this._angle,this._largeArcFlag,this._sweepFlag)},Object.defineProperty(window.SVGPathSegArcRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"r1",{get:function(){return this._r1},set:function(t){this._r1=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"r2",{get:function(){return this._r2},set:function(t){this._r2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"angle",{get:function(){return this._angle},set:function(t){this._angle=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"largeArcFlag",{get:function(){return this._largeArcFlag},set:function(t){this._largeArcFlag=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegArcRel.prototype,"sweepFlag",{get:function(){return this._sweepFlag},set:function(t){this._sweepFlag=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoHorizontalAbs=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS,"H",t),this._x=e},window.SVGPathSegLinetoHorizontalAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoHorizontalAbs.prototype.toString=function(){return"[object SVGPathSegLinetoHorizontalAbs]"},window.SVGPathSegLinetoHorizontalAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x},window.SVGPathSegLinetoHorizontalAbs.prototype.clone=function(){return new window.SVGPathSegLinetoHorizontalAbs(void 0,this._x)},Object.defineProperty(window.SVGPathSegLinetoHorizontalAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoHorizontalRel=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL,"h",t),this._x=e},window.SVGPathSegLinetoHorizontalRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoHorizontalRel.prototype.toString=function(){return"[object SVGPathSegLinetoHorizontalRel]"},window.SVGPathSegLinetoHorizontalRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x},window.SVGPathSegLinetoHorizontalRel.prototype.clone=function(){return new window.SVGPathSegLinetoHorizontalRel(void 0,this._x)},Object.defineProperty(window.SVGPathSegLinetoHorizontalRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoVerticalAbs=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS,"V",t),this._y=e},window.SVGPathSegLinetoVerticalAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoVerticalAbs.prototype.toString=function(){return"[object SVGPathSegLinetoVerticalAbs]"},window.SVGPathSegLinetoVerticalAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._y},window.SVGPathSegLinetoVerticalAbs.prototype.clone=function(){return new window.SVGPathSegLinetoVerticalAbs(void 0,this._y)},Object.defineProperty(window.SVGPathSegLinetoVerticalAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegLinetoVerticalRel=function(t,e){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL,"v",t),this._y=e},window.SVGPathSegLinetoVerticalRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegLinetoVerticalRel.prototype.toString=function(){return"[object SVGPathSegLinetoVerticalRel]"},window.SVGPathSegLinetoVerticalRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._y},window.SVGPathSegLinetoVerticalRel.prototype.clone=function(){return new window.SVGPathSegLinetoVerticalRel(void 0,this._y)},Object.defineProperty(window.SVGPathSegLinetoVerticalRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoCubicSmoothAbs=function(t,e,i,o,n){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS,"S",t),this._x=e,this._y=i,this._x2=o,this._y2=n},window.SVGPathSegCurvetoCubicSmoothAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoCubicSmoothAbs.prototype.toString=function(){return"[object SVGPathSegCurvetoCubicSmoothAbs]"},window.SVGPathSegCurvetoCubicSmoothAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y},window.SVGPathSegCurvetoCubicSmoothAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicSmoothAbs(void 0,this._x,this._y,this._x2,this._y2)},Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,"x2",{get:function(){return this._x2},set:function(t){this._x2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothAbs.prototype,"y2",{get:function(){return this._y2},set:function(t){this._y2=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoCubicSmoothRel=function(t,e,i,o,n){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL,"s",t),this._x=e,this._y=i,this._x2=o,this._y2=n},window.SVGPathSegCurvetoCubicSmoothRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoCubicSmoothRel.prototype.toString=function(){return"[object SVGPathSegCurvetoCubicSmoothRel]"},window.SVGPathSegCurvetoCubicSmoothRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x2+" "+this._y2+" "+this._x+" "+this._y},window.SVGPathSegCurvetoCubicSmoothRel.prototype.clone=function(){return new window.SVGPathSegCurvetoCubicSmoothRel(void 0,this._x,this._y,this._x2,this._y2)},Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,"x2",{get:function(){return this._x2},set:function(t){this._x2=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoCubicSmoothRel.prototype,"y2",{get:function(){return this._y2},set:function(t){this._y2=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoQuadraticSmoothAbs=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS,"T",t),this._x=e,this._y=i},window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.toString=function(){return"[object SVGPathSegCurvetoQuadraticSmoothAbs]"},window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticSmoothAbs(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothAbs.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathSegCurvetoQuadraticSmoothRel=function(t,e,i){window.SVGPathSeg.call(this,window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL,"t",t),this._x=e,this._y=i},window.SVGPathSegCurvetoQuadraticSmoothRel.prototype=Object.create(window.SVGPathSeg.prototype),window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.toString=function(){return"[object SVGPathSegCurvetoQuadraticSmoothRel]"},window.SVGPathSegCurvetoQuadraticSmoothRel.prototype._asPathString=function(){return this.pathSegTypeAsLetter+" "+this._x+" "+this._y},window.SVGPathSegCurvetoQuadraticSmoothRel.prototype.clone=function(){return new window.SVGPathSegCurvetoQuadraticSmoothRel(void 0,this._x,this._y)},Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype,"x",{get:function(){return this._x},set:function(t){this._x=t,this._segmentChanged()},enumerable:!0}),Object.defineProperty(window.SVGPathSegCurvetoQuadraticSmoothRel.prototype,"y",{get:function(){return this._y},set:function(t){this._y=t,this._segmentChanged()},enumerable:!0}),window.SVGPathElement.prototype.createSVGPathSegClosePath=function(){return new window.SVGPathSegClosePath(void 0)},window.SVGPathElement.prototype.createSVGPathSegMovetoAbs=function(t,e){return new window.SVGPathSegMovetoAbs(void 0,t,e)},window.SVGPathElement.prototype.createSVGPathSegMovetoRel=function(t,e){return new window.SVGPathSegMovetoRel(void 0,t,e)},window.SVGPathElement.prototype.createSVGPathSegLinetoAbs=function(t,e){return new window.SVGPathSegLinetoAbs(void 0,t,e)},window.SVGPathElement.prototype.createSVGPathSegLinetoRel=function(t,e){return new window.SVGPathSegLinetoRel(void 0,t,e)},window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicAbs=function(t,e,i,o,n,s){return new window.SVGPathSegCurvetoCubicAbs(void 0,t,e,i,o,n,s)},window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicRel=function(t,e,i,o,n,s){return new window.SVGPathSegCurvetoCubicRel(void 0,t,e,i,o,n,s)},window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticAbs=function(t,e,i,o){return new window.SVGPathSegCurvetoQuadraticAbs(void 0,t,e,i,o)},window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticRel=function(t,e,i,o){return new window.SVGPathSegCurvetoQuadraticRel(void 0,t,e,i,o)},window.SVGPathElement.prototype.createSVGPathSegArcAbs=function(t,e,i,o,n,s,r){return new window.SVGPathSegArcAbs(void 0,t,e,i,o,n,s,r)},window.SVGPathElement.prototype.createSVGPathSegArcRel=function(t,e,i,o,n,s,r){return new window.SVGPathSegArcRel(void 0,t,e,i,o,n,s,r)},window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalAbs=function(t){return new window.SVGPathSegLinetoHorizontalAbs(void 0,t)},window.SVGPathElement.prototype.createSVGPathSegLinetoHorizontalRel=function(t){return new window.SVGPathSegLinetoHorizontalRel(void 0,t)},window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalAbs=function(t){return new window.SVGPathSegLinetoVerticalAbs(void 0,t)},window.SVGPathElement.prototype.createSVGPathSegLinetoVerticalRel=function(t){return new window.SVGPathSegLinetoVerticalRel(void 0,t)},window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothAbs=function(t,e,i,o){return new window.SVGPathSegCurvetoCubicSmoothAbs(void 0,t,e,i,o)},window.SVGPathElement.prototype.createSVGPathSegCurvetoCubicSmoothRel=function(t,e,i,o){return new window.SVGPathSegCurvetoCubicSmoothRel(void 0,t,e,i,o)},window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothAbs=function(t,e){return new window.SVGPathSegCurvetoQuadraticSmoothAbs(void 0,t,e)},window.SVGPathElement.prototype.createSVGPathSegCurvetoQuadraticSmoothRel=function(t,e){return new window.SVGPathSegCurvetoQuadraticSmoothRel(void 0,t,e)},"getPathSegAtLength"in window.SVGPathElement.prototype||(window.SVGPathElement.prototype.getPathSegAtLength=function(t){if(void 0===t||!isFinite(t))throw"Invalid arguments.";const e=document.createElementNS("http://www.w3.org/2000/svg","path");e.setAttribute("d",this.getAttribute("d"));let i=e.pathSegList.numberOfItems-1;if(i<=0)return 0;do{if(e.pathSegList.removeItem(i),t>e.getTotalLength())break;i--}while(i>0);return i})),"SVGPathSegList"in window&&"appendItem"in window.SVGPathSegList.prototype||(window.SVGPathSegList=function(t){this._pathElement=t,this._list=this._parsePath(this._pathElement.getAttribute("d")),this._mutationObserverConfig={attributes:!0,attributeFilter:["d"]},this._pathElementMutationObserver=new MutationObserver(this._updateListFromPathMutations.bind(this)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)},window.SVGPathSegList.prototype.classname="SVGPathSegList",Object.defineProperty(window.SVGPathSegList.prototype,"numberOfItems",{get:function(){return this._checkPathSynchronizedToList(),this._list.length},enumerable:!0}),Object.defineProperty(window.SVGPathSegList.prototype,"length",{get:function(){return this._checkPathSynchronizedToList(),this._list.length},enumerable:!0}),Object.defineProperty(window.SVGPathElement.prototype,"pathSegList",{get:function(){return this._pathSegList||(this._pathSegList=new window.SVGPathSegList(this)),this._pathSegList},enumerable:!0}),Object.defineProperty(window.SVGPathElement.prototype,"normalizedPathSegList",{get:function(){return this.pathSegList},enumerable:!0}),Object.defineProperty(window.SVGPathElement.prototype,"animatedPathSegList",{get:function(){return this.pathSegList},enumerable:!0}),Object.defineProperty(window.SVGPathElement.prototype,"animatedNormalizedPathSegList",{get:function(){return this.pathSegList},enumerable:!0}),window.SVGPathSegList.prototype._checkPathSynchronizedToList=function(){this._updateListFromPathMutations(this._pathElementMutationObserver.takeRecords())},window.SVGPathSegList.prototype._updateListFromPathMutations=function(t){if(!this._pathElement)return;let e=!1;t.forEach((function(t){"d"==t.attributeName&&(e=!0)})),e&&(this._list=this._parsePath(this._pathElement.getAttribute("d")))},window.SVGPathSegList.prototype._writeListToPath=function(){this._pathElementMutationObserver.disconnect(),this._pathElement.setAttribute("d",window.SVGPathSegList._pathSegArrayAsString(this._list)),this._pathElementMutationObserver.observe(this._pathElement,this._mutationObserverConfig)},window.SVGPathSegList.prototype.segmentChanged=function(t){this._writeListToPath()},window.SVGPathSegList.prototype.clear=function(){this._checkPathSynchronizedToList(),this._list.forEach((function(t){t._owningPathSegList=null})),this._list=[],this._writeListToPath()},window.SVGPathSegList.prototype.initialize=function(t){return this._checkPathSynchronizedToList(),this._list=[t],t._owningPathSegList=this,this._writeListToPath(),t},window.SVGPathSegList.prototype._checkValidIndex=function(t){if(isNaN(t)||t<0||t>=this.numberOfItems)throw"INDEX_SIZE_ERR"},window.SVGPathSegList.prototype.getItem=function(t){return this._checkPathSynchronizedToList(),this._checkValidIndex(t),this._list[t]},window.SVGPathSegList.prototype.insertItemBefore=function(t,e){return this._checkPathSynchronizedToList(),e>this.numberOfItems&&(e=this.numberOfItems),t._owningPathSegList&&(t=t.clone()),this._list.splice(e,0,t),t._owningPathSegList=this,this._writeListToPath(),t},window.SVGPathSegList.prototype.replaceItem=function(t,e){return this._checkPathSynchronizedToList(),t._owningPathSegList&&(t=t.clone()),this._checkValidIndex(e),this._list[e]=t,t._owningPathSegList=this,this._writeListToPath(),t},window.SVGPathSegList.prototype.removeItem=function(t){this._checkPathSynchronizedToList(),this._checkValidIndex(t);const e=this._list[t];return this._list.splice(t,1),this._writeListToPath(),e},window.SVGPathSegList.prototype.appendItem=function(t){return this._checkPathSynchronizedToList(),t._owningPathSegList&&(t=t.clone()),this._list.push(t),t._owningPathSegList=this,this._writeListToPath(),t},window.SVGPathSegList._pathSegArrayAsString=function(t){let e="",i=!0;return t.forEach((function(t){i?(i=!1,e+=t._asPathString()):e+=" "+t._asPathString()})),e},window.SVGPathSegList.prototype._parsePath=function(t){if(!t||0==t.length)return[];const e=this,i=function(){this.pathSegList=[]};i.prototype.appendSegment=function(t){this.pathSegList.push(t)};const o=function(t){this._string=t,this._currentIndex=0,this._endIndex=this._string.length,this._previousCommand=window.SVGPathSeg.PATHSEG_UNKNOWN,this._skipOptionalSpaces()};o.prototype._isCurrentSpace=function(){const t=this._string[this._currentIndex];return t<=" "&&(" "==t||"\n"==t||"\t"==t||"\r"==t||"\f"==t)},o.prototype._skipOptionalSpaces=function(){for(;this._currentIndex="0"&&t<="9")&&e!=window.SVGPathSeg.PATHSEG_CLOSEPATH?e==window.SVGPathSeg.PATHSEG_MOVETO_ABS?window.SVGPathSeg.PATHSEG_LINETO_ABS:e==window.SVGPathSeg.PATHSEG_MOVETO_REL?window.SVGPathSeg.PATHSEG_LINETO_REL:e:window.SVGPathSeg.PATHSEG_UNKNOWN},o.prototype.initialCommandIsMoveTo=function(){if(!this.hasMoreData())return!0;const t=this.peekSegmentType();return t==window.SVGPathSeg.PATHSEG_MOVETO_ABS||t==window.SVGPathSeg.PATHSEG_MOVETO_REL},o.prototype._parseNumber=function(){let t=0,e=0,i=1,o=0,n=1,s=1;const r=this._currentIndex;if(this._skipOptionalSpaces(),this._currentIndex"9")&&"."!=this._string.charAt(this._currentIndex))return;const a=this._currentIndex;for(;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)this._currentIndex++;if(this._currentIndex!=a){let t=this._currentIndex-1,i=1;for(;t>=a;)e+=i*(this._string.charAt(t--)-"0"),i*=10}if(this._currentIndex=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)i*=10,o+=(this._string.charAt(this._currentIndex)-"0")/i,this._currentIndex+=1}if(this._currentIndex!=r&&this._currentIndex+1=this._endIndex||this._string.charAt(this._currentIndex)<"0"||this._string.charAt(this._currentIndex)>"9")return;for(;this._currentIndex="0"&&this._string.charAt(this._currentIndex)<="9";)t*=10,t+=this._string.charAt(this._currentIndex)-"0",this._currentIndex++}let l=e+o;return l*=n,t&&(l*=Math.pow(10,s*t)),r!=this._currentIndex?(this._skipOptionalSpacesOrDelimiter(),l):void 0},o.prototype._parseArcFlag=function(){if(this._currentIndex>=this._endIndex)return;let t=!1;const e=this._string.charAt(this._currentIndex++);if("0"==e)t=!1;else{if("1"!=e)return;t=!0}return this._skipOptionalSpacesOrDelimiter(),t},o.prototype.parseSegment=function(){const t=this._string[this._currentIndex];let i,o=this._pathSegTypeFromChar(t);if(o==window.SVGPathSeg.PATHSEG_UNKNOWN){if(this._previousCommand==window.SVGPathSeg.PATHSEG_UNKNOWN)return null;if(o=this._nextCommandHelper(t,this._previousCommand),o==window.SVGPathSeg.PATHSEG_UNKNOWN)return null}else this._currentIndex++;switch(this._previousCommand=o,o){case window.SVGPathSeg.PATHSEG_MOVETO_REL:return new window.SVGPathSegMovetoRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_MOVETO_ABS:return new window.SVGPathSegMovetoAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_REL:return new window.SVGPathSegLinetoRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_ABS:return new window.SVGPathSegLinetoAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL:return new window.SVGPathSegLinetoHorizontalRel(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS:return new window.SVGPathSegLinetoHorizontalAbs(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL:return new window.SVGPathSegLinetoVerticalRel(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS:return new window.SVGPathSegLinetoVerticalAbs(e,this._parseNumber());case window.SVGPathSeg.PATHSEG_CLOSEPATH:return this._skipOptionalSpaces(),new window.SVGPathSegClosePath(e);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL:return i={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoCubicRel(e,i.x,i.y,i.x1,i.y1,i.x2,i.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS:return i={x1:this._parseNumber(),y1:this._parseNumber(),x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoCubicAbs(e,i.x,i.y,i.x1,i.y1,i.x2,i.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL:return i={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoCubicSmoothRel(e,i.x,i.y,i.x2,i.y2);case window.SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS:return i={x2:this._parseNumber(),y2:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoCubicSmoothAbs(e,i.x,i.y,i.x2,i.y2);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL:return i={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoQuadraticRel(e,i.x,i.y,i.x1,i.y1);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS:return i={x1:this._parseNumber(),y1:this._parseNumber(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegCurvetoQuadraticAbs(e,i.x,i.y,i.x1,i.y1);case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL:return new window.SVGPathSegCurvetoQuadraticSmoothRel(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS:return new window.SVGPathSegCurvetoQuadraticSmoothAbs(e,this._parseNumber(),this._parseNumber());case window.SVGPathSeg.PATHSEG_ARC_REL:return i={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegArcRel(e,i.x,i.y,i.x1,i.y1,i.arcAngle,i.arcLarge,i.arcSweep);case window.SVGPathSeg.PATHSEG_ARC_ABS:return i={x1:this._parseNumber(),y1:this._parseNumber(),arcAngle:this._parseNumber(),arcLarge:this._parseArcFlag(),arcSweep:this._parseArcFlag(),x:this._parseNumber(),y:this._parseNumber()},new window.SVGPathSegArcAbs(e,i.x,i.y,i.x1,i.y1,i.arcAngle,i.arcLarge,i.arcSweep);default:throw"Unknown path seg type."}};const n=new i,s=new o(t);if(!s.initialCommandIsMoveTo())return[];for(;s.hasMoreData();){const t=s.parseSegment();if(!t)return[];n.appendSegment(t)}return n.pathSegList})}catch(t){console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/matteobruni/tsparticles",t)}}()},59209:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.CircleDrawer=void 0;e.CircleDrawer=class{getSidesCount(){return 12}draw(t,e,i){t.arc(0,0,i,0,2*Math.PI,!1)}}},19686:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadCircleShape=void 0;const o=i(59209);e.loadCircleShape=async function(t){await t.addShape("circle",new o.CircleDrawer)}},70647:function(t,e,i){"use strict";var o,n=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},s=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.ImageDrawer=void 0;const r=i(54358);e.ImageDrawer=class{constructor(){o.set(this,void 0),n(this,o,[],"f")}getSidesCount(){return 12}getImages(t){const e=s(this,o,"f").find((e=>e.id===t.id));return e||(s(this,o,"f").push({id:t.id,images:[]}),this.getImages(t))}addImage(t,e){const i=this.getImages(t);null==i||i.images.push(e)}destroy(){n(this,o,[],"f")}draw(t,e,i,o){var n,s;const r=e.image,a=null===(n=null==r?void 0:r.data)||void 0===n?void 0:n.element;if(!a)return;const l=null!==(s=null==r?void 0:r.ratio)&&void 0!==s?s:1,c={x:-i,y:-i};(null==r?void 0:r.data.svgData)&&(null==r?void 0:r.replaceColor)||(t.globalAlpha=o),t.drawImage(a,c.x,c.y,2*i,2*i/l),(null==r?void 0:r.data.svgData)&&(null==r?void 0:r.replaceColor)||(t.globalAlpha=1)}loadShape(t){var e,i,o;if("image"!==t.shape&&"images"!==t.shape)return;const n=this.getImages(t.container).images,s=t.shapeData,a=n.find((t=>t.source===s.src));let l;if(!a)return void this.loadImageShape(t.container,s).then((()=>{this.loadShape(t)}));if(a.error)return;const c=t.getFillColor();l=a.svgData&&s.replaceColor&&c?(0,r.replaceImageColor)(a,s,c,t):{data:a,loaded:!0,ratio:s.width/s.height,replaceColor:null!==(e=s.replaceColor)&&void 0!==e?e:s.replace_color,source:s.src},l.ratio||(l.ratio=1);const u={image:l,fill:null!==(i=s.fill)&&void 0!==i?i:t.fill,close:null!==(o=s.close)&&void 0!==o?o:t.close};t.image=u.image,t.fill=u.fill,t.close=u.close}async loadImageShape(t,e){const i=e.src;if(!i)throw new Error("Error tsParticles - No image.src");try{const o={source:i,type:i.substr(i.length-3),error:!1,loading:!0};this.addImage(t,o);const n=e.replaceColor?r.downloadSvgImage:r.loadImage;await n(o)}catch(t){throw new Error(`tsParticles error - ${e.src} not found`)}}},o=new WeakMap},54358:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.replaceImageColor=e.downloadSvgImage=e.loadImage=void 0;const o=i(75846),n=/(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;async function s(t){return new Promise((e=>{t.loading=!0;const i=new Image;i.addEventListener("load",(()=>{t.element=i,t.loading=!1,e()})),i.addEventListener("error",(()=>{t.error=!0,t.loading=!1,console.error(`Error tsParticles - loading image: ${t.source}`),e()})),i.src=t.source}))}e.loadImage=s,e.downloadSvgImage=async function(t){if("svg"!==t.type)return void await s(t);t.loading=!0;const e=await fetch(t.source);t.loading=!1,e.ok||(console.error("Error tsParticles - Image not found"),t.error=!0),t.error||(t.svgData=await e.text())},e.replaceImageColor=function(t,e,i,r){var a,l,c;const u=function(t,e,i){const{svgData:s}=t;if(!s)return"";const r=(0,o.getStyleFromHsl)(e,i);if(s.includes("fill"))return s.replace(n,(()=>r));const a=s.indexOf(">");return`${s.substring(0,a)} fill="${r}"${s.substring(a)}`}(t,i,null!==(l=null===(a=r.opacity)||void 0===a?void 0:a.value)&&void 0!==l?l:1),d=new Blob([u],{type:"image/svg+xml"}),h=URL||window.URL||window.webkitURL||window,p=h.createObjectURL(d),v=new Image,f={data:Object.assign(Object.assign({},t),{svgData:u}),ratio:e.width/e.height,replaceColor:null!==(c=e.replaceColor)&&void 0!==c?c:e.replace_color,source:e.src};return v.addEventListener("load",(()=>{const e=r.image;e&&(e.loaded=!0,t.element=v),h.revokeObjectURL(p)})),v.addEventListener("error",(()=>{h.revokeObjectURL(p);const e=Object.assign(Object.assign({},t),{error:!1,loading:!0});s(e).then((()=>{const i=r.image;i&&(t.element=e.element,i.loaded=!0)}))})),v.src=p,f}},59851:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadImageShape=void 0;const o=i(70647);e.loadImageShape=async function(t){const e=new o.ImageDrawer;await t.addShape("image",e),await t.addShape("images",e)}},4689:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LineDrawer=void 0;e.LineDrawer=class{getSidesCount(){return 1}draw(t,e,i){t.moveTo(-i/2,0),t.lineTo(i/2,0)}}},14752:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadLineShape=void 0;const o=i(4689);e.loadLineShape=async function(t){await t.addShape("line",new o.LineDrawer)}},2615:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonDrawer=void 0;const o=i(76566);class n extends o.PolygonDrawerBase{getSidesData(t,e){var i,o;const n=t.shapeData,s=null!==(o=null!==(i=null==n?void 0:n.sides)&&void 0!==i?i:null==n?void 0:n.nb_sides)&&void 0!==o?o:5;return{count:{denominator:1,numerator:s},length:2.66*e/(s/3)}}getCenter(t,e){return{x:-e/(this.getSidesCount(t)/3.5),y:-e/.76}}}e.PolygonDrawer=n},76566:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.PolygonDrawerBase=void 0;e.PolygonDrawerBase=class{getSidesCount(t){var e,i;const o=t.shapeData;return null!==(i=null!==(e=null==o?void 0:o.sides)&&void 0!==e?e:null==o?void 0:o.nb_sides)&&void 0!==i?i:5}draw(t,e,i){const o=this.getCenter(e,i),n=this.getSidesData(e,i),s=n.count.numerator*n.count.denominator,r=n.count.numerator/n.count.denominator,a=180*(r-2)/r,l=Math.PI-Math.PI*a/180;if(t){t.beginPath(),t.translate(o.x,o.y),t.moveTo(0,0);for(let e=0;e(0,o.isInArray)(t,i.particles.shape.type)))){const t=e.validTypes.map((t=>i.particles.shape.options[t])).find((t=>!!t));if(t instanceof Array){const e=[];for(const i of t)e.push((0,o.loadFont)(i));await Promise.allSettled(e)}else void 0!==t&&await(0,o.loadFont)(t)}}draw(t,e,i,n){var s,r,a;const l=e.shapeData;if(void 0===l)return;const c=l.value;if(void 0===c)return;const u=e;void 0===u.text&&(u.text=c instanceof Array?(0,o.itemFromArray)(c,e.randomIndexData):c);const d=u.text,h=null!==(s=l.style)&&void 0!==s?s:"",p=null!==(r=l.weight)&&void 0!==r?r:"400",v=2*Math.round(i),f=null!==(a=l.font)&&void 0!==a?a:"Verdana",y=e.fill,g=d.length*i/2;t.font=`${h} ${p} ${v}px "${f}"`;const m={x:-g,y:i/2};t.globalAlpha=n,y?t.fillText(d,m.x,m.y):t.strokeText(d,m.x,m.y),t.globalAlpha=1}}},76457:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadTextShape=void 0;const o=i(91339);e.loadTextShape=async function(t){const e=new o.TextDrawer;for(const i of o.validTypes)await t.addShape(i,e)}},64395:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},75892:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},87367:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},18261:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},17591:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},84111:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0})},65677:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.AngleUpdater=void 0;const o=i(33086);e.AngleUpdater=class{constructor(t){this.container=t}init(t){const e=t.options.rotate;t.rotate={enable:e.animation.enable,value:(0,o.getRangeValue)(e.value)*Math.PI/180};let i=e.direction;if("random"===i){i=Math.floor(2*Math.random())>0?"counter-clockwise":"clockwise"}switch(i){case"counter-clockwise":case"counterClockwise":t.rotate.status=1;break;case"clockwise":t.rotate.status=0}const n=t.options.rotate.animation;n.enable&&(t.rotate.velocity=(0,o.getRangeValue)(n.speed)/360*this.container.retina.reduceFactor,n.sync||(t.rotate.velocity*=Math.random()))}isEnabled(t){const e=t.options.rotate,i=e.animation;return!t.destroyed&&!t.spawning&&!e.path&&i.enable}update(t,e){this.isEnabled(t)&&function(t,e){var i;const o=t.rotate;if(!o)return;const n=t.options.rotate.animation,s=(null!==(i=o.velocity)&&void 0!==i?i:0)*e.factor,r=2*Math.PI;n.enable&&(0===o.status?(o.value+=s,o.value>r&&(o.value-=r)):(o.value-=s,o.value<0&&(o.value+=r)))}(t,e)}}},4381:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadAngleUpdater=void 0;const o=i(65677);e.loadAngleUpdater=async function(t){await t.addParticleUpdater("angle",(t=>new o.AngleUpdater(t)))}},42229:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.ColorUpdater=void 0;const o=i(75846),n=i(33086);function s(t,e,i,o,s){var r;const a=e;if(!a||!i.enable)return;const l=(0,n.randomInRange)(i.offset),c=(null!==(r=e.velocity)&&void 0!==r?r:0)*t.factor+3.6*l;s&&0!==a.status?(a.value-=c,a.value<0&&(a.status=0,a.value+=a.value)):(a.value+=c,s&&a.value>o&&(a.status=1,a.value-=a.value%o)),a.value>o&&(a.value%=o)}e.ColorUpdater=class{constructor(t){this.container=t}init(t){const e=(0,o.colorToHsl)(t.options.color,t.id,t.options.reduceDuplicates);e&&(t.color=(0,o.getHslAnimationFromHsl)(e,t.options.color.animation,this.container.retina.reduceFactor))}isEnabled(t){var e,i,o;const n=t.options.color.animation;return!t.destroyed&&!t.spawning&&(void 0!==(null===(e=t.color)||void 0===e?void 0:e.h.value)&&n.h.enable||void 0!==(null===(i=t.color)||void 0===i?void 0:i.s.value)&&n.s.enable||void 0!==(null===(o=t.color)||void 0===o?void 0:o.l.value)&&n.l.enable)}update(t,e){!function(t,e){var i,o,n;const r=t.options.color.animation;void 0!==(null===(i=t.color)||void 0===i?void 0:i.h)&&s(e,t.color.h,r.h,360,!1),void 0!==(null===(o=t.color)||void 0===o?void 0:o.s)&&s(e,t.color.s,r.s,100,!0),void 0!==(null===(n=t.color)||void 0===n?void 0:n.l)&&s(e,t.color.l,r.l,100,!0)}(t,e)}}},43817:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadColorUpdater=void 0;const o=i(42229);e.loadColorUpdater=async function(t){await t.addParticleUpdater("color",(t=>new o.ColorUpdater(t)))}},66895:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.LifeUpdater=void 0;const o=i(33086);e.LifeUpdater=class{constructor(t){this.container=t}init(){}isEnabled(t){return!t.destroyed}update(t,e){if(!this.isEnabled(t))return;const i=t.life;let n=!1;if(t.spawning){if(i.delayTime+=e.value,!(i.delayTime>=t.life.delay))return;n=!0,t.spawning=!1,i.delayTime=0,i.time=0}if(-1===i.duration)return;if(t.spawning)return;if(n?i.time=0:i.time+=e.value,i.time0&&t.life.count--,0===t.life.count)return void t.destroy();const s=this.container.canvas.size,r=(0,o.setRangeValue)(0,s.width),a=(0,o.setRangeValue)(0,s.width);t.position.x=(0,o.randomInRange)(r),t.position.y=(0,o.randomInRange)(a),t.spawning=!0,i.delayTime=0,i.time=0,t.reset();const l=t.options.life;i.delay=1e3*(0,o.getRangeValue)(l.delay.value),i.duration=1e3*(0,o.getRangeValue)(l.duration.value)}}},19844:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadLifeUpdater=void 0;const o=i(66895);e.loadLifeUpdater=async function(t){await t.addParticleUpdater("life",(t=>new o.LifeUpdater(t)))}},65573:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OpacityUpdater=void 0;const o=i(33086);e.OpacityUpdater=class{constructor(t){this.container=t}init(t){const e=t.options.opacity;t.opacity={enable:e.animation.enable,max:(0,o.getRangeMax)(e.value),min:(0,o.getRangeMin)(e.value),value:(0,o.getRangeValue)(e.value),loops:0,maxLoops:(0,o.getRangeValue)(e.animation.count)};const i=e.animation;if(i.enable){t.opacity.status=0;const n=e.value;switch(t.opacity.min=(0,o.getRangeMin)(n),t.opacity.max=(0,o.getRangeMax)(n),i.startValue){case"min":t.opacity.value=t.opacity.min,t.opacity.status=0;break;case"random":t.opacity.value=(0,o.randomInRange)(t.opacity),t.opacity.status=Math.random()>=.5?0:1;break;default:t.opacity.value=t.opacity.max,t.opacity.status=1}t.opacity.velocity=(0,o.getRangeValue)(i.speed)/100*this.container.retina.reduceFactor,i.sync||(t.opacity.velocity*=Math.random())}}isEnabled(t){var e,i,o,n;return!t.destroyed&&!t.spawning&&!!t.opacity&&t.opacity.enable&&((null!==(e=t.opacity.maxLoops)&&void 0!==e?e:0)<=0||(null!==(i=t.opacity.maxLoops)&&void 0!==i?i:0)>0&&(null!==(o=t.opacity.loops)&&void 0!==o?o:0)<(null!==(n=t.opacity.maxLoops)&&void 0!==n?n:0))}update(t,e){this.isEnabled(t)&&function(t,e){var i,n,s,r,a;if(!t.opacity)return;const l=t.opacity.min,c=t.opacity.max;if(!(t.destroyed||!t.opacity.enable||(null!==(i=t.opacity.maxLoops)&&void 0!==i?i:0)>0&&(null!==(n=t.opacity.loops)&&void 0!==n?n:0)>(null!==(s=t.opacity.maxLoops)&&void 0!==s?s:0))){switch(t.opacity.status){case 0:t.opacity.value>=c?(t.opacity.status=1,t.opacity.loops||(t.opacity.loops=0),t.opacity.loops++):t.opacity.value+=(null!==(r=t.opacity.velocity)&&void 0!==r?r:0)*e.factor;break;case 1:t.opacity.value<=l?(t.opacity.status=0,t.opacity.loops||(t.opacity.loops=0),t.opacity.loops++):t.opacity.value-=(null!==(a=t.opacity.velocity)&&void 0!==a?a:0)*e.factor}!function(t,e,i,o){switch(t.options.opacity.animation.destroy){case"max":e>=o&&t.destroy();break;case"min":e<=i&&t.destroy()}}(t,t.opacity.value,l,c),t.destroyed||(t.opacity.value=(0,o.clamp)(t.opacity.value,l,c))}}(t,e)}}},1363:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadOpacityUpdater=void 0;const o=i(65573);e.loadOpacityUpdater=async function(t){await t.addParticleUpdater("opacity",(t=>new o.OpacityUpdater(t)))}},56150:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.OutOfCanvasUpdater=void 0;const o=i(84827),n=i(33273);e.OutOfCanvasUpdater=class{constructor(t){this.container=t}init(){}isEnabled(t){return!t.destroyed&&!t.spawning}update(t,e){var i,o,n,s;const r=t.options.move.outModes;this.updateOutMode(t,e,null!==(i=r.bottom)&&void 0!==i?i:r.default,"bottom"),this.updateOutMode(t,e,null!==(o=r.left)&&void 0!==o?o:r.default,"left"),this.updateOutMode(t,e,null!==(n=r.right)&&void 0!==n?n:r.default,"right"),this.updateOutMode(t,e,null!==(s=r.top)&&void 0!==s?s:r.default,"top")}updateOutMode(t,e,i,o){switch(i){case"bounce":case"bounce-vertical":case"bounce-horizontal":case"bounceVertical":case"bounceHorizontal":case"split":this.bounce(t,e,o,i);break;case"destroy":this.destroy(t,o);break;case"out":this.out(t,o);break;default:this.none(t,o)}}destroy(t,e){const i=this.container;(0,n.isPointInside)(t.position,i.canvas.size,t.getRadius(),e)||i.particles.remove(t,void 0,!0)}out(t,e){const i=this.container;if((0,n.isPointInside)(t.position,i.canvas.size,t.getRadius(),e))return;const o=t.options.move.warp,s=i.canvas.size,r={bottom:s.height+t.getRadius()+t.offset.y,left:-t.getRadius()-t.offset.x,right:s.width+t.getRadius()+t.offset.x,top:-t.getRadius()-t.offset.y},a=t.getRadius(),l=(0,n.calculateBounds)(t.position,a);"right"===e&&l.left>s.width+t.offset.x?(t.position.x=r.left,t.initialPosition.x=t.position.x,o||(t.position.y=Math.random()*s.height,t.initialPosition.y=t.position.y)):"left"===e&&l.right<-t.offset.x&&(t.position.x=r.right,t.initialPosition.x=t.position.x,o||(t.position.y=Math.random()*s.height,t.initialPosition.y=t.position.y)),"bottom"===e&&l.top>s.height+t.offset.y?(o||(t.position.x=Math.random()*s.width,t.initialPosition.x=t.position.x),t.position.y=r.top,t.initialPosition.y=t.position.y):"top"===e&&l.bottom<-t.offset.y&&(o||(t.position.x=Math.random()*s.width,t.initialPosition.x=t.position.x),t.position.y=r.bottom,t.initialPosition.y=t.position.y)}bounce(t,e,i,s){const r=this.container;let a=!1;for(const[,o]of r.plugins)if(void 0!==o.particleBounce&&(a=o.particleBounce(t,e,i)),a)break;if(a)return;const l=t.getPosition(),c=t.offset,u=t.getRadius(),d=(0,n.calculateBounds)(l,u),h=r.canvas.size;(0,o.bounceHorizontal)({particle:t,outMode:s,direction:i,bounds:d,canvasSize:h,offset:c,size:u}),(0,o.bounceVertical)({particle:t,outMode:s,direction:i,bounds:d,canvasSize:h,offset:c,size:u})}none(t,e){if(t.options.move.distance.horizontal&&("left"===e||"right"===e)||t.options.move.distance.vertical&&("top"===e||"bottom"===e))return;const i=t.options.move.gravity,o=this.container,s=o.canvas.size,r=t.getRadius();if(i.enable){const n=t.position;(!i.inverse&&n.y>s.height+r&&"bottom"===e||i.inverse&&n.y<-r&&"top"===e)&&o.particles.remove(t)}else{if(t.velocity.y>0&&t.position.y<=s.height+r||t.velocity.y<0&&t.position.y>=-r||t.velocity.x>0&&t.position.x<=s.width+r||t.velocity.x<0&&t.position.x>=-r)return;(0,n.isPointInside)(t.position,o.canvas.size,r,e)||o.particles.remove(t)}}}},84827:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.bounceVertical=e.bounceHorizontal=void 0;const o=i(33086);e.bounceHorizontal=function(t){if("bounce"!==t.outMode&&"bounce-horizontal"!==t.outMode&&"bounceHorizontal"!==t.outMode&&"split"!==t.outMode)return;const e=t.particle.velocity.x;let i=!1;if("right"===t.direction&&t.bounds.right>=t.canvasSize.width&&e>0||"left"===t.direction&&t.bounds.left<=0&&e<0){const e=(0,o.getRangeValue)(t.particle.options.bounce.horizontal.value);t.particle.velocity.x*=-e,i=!0}if(!i)return;const n=t.offset.x+t.size;t.bounds.right>=t.canvasSize.width?t.particle.position.x=t.canvasSize.width-n:t.bounds.left<=0&&(t.particle.position.x=n),"split"===t.outMode&&t.particle.destroy()},e.bounceVertical=function(t){if("bounce"===t.outMode||"bounce-vertical"===t.outMode||"bounceVertical"===t.outMode||"split"===t.outMode){const e=t.particle.velocity.y;let i=!1;if("bottom"===t.direction&&t.bounds.bottom>=t.canvasSize.height&&e>0||"top"===t.direction&&t.bounds.top<=0&&e<0){const e=(0,o.getRangeValue)(t.particle.options.bounce.vertical.value);t.particle.velocity.y*=-e,i=!0}if(!i)return;const n=t.offset.y+t.size;t.bounds.bottom>=t.canvasSize.height?t.particle.position.y=t.canvasSize.height-n:t.bounds.top<=0&&(t.particle.position.y=n),"split"===t.outMode&&t.particle.destroy()}}},69034:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadOutModesUpdater=void 0;const o=i(56150);e.loadOutModesUpdater=async function(t){await t.addParticleUpdater("outModes",(t=>new o.OutOfCanvasUpdater(t)))}},50397:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.RollUpdater=void 0;const o=i(75846),n=i(33086);e.RollUpdater=class{init(t){const e=t.options.roll;if(e.enable)if(t.roll={angle:Math.random()*Math.PI*2,speed:(0,n.getRangeValue)(e.speed)/360},e.backColor)t.backColor=(0,o.colorToHsl)(e.backColor);else if(e.darken.enable&&e.enlighten.enable){const i=Math.random()>=.5?"darken":"enlighten";t.roll.alter={type:i,value:(0,n.getRangeValue)("darken"===i?e.darken.value:e.enlighten.value)}}else e.darken.enable?t.roll.alter={type:"darken",value:(0,n.getRangeValue)(e.darken.value)}:e.enlighten.enable&&(t.roll.alter={type:"enlighten",value:(0,n.getRangeValue)(e.enlighten.value)});else t.roll={angle:0,speed:0}}isEnabled(t){const e=t.options.roll;return!t.destroyed&&!t.spawning&&e.enable}update(t,e){this.isEnabled(t)&&function(t,e){const i=t.options.roll;if(!t.roll||!i.enable)return;const o=t.roll.speed*e.factor,n=2*Math.PI;t.roll.angle+=o,t.roll.angle>n&&(t.roll.angle-=n)}(t,e)}}},92305:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadRollUpdater=void 0;const o=i(50397);e.loadRollUpdater=async function(t){await t.addParticleUpdater("roll",(()=>new o.RollUpdater))}},66393:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.SizeUpdater=void 0;const o=i(33086);e.SizeUpdater=class{init(){}isEnabled(t){var e,i,o,n;return!t.destroyed&&!t.spawning&&t.size.enable&&((null!==(e=t.size.maxLoops)&&void 0!==e?e:0)<=0||(null!==(i=t.size.maxLoops)&&void 0!==i?i:0)>0&&(null!==(o=t.size.loops)&&void 0!==o?o:0)<(null!==(n=t.size.maxLoops)&&void 0!==n?n:0))}update(t,e){this.isEnabled(t)&&function(t,e){var i,n,s,r;const a=(null!==(i=t.size.velocity)&&void 0!==i?i:0)*e.factor,l=t.size.min,c=t.size.max;if(!(t.destroyed||!t.size.enable||(null!==(n=t.size.maxLoops)&&void 0!==n?n:0)>0&&(null!==(s=t.size.loops)&&void 0!==s?s:0)>(null!==(r=t.size.maxLoops)&&void 0!==r?r:0))){switch(t.size.status){case 0:t.size.value>=c?(t.size.status=1,t.size.loops||(t.size.loops=0),t.size.loops++):t.size.value+=a;break;case 1:t.size.value<=l?(t.size.status=0,t.size.loops||(t.size.loops=0),t.size.loops++):t.size.value-=a}!function(t,e,i,o){switch(t.options.size.animation.destroy){case"max":e>=o&&t.destroy();break;case"min":e<=i&&t.destroy()}}(t,t.size.value,l,c),t.destroyed||(t.size.value=(0,o.clamp)(t.size.value,l,c))}}(t,e)}}},40523:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadSizeUpdater=void 0;const o=i(66393);e.loadSizeUpdater=async function(t){await t.addParticleUpdater("size",(()=>new o.SizeUpdater))}},32202:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.StrokeColorUpdater=void 0;const o=i(75846),n=i(33273),s=i(33086);function r(t,e,i,o,n){var r;const a=e;if(!a||!a.enable)return;const l=(0,s.randomInRange)(i.offset),c=(null!==(r=e.velocity)&&void 0!==r?r:0)*t.factor+3.6*l;n&&0!==a.status?(a.value-=c,a.value<0&&(a.status=0,a.value+=a.value)):(a.value+=c,n&&a.value>o&&(a.status=1,a.value-=a.value%o)),a.value>o&&(a.value%=o)}e.StrokeColorUpdater=class{constructor(t){this.container=t}init(t){var e,i;const s=this.container;t.stroke=t.options.stroke instanceof Array?(0,n.itemFromArray)(t.options.stroke,t.id,t.options.reduceDuplicates):t.options.stroke,t.strokeWidth=t.stroke.width*s.retina.pixelRatio;const r=null!==(e=(0,o.colorToHsl)(t.stroke.color))&&void 0!==e?e:t.getFillColor();r&&(t.strokeColor=(0,o.getHslAnimationFromHsl)(r,null===(i=t.stroke.color)||void 0===i?void 0:i.animation,s.retina.reduceFactor))}isEnabled(t){var e,i,o,n;const s=null===(e=t.stroke)||void 0===e?void 0:e.color;return!t.destroyed&&!t.spawning&&!!s&&(void 0!==(null===(i=t.strokeColor)||void 0===i?void 0:i.h.value)&&s.animation.h.enable||void 0!==(null===(o=t.strokeColor)||void 0===o?void 0:o.s.value)&&s.animation.s.enable||void 0!==(null===(n=t.strokeColor)||void 0===n?void 0:n.l.value)&&s.animation.l.enable)}update(t,e){this.isEnabled(t)&&function(t,e){var i,o,n,s,a,l,c,u,d,h;if(!(null===(i=t.stroke)||void 0===i?void 0:i.color))return;const p=t.stroke.color.animation,v=null!==(n=null===(o=t.strokeColor)||void 0===o?void 0:o.h)&&void 0!==n?n:null===(s=t.color)||void 0===s?void 0:s.h;v&&r(e,v,p.h,360,!1);const f=null!==(l=null===(a=t.strokeColor)||void 0===a?void 0:a.s)&&void 0!==l?l:null===(c=t.color)||void 0===c?void 0:c.s;f&&r(e,f,p.s,100,!0);const y=null!==(d=null===(u=t.strokeColor)||void 0===u?void 0:u.l)&&void 0!==d?d:null===(h=t.color)||void 0===h?void 0:h.l;y&&r(e,y,p.l,100,!0)}(t,e)}}},78621:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadStrokeColorUpdater=void 0;const o=i(32202);e.loadStrokeColorUpdater=async function(t){await t.addParticleUpdater("strokeColor",(t=>new o.StrokeColorUpdater(t)))}},57453:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TiltUpdater=void 0;const o=i(33086);e.TiltUpdater=class{constructor(t){this.container=t}init(t){const e=t.options.tilt;t.tilt={enable:e.enable,value:(0,o.getRangeValue)(e.value)*Math.PI/180,sinDirection:Math.random()>=.5?1:-1,cosDirection:Math.random()>=.5?1:-1};let i=e.direction;if("random"===i){i=Math.floor(2*Math.random())>0?"counter-clockwise":"clockwise"}switch(i){case"counter-clockwise":case"counterClockwise":t.tilt.status=1;break;case"clockwise":t.tilt.status=0}const n=t.options.tilt.animation;n.enable&&(t.tilt.velocity=(0,o.getRangeValue)(n.speed)/360*this.container.retina.reduceFactor,n.sync||(t.tilt.velocity*=Math.random()))}isEnabled(t){const e=t.options.tilt.animation;return!t.destroyed&&!t.spawning&&e.enable}update(t,e){this.isEnabled(t)&&function(t,e){var i;if(!t.tilt)return;const o=t.options.tilt.animation,n=(null!==(i=t.tilt.velocity)&&void 0!==i?i:0)*e.factor,s=2*Math.PI;o.enable&&(0===t.tilt.status?(t.tilt.value+=n,t.tilt.value>s&&(t.tilt.value-=s)):(t.tilt.value-=n,t.tilt.value<0&&(t.tilt.value+=s)))}(t,e)}}},47237:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadTiltUpdater=void 0;const o=i(57453);e.loadTiltUpdater=async function(t){await t.addParticleUpdater("tilt",(t=>new o.TiltUpdater(t)))}},15385:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.TwinkleUpdater=void 0;const o=i(75846),n=i(33086);e.TwinkleUpdater=class{getColorStyles(t,e,i,s){const r=t.options.twinkle.particles,a=r.enable&&Math.random()new o.TwinkleUpdater))}},61473:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.WobbleUpdater=void 0;const o=i(33086);e.WobbleUpdater=class{constructor(t){this.container=t}init(t){const e=t.options.wobble;e.enable?t.wobble={angle:Math.random()*Math.PI*2,speed:(0,o.getRangeValue)(e.speed)/360}:t.wobble={angle:0,speed:0},t.retina.wobbleDistance=(0,o.getRangeValue)(e.distance)*this.container.retina.pixelRatio}isEnabled(t){return!t.destroyed&&!t.spawning&&t.options.wobble.enable}update(t,e){this.isEnabled(t)&&function(t,e){var i;if(!t.options.wobble.enable||!t.wobble)return;const o=t.wobble.speed*e.factor,n=(null!==(i=t.retina.wobbleDistance)&&void 0!==i?i:0)*e.factor/(1e3/60),s=2*Math.PI;t.wobble.angle+=o,t.wobble.angle>s&&(t.wobble.angle-=s),t.position.x+=n*Math.cos(t.wobble.angle),t.position.y+=n*Math.abs(Math.sin(t.wobble.angle))}(t,e)}}},29191:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadWobbleUpdater=void 0;const o=i(61473);e.loadWobbleUpdater=async function(t){await t.addParticleUpdater("wobble",(t=>new o.WobbleUpdater(t)))}},9821:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.alterHsl=e.drawEllipse=e.drawParticlePlugin=e.drawPlugin=e.drawShapeAfterEffect=e.drawShape=e.drawParticle=e.drawGrabLine=e.gradient=e.drawConnectLine=e.drawLinkTriangle=e.drawLinkLine=e.clear=e.paintBase=void 0;const o=i(75846),n=i(33086);function s(t,e,i){t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(i.x,i.y),t.closePath()}function r(t,e,i,o,n,s){if(!i.shape)return;const r=t.drawers.get(i.shape);r&&r.draw(e,i,o,n,s,t.retina.pixelRatio)}function a(t,e,i,o,n,s){if(!i.shape)return;const r=t.drawers.get(i.shape);(null==r?void 0:r.afterEffect)&&r.afterEffect(e,i,o,n,s,t.retina.pixelRatio)}e.paintBase=function(t,e,i){t.save(),t.fillStyle=null!=i?i:"rgba(0,0,0,0)",t.fillRect(0,0,e.width,e.height),t.restore()},e.clear=function(t,e){t.clearRect(0,0,e.width,e.height)},e.drawLinkLine=function(t,e,i,r,a,l,c,u,d,h,p,v){let f=!1;if((0,n.getDistance)(i,r)<=a)s(t,i,r),f=!0;else if(c){let e,o;const c={x:r.x-l.width,y:r.y},u=(0,n.getDistances)(i,c);if(u.distance<=a){const t=i.y-u.dy/u.dx*i.x;e={x:0,y:t},o={x:l.width,y:t}}else{const t={x:r.x,y:r.y-l.height},s=(0,n.getDistances)(i,t);if(s.distance<=a){const t=-(i.y-s.dy/s.dx*i.x)/(s.dy/s.dx);e={x:t,y:0},o={x:t,y:l.height}}else{const t={x:r.x-l.width,y:r.y-l.height},s=(0,n.getDistances)(i,t);if(s.distance<=a){const t=i.y-s.dy/s.dx*i.x;e={x:-t/(s.dy/s.dx),y:t},o={x:e.x+l.width,y:e.y+l.height}}}}e&&o&&(s(t,i,e),s(t,r,o),f=!0)}if(f){if(t.lineWidth=e,u&&(t.globalCompositeOperation=d),t.strokeStyle=(0,o.getStyleFromRgb)(h,p),v.enable){const e=(0,o.colorToRgb)(v.color);e&&(t.shadowBlur=v.blur,t.shadowColor=(0,o.getStyleFromRgb)(e))}t.stroke()}},e.drawLinkTriangle=function(t,e,i,n,s,r,a,l){!function(t,e,i,o){t.beginPath(),t.moveTo(e.x,e.y),t.lineTo(i.x,i.y),t.lineTo(o.x,o.y),t.closePath()}(t,e,i,n),s&&(t.globalCompositeOperation=r),t.fillStyle=(0,o.getStyleFromRgb)(a,l),t.fill()},e.drawConnectLine=function(t,e,i,o,n){t.save(),s(t,o,n),t.lineWidth=e,t.strokeStyle=i,t.stroke(),t.restore()},e.gradient=function(t,e,i,n){const s=Math.floor(i.getRadius()/e.getRadius()),r=e.getFillColor(),a=i.getFillColor();if(!r||!a)return;const l=e.getPosition(),c=i.getPosition(),u=(0,o.colorMix)(r,a,e.getRadius(),i.getRadius()),d=t.createLinearGradient(l.x,l.y,c.x,c.y);return d.addColorStop(0,(0,o.getStyleFromHsl)(r,n)),d.addColorStop(s>1?1:s,(0,o.getStyleFromRgb)(u,n)),d.addColorStop(1,(0,o.getStyleFromHsl)(a,n)),d},e.drawGrabLine=function(t,e,i,n,r,a){t.save(),s(t,i,n),t.strokeStyle=(0,o.getStyleFromRgb)(r,a),t.lineWidth=e,t.stroke(),t.restore()},e.drawParticle=function(t,e,i,n,s,l,c,u,d,h){var p,v,f,y;const g=i.getPosition(),m=i.options.tilt,b=i.options.roll;if(e.save(),m.enable||b.enable){const t=b.enable&&i.roll,o=m.enable&&i.tilt,n=t&&("horizontal"===b.mode||"both"===b.mode),s=t&&("vertical"===b.mode||"both"===b.mode);e.setTransform(n?Math.cos(i.roll.angle):1,o?Math.cos(i.tilt.value)*i.tilt.cosDirection:0,o?Math.sin(i.tilt.value)*i.tilt.sinDirection:0,s?Math.sin(i.roll.angle):1,g.x,g.y)}else e.translate(g.x,g.y);e.beginPath();const _=(null!==(v=null===(p=i.rotate)||void 0===p?void 0:p.value)&&void 0!==v?v:0)+(i.options.rotate.path?i.velocity.angle:0);0!==_&&e.rotate(_),l&&(e.globalCompositeOperation=c);const w=i.shadowColor;h.enable&&w&&(e.shadowBlur=h.blur,e.shadowColor=(0,o.getStyleFromRgb)(w),e.shadowOffsetX=h.offset.x,e.shadowOffsetY=h.offset.y),s.fill&&(e.fillStyle=s.fill);const S=i.stroke;e.lineWidth=null!==(f=i.strokeWidth)&&void 0!==f?f:0,s.stroke&&(e.strokeStyle=s.stroke),r(t,e,i,u,d,n),(null!==(y=null==S?void 0:S.width)&&void 0!==y?y:0)>0&&e.stroke(),i.close&&e.closePath(),i.fill&&e.fill(),e.restore(),e.save(),m.enable&&i.tilt?e.setTransform(1,Math.cos(i.tilt.value)*i.tilt.cosDirection,Math.sin(i.tilt.value)*i.tilt.sinDirection,1,g.x,g.y):e.translate(g.x,g.y),0!==_&&e.rotate(_),l&&(e.globalCompositeOperation=c),a(t,e,i,u,d,n),e.restore()},e.drawShape=r,e.drawShapeAfterEffect=a,e.drawPlugin=function(t,e,i){e.draw&&(t.save(),e.draw(t,i),t.restore())},e.drawParticlePlugin=function(t,e,i,o){e.drawParticle&&(t.save(),e.drawParticle(t,i,o),t.restore())},e.drawEllipse=function(t,e,i,n,s,r,a,l,c){if(r<=0)return;const u=e.getPosition();i&&(t.strokeStyle=(0,o.getStyleFromHsl)(i,s)),t.lineWidth=r;const d=a*Math.PI/180;t.beginPath(),t.ellipse(u.x,u.y,n/2,2*n,d,l,c),t.stroke()},e.alterHsl=function(t,e,i){return{h:t.h,s:t.s,l:t.l+("darken"===e?-1:1)*i}}},75846:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.getHslAnimationFromHsl=e.getHslFromAnimation=e.getLinkRandomColor=e.getLinkColor=e.colorMix=e.getStyleFromHsv=e.getStyleFromHsl=e.getStyleFromRgb=e.getRandomRgbColor=e.rgbaToHsva=e.rgbToHsv=e.hsvaToRgba=e.hsvToRgb=e.hsvaToHsla=e.hsvToHsl=e.hslaToHsva=e.hslToHsv=e.hslaToRgba=e.hslToRgb=e.stringToRgb=e.stringToAlpha=e.rgbToHsl=e.colorToHsl=e.colorToRgb=void 0;const o=i(33086),n=i(22503),s=i(33273);function r(t,e,i){let o=i;return o<0&&(o+=1),o>1&&(o-=1),o<1/6?t+6*(e-t)*o:o<.5?e:o<2/3?t+(e-t)*(2/3-o)*6:t}function a(t){if(t.startsWith("rgb")){const e=/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.]+)\s*)?\)/i.exec(t);return e?{a:e.length>4?parseFloat(e[5]):1,b:parseInt(e[3],10),g:parseInt(e[2],10),r:parseInt(e[1],10)}:void 0}if(t.startsWith("hsl")){const e=/hsla?\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(t);return e?h({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),l:parseInt(e[3],10),s:parseInt(e[2],10)}):void 0}if(t.startsWith("hsv")){const e=/hsva?\(\s*(\d+)°\s*,\s*(\d+)%\s*,\s*(\d+)%\s*(,\s*([\d.]+)\s*)?\)/i.exec(t);return e?y({a:e.length>4?parseFloat(e[5]):1,h:parseInt(e[1],10),s:parseInt(e[2],10),v:parseInt(e[3],10)}):void 0}{const e=/^#?([a-f\d])([a-f\d])([a-f\d])([a-f\d])?$/i,i=t.replace(e,((t,e,i,o,n)=>e+e+i+i+o+o+(void 0!==n?n+n:""))),o=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})?$/i.exec(i);return o?{a:void 0!==o[4]?parseInt(o[4],16)/255:1,b:parseInt(o[3],16),g:parseInt(o[2],16),r:parseInt(o[1],16)}:void 0}}function l(t,e,i=!0){var o,r,a;if(void 0===t)return;const c="string"==typeof t?{value:t}:t;let h;if("string"==typeof c.value)h=c.value===n.Constants.randomColorValue?m():u(c.value);else if(c.value instanceof Array){h=l({value:(0,s.itemFromArray)(c.value,e,i)})}else{const t=c.value,e=null!==(o=t.rgb)&&void 0!==o?o:c.value;if(void 0!==e.r)h=e;else{const e=null!==(r=t.hsl)&&void 0!==r?r:c.value;if(void 0!==e.h&&void 0!==e.l)h=d(e);else{const e=null!==(a=t.hsv)&&void 0!==a?a:c.value;void 0!==e.h&&void 0!==e.v&&(h=f(e))}}}return h}function c(t){const e=t.r/255,i=t.g/255,o=t.b/255,n=Math.max(e,i,o),s=Math.min(e,i,o),r={h:0,l:(n+s)/2,s:0};return n!==s&&(r.s=r.l<.5?(n-s)/(n+s):(n-s)/(2-n-s),r.h=e===n?(i-o)/(n-s):r.h=i===n?2+(o-e)/(n-s):4+(e-i)/(n-s)),r.l*=100,r.s*=100,r.h*=60,r.h<0&&(r.h+=360),r}function u(t){return a(t)}function d(t){const e={b:0,g:0,r:0},i={h:t.h/360,l:t.l/100,s:t.s/100};if(0===i.s)e.b=i.l,e.g=i.l,e.r=i.l;else{const t=i.l<.5?i.l*(1+i.s):i.l+i.s-i.l*i.s,o=2*i.l-t;e.r=r(o,t,i.h+1/3),e.g=r(o,t,i.h),e.b=r(o,t,i.h-1/3)}return e.r=Math.floor(255*e.r),e.g=Math.floor(255*e.g),e.b=Math.floor(255*e.b),e}function h(t){const e=d(t);return{a:t.a,b:e.b,g:e.g,r:e.r}}function p(t){const e=t.l/100,i=e+t.s/100*Math.min(e,1-e),o=i?2*(1-e/i):0;return{h:t.h,s:100*o,v:100*i}}function v(t){const e=t.v/100,i=e*(1-t.s/100/2),o=0===i||1===i?0:(e-i)/Math.min(i,1-i);return{h:t.h,l:100*i,s:100*o}}function f(t){const e={b:0,g:0,r:0},i=t.h/60,o=t.s/100,n=t.v/100,s=n*o,r=s*(1-Math.abs(i%2-1));let a;if(i>=0&&i<=1?a={r:s,g:r,b:0}:i>1&&i<=2?a={r:r,g:s,b:0}:i>2&&i<=3?a={r:0,g:s,b:r}:i>3&&i<=4?a={r:0,g:r,b:s}:i>4&&i<=5?a={r:r,g:0,b:s}:i>5&&i<=6&&(a={r:s,g:0,b:r}),a){const t=n-s;e.r=Math.floor(255*(a.r+t)),e.g=Math.floor(255*(a.g+t)),e.b=Math.floor(255*(a.b+t))}return e}function y(t){const e=f(t);return{a:t.a,b:e.b,g:e.g,r:e.r}}function g(t){const e={r:t.r/255,g:t.g/255,b:t.b/255},i=Math.max(e.r,e.g,e.b),o=i-Math.min(e.r,e.g,e.b);let n=0;i===e.r?n=(e.g-e.b)/o*60:i===e.g?n=60*(2+(e.b-e.r)/o):i===e.b&&(n=60*(4+(e.r-e.g)/o));return{h:n,s:100*(i?o/i:0),v:100*i}}function m(t){const e=null!=t?t:0;return{b:Math.floor((0,o.randomInRange)((0,o.setRangeValue)(e,256))),g:Math.floor((0,o.randomInRange)((0,o.setRangeValue)(e,256))),r:Math.floor((0,o.randomInRange)((0,o.setRangeValue)(e,256)))}}function b(t,e){return`hsla(${t.h}, ${t.s}%, ${t.l}%, ${null!=e?e:1})`}function _(t,e,i,n){let s=t,r=e;return void 0===s.r&&(s=d(t)),void 0===r.r&&(r=d(e)),{b:(0,o.mix)(s.b,r.b,i,n),g:(0,o.mix)(s.g,r.g,i,n),r:(0,o.mix)(s.r,r.r,i,n)}}function w(t,e,i){if(t.enable=e.enable,t.enable){if(t.velocity=(0,o.getRangeValue)(e.speed)/100*i,e.sync)return;t.status=0,t.velocity*=Math.random(),t.value&&(t.value*=Math.random())}else t.velocity=0}e.colorToRgb=l,e.colorToHsl=function(t,e,i=!0){const o=l(t,e,i);return void 0!==o?c(o):void 0},e.rgbToHsl=c,e.stringToAlpha=function(t){var e;return null===(e=a(t))||void 0===e?void 0:e.a},e.stringToRgb=u,e.hslToRgb=d,e.hslaToRgba=h,e.hslToHsv=p,e.hslaToHsva=function(t){const e=p(t);return{a:t.a,h:e.h,s:e.s,v:e.v}},e.hsvToHsl=v,e.hsvaToHsla=function(t){const e=v(t);return{a:t.a,h:e.h,l:e.l,s:e.s}},e.hsvToRgb=f,e.hsvaToRgba=y,e.rgbToHsv=g,e.rgbaToHsva=function(t){const e=g(t);return{a:t.a,h:e.h,s:e.s,v:e.v}},e.getRandomRgbColor=m,e.getStyleFromRgb=function(t,e){return`rgba(${t.r}, ${t.g}, ${t.b}, ${null!=e?e:1})`},e.getStyleFromHsl=b,e.getStyleFromHsv=function(t,e){return b(v(t),e)},e.colorMix=_,e.getLinkColor=function(t,e,i){var o,s;if(i===n.Constants.randomColorValue)return m();if("mid"!==i)return i;{const i=null!==(o=t.getFillColor())&&void 0!==o?o:t.getStrokeColor(),n=null!==(s=null==e?void 0:e.getFillColor())&&void 0!==s?s:null==e?void 0:e.getStrokeColor();if(i&&n&&e)return _(i,n,t.getRadius(),e.getRadius());{const t=null!=i?i:n;if(t)return d(t)}}},e.getLinkRandomColor=function(t,e,i){const o="string"==typeof t?t:t.value;return o===n.Constants.randomColorValue?i?l({value:o}):e?n.Constants.randomColorValue:n.Constants.midColorValue:l({value:o})},e.getHslFromAnimation=function(t){return void 0!==t?{h:t.h.value,s:t.s.value,l:t.l.value}:void 0},e.getHslAnimationFromHsl=function(t,e,i){const o={h:{enable:!1,value:t.h},s:{enable:!1,value:t.s},l:{enable:!1,value:t.l}};return e&&(w(o.h,e.h,i),w(o.s,e.s,i),w(o.l,e.l,i)),o}},33086:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.calcExactPositionOrRandomFromSizeRanged=e.calcExactPositionOrRandomFromSize=e.calcPositionOrRandomFromSizeRanged=e.calcPositionOrRandomFromSize=e.calcPositionFromSize=e.calcEasing=e.collisionVelocity=e.getParticleBaseVelocity=e.getParticleDirectionAngle=e.getDistance=e.getDistances=e.getValue=e.setRangeValue=e.getRangeMax=e.getRangeMin=e.getRangeValue=e.randomInRange=e.mix=e.clamp=void 0;const o=i(11203);function n(t){const e=a(t);let i=r(t);return e===i&&(i=0),Math.random()*(e-i)+i}function s(t){return"number"==typeof t?t:n(t)}function r(t){return"number"==typeof t?t:t.min}function a(t){return"number"==typeof t?t:t.max}function l(t,e){if(t===e||void 0===e&&"number"==typeof t)return t;const i=r(t),o=a(t);return void 0!==e?{min:Math.min(i,e),max:Math.max(o,e)}:l(i,o)}function c(t,e){const i=t.x-e.x,o=t.y-e.y;return{dx:i,dy:o,distance:Math.sqrt(i*i+o*o)}}function u(t){var e,i,o,n;return{x:(null!==(i=null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==i?i:100*Math.random())*t.size.width/100,y:(null!==(n=null===(o=t.position)||void 0===o?void 0:o.y)&&void 0!==n?n:100*Math.random())*t.size.height/100}}function d(t){var e,i,o,n;return{x:null!==(i=null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==i?i:Math.random()*t.size.width,y:null!==(n=null===(o=t.position)||void 0===o?void 0:o.y)&&void 0!==n?n:Math.random()*t.size.height}}e.clamp=function(t,e,i){return Math.min(Math.max(t,e),i)},e.mix=function(t,e,i,o){return Math.floor((t*i+e*o)/(i+o))},e.randomInRange=n,e.getRangeValue=s,e.getRangeMin=r,e.getRangeMax=a,e.setRangeValue=l,e.getValue=function(t){const e=t.random,{enable:i,minimumValue:o}="boolean"==typeof e?{enable:e,minimumValue:0}:e;return s(i?l(t.value,o):t.value)},e.getDistances=c,e.getDistance=function(t,e){return c(t,e).distance},e.getParticleDirectionAngle=function(t){if("number"==typeof t)return t*Math.PI/180;switch(t){case"top":return-Math.PI/2;case"top-right":return-Math.PI/4;case"right":return 0;case"bottom-right":return Math.PI/4;case"bottom":return Math.PI/2;case"bottom-left":return 3*Math.PI/4;case"left":return Math.PI;case"top-left":return-3*Math.PI/4;default:return Math.random()*Math.PI*2}},e.getParticleBaseVelocity=function(t){const e=o.Vector.origin;return e.length=1,e.angle=t,e},e.collisionVelocity=function(t,e,i,n){return o.Vector.create(t.x*(i-n)/(i+n)+2*e.x*n/(i+n),t.y)},e.calcEasing=function(t,e){switch(e){case"ease-out-quad":return 1-(1-t)**2;case"ease-out-cubic":return 1-(1-t)**3;case"ease-out-quart":return 1-(1-t)**4;case"ease-out-quint":return 1-(1-t)**5;case"ease-out-expo":return 1===t?1:1-Math.pow(2,-10*t);case"ease-out-sine":return Math.sin(t*Math.PI/2);case"ease-out-back":{const e=1.70158;return 1+(e+1)*Math.pow(t-1,3)+e*Math.pow(t-1,2)}case"ease-out-circ":return Math.sqrt(1-Math.pow(t-1,2));default:return t}},e.calcPositionFromSize=function(t){var e,i;return void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)&&void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?{x:t.position.x*t.size.width/100,y:t.position.y*t.size.height/100}:void 0},e.calcPositionOrRandomFromSize=u,e.calcPositionOrRandomFromSizeRanged=function(t){var e,i;const o={x:void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)?s(t.position.x):void 0,y:void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?s(t.position.y):void 0};return u({size:t.size,position:o})},e.calcExactPositionOrRandomFromSize=d,e.calcExactPositionOrRandomFromSizeRanged=function(t){var e,i;const o={x:void 0!==(null===(e=t.position)||void 0===e?void 0:e.x)?s(t.position.x):void 0,y:void 0!==(null===(i=t.position)||void 0===i?void 0:i.y)?s(t.position.y):void 0};return d({size:t.size,position:o})}},33273:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.rectBounce=e.circleBounce=e.circleBounceDataFromParticle=e.divMode=e.singleDivModeExecute=e.divModeExecute=e.isDivModeEnabled=e.deepExtend=e.calculateBounds=e.areBoundsInside=e.isPointInside=e.itemFromArray=e.arrayRandomIndex=e.loadFont=e.isInArray=e.cancelAnimation=e.animate=e.isSsr=void 0;const o=i(33086),n=i(11203);function s(t,e,i,o,n,s){const r={bounced:!1};return e.mino.max||e.maxo.max||(t.max>=i.min&&t.max<=(i.max+i.min)/2&&n>0||t.min<=i.max&&t.min>(i.max+i.min)/2&&n<0)&&(r.velocity=n*-s,r.bounced=!0),r}function r(t,e){if(!(e instanceof Array))return t.matches(e);for(const i of e)if(t.matches(i))return!0;return!1}function a(){return"undefined"==typeof window||!window||"undefined"==typeof window.document||!window.document}function l(t,e){return t===e||e instanceof Array&&e.indexOf(t)>-1}function c(t){return Math.floor(Math.random()*t.length)}function u(t,e,i){let o=!0;return i&&"bottom"!==i||(o=t.top0),!o||i&&"right"!==i||(o=t.left0),o}function d(t,e){return{bottom:t.y+e,left:t.x-e,right:t.x+e,top:t.y-e}}function h(t,e){const i=t.selectors;if(i instanceof Array)for(const o of i)e(o,t);else e(i,t)}e.isSsr=a,e.animate=function(){return a()?t=>setTimeout(t):t=>(window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||window.setTimeout)(t)},e.cancelAnimation=function(){return a()?t=>clearTimeout(t):t=>(window.cancelAnimationFrame||window.webkitCancelRequestAnimationFrame||window.mozCancelRequestAnimationFrame||window.oCancelRequestAnimationFrame||window.msCancelRequestAnimationFrame||window.clearTimeout)(t)},e.isInArray=l,e.loadFont=async function(t){var e,i;try{await document.fonts.load(`${null!==(e=t.weight)&&void 0!==e?e:"400"} 36px '${null!==(i=t.font)&&void 0!==i?i:"Verdana"}'`)}catch(t){}},e.arrayRandomIndex=c,e.itemFromArray=function(t,e,i=!0){return t[void 0!==e&&i?e%t.length:c(t)]},e.isPointInside=function(t,e,i,o){return u(d(t,null!=i?i:0),e,o)},e.areBoundsInside=u,e.calculateBounds=d,e.deepExtend=function t(e,...i){for(const o of i){if(null==o)continue;if("object"!=typeof o){e=o;continue}const i=Array.isArray(o);!i||"object"==typeof e&&e&&Array.isArray(e)?i||"object"==typeof e&&e&&!Array.isArray(e)||(e={}):e=[];for(const i in o){if("__proto__"===i)continue;const n=o[i],s="object"==typeof n,r=e;r[i]=s&&Array.isArray(n)?n.map((e=>t(r[i],e))):t(r[i],n)}}return e},e.isDivModeEnabled=function(t,e){return e instanceof Array?!!e.find((e=>e.enable&&l(t,e.mode))):l(t,e.mode)},e.divModeExecute=function(t,e,i){if(e instanceof Array)for(const o of e){const e=o.mode;o.enable&&l(t,e)&&h(o,i)}else{const o=e.mode;e.enable&&l(t,o)&&h(e,i)}},e.singleDivModeExecute=h,e.divMode=function(t,e){if(e&&t)return t instanceof Array?t.find((t=>r(e,t.selectors))):r(e,t.selectors)?t:void 0},e.circleBounceDataFromParticle=function(t){return{position:t.getPosition(),radius:t.getRadius(),mass:t.getMass(),velocity:t.velocity,factor:n.Vector.create((0,o.getValue)(t.options.bounce.horizontal),(0,o.getValue)(t.options.bounce.vertical))}},e.circleBounce=function(t,e){const{x:i,y:n}=t.velocity.sub(e.velocity),[s,r]=[t.position,e.position],{dx:a,dy:l}=(0,o.getDistances)(r,s);if(i*a+n*l<0)return;const c=-Math.atan2(l,a),u=t.mass,d=e.mass,h=t.velocity.rotate(c),p=e.velocity.rotate(c),v=(0,o.collisionVelocity)(h,p,u,d),f=(0,o.collisionVelocity)(p,h,u,d),y=v.rotate(-c),g=f.rotate(-c);t.velocity.x=y.x*t.factor.x,t.velocity.y=y.y*t.factor.y,e.velocity.x=g.x*e.factor.x,e.velocity.y=g.y*e.factor.y},e.rectBounce=function(t,e){const i=d(t.getPosition(),t.getRadius()),n=s({min:i.left,max:i.right},{min:i.top,max:i.bottom},{min:e.left,max:e.right},{min:e.top,max:e.bottom},t.velocity.x,(0,o.getValue)(t.options.bounce.horizontal));n.bounced&&(void 0!==n.velocity&&(t.velocity.x=n.velocity),void 0!==n.position&&(t.position.x=n.position));const r=s({min:i.top,max:i.bottom},{min:i.left,max:i.right},{min:e.top,max:e.bottom},{min:e.left,max:e.right},t.velocity.y,(0,o.getValue)(t.options.bounce.vertical));r.bounced&&(void 0!==r.velocity&&(t.velocity.y=r.velocity),void 0!==r.position&&(t.position.y=r.position))}},54242:function(t,e,i){"use strict";var o,n,s=this&&this.__classPrivateFieldSet||function(t,e,i,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?n.call(t,i):n?n.value=i:e.set(t,i),i},r=this&&this.__classPrivateFieldGet||function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)};Object.defineProperty(e,"__esModule",{value:!0}),e.Engine=void 0;const a=i(37481),l=i(41854);e.Engine=class{constructor(){o.set(this,void 0),n.set(this,void 0),s(this,o,!1,"f"),this.domArray=[],s(this,n,new a.Loader(this),"f"),this.plugins=new l.Plugins(this)}init(){r(this,o,"f")||s(this,o,!0,"f")}async loadFromArray(t,e,i){return r(this,n,"f").load(t,e,i)}async load(t,e){return r(this,n,"f").load(t,e)}async set(t,e,i){return r(this,n,"f").set(t,e,i)}async loadJSON(t,e,i){return r(this,n,"f").loadJSON(t,e,i)}async setJSON(t,e,i,o){return r(this,n,"f").setJSON(t,e,i,o)}setOnClickHandler(t){r(this,n,"f").setOnClickHandler(t)}dom(){return r(this,n,"f").dom()}domItem(t){return r(this,n,"f").domItem(t)}async refresh(){for(const t of this.dom())await t.refresh()}async addShape(t,e,i,o,n){let s;s="function"==typeof e?{afterEffect:o,destroy:n,draw:e,init:i}:e,this.plugins.addShapeDrawer(t,s),await this.refresh()}async addPreset(t,e,i=!1){this.plugins.addPreset(t,e,i),await this.refresh()}async addPlugin(t){this.plugins.addPlugin(t),await this.refresh()}async addPathGenerator(t,e){this.plugins.addPathGenerator(t,e),await this.refresh()}async addInteractor(t,e){this.plugins.addInteractor(t,e),await this.refresh()}async addMover(t,e){this.plugins.addParticleMover(t,e),await this.refresh()}async addParticleUpdater(t,e){this.plugins.addParticleUpdater(t,e),await this.refresh()}},o=new WeakMap,n=new WeakMap},91949:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadFull=void 0;const o=i(9157),n=i(55197),s=i(7515),r=i(99920),a=i(92305),l=i(45325),c=i(47237),u=i(24130),d=i(29191);e.loadFull=async function(t){await(0,l.loadSlim)(t),await(0,a.loadRollUpdater)(t),await(0,c.loadTiltUpdater)(t),await(0,u.loadTwinkleUpdater)(t),await(0,d.loadWobbleUpdater)(t),await(0,s.loadExternalTrailInteraction)(t),await(0,o.loadAbsorbersPlugin)(t),await(0,n.loadEmittersPlugin)(t),await(0,r.loadPolygonMaskPlugin)(t)}},6694:function(t,e,i){"use strict";var o=this&&this.__createBinding||(Object.create?function(t,e,i,o){void 0===o&&(o=i);var n=Object.getOwnPropertyDescriptor(e,i);n&&!("get"in n?!e.__esModule:n.writable||n.configurable)||(n={enumerable:!0,get:function(){return e[i]}}),Object.defineProperty(t,o,n)}:function(t,e,i,o){void 0===o&&(o=i),t[o]=e[i]}),n=this&&this.__exportStar||function(t,e){for(var i in t)"default"===i||Object.prototype.hasOwnProperty.call(e,i)||o(e,t,i)};Object.defineProperty(e,"__esModule",{value:!0}),e.tsParticles=e.pJSDom=e.particlesJS=e.loadPolygonMaskPlugin=e.loadEmittersPlugin=e.loadAbsorbersPlugin=e.Main=e.Engine=void 0;const s=i(54242);Object.defineProperty(e,"Engine",{enumerable:!0,get:function(){return s.Engine}}),Object.defineProperty(e,"Main",{enumerable:!0,get:function(){return s.Engine}});const r=i(96093),a=i(91949),l=new s.Engine;e.tsParticles=l,l.init();const{particlesJS:c,pJSDom:u}=(0,r.initPjs)(l);e.particlesJS=c,e.pJSDom=u,(0,a.loadFull)(l),n(i(63369),e),n(i(23600),e),n(i(8863),e),n(i(37858),e),n(i(76610),e),n(i(37420),e),n(i(5016),e),n(i(90103),e),n(i(4234),e),n(i(70888),e),n(i(22602),e),n(i(11362),e),n(i(72401),e),n(i(46195),e),n(i(3007),e),n(i(55740),e),n(i(87160),e),n(i(48356),e),n(i(40311),e),n(i(15780),e),n(i(24654),e),n(i(84533),e),n(i(1345),e),n(i(23863),e),n(i(32064),e),n(i(56243),e),n(i(14701),e),n(i(49597),e),n(i(3458),e),n(i(99413),e),n(i(28064),e),n(i(38062),e),n(i(5428),e),n(i(83723),e),n(i(42660),e),n(i(28858),e),n(i(22503),e),n(i(45609),e),n(i(24405),e),n(i(36968),e),n(i(33531),e),n(i(85015),e),n(i(41854),e),n(i(17284),e),n(i(41919),e),n(i(78795),e),n(i(95723),e),n(i(11203),e),n(i(10568),e),n(i(83006),e),n(i(31067),e),n(i(37481),e),n(i(94432),e),n(i(56607),e),n(i(99541),e),n(i(43892),e),n(i(52450),e),n(i(40220),e),n(i(22630),e),n(i(61967),e),n(i(4789),e),n(i(41552),e),n(i(5157),e),n(i(92783),e),n(i(46015),e),n(i(92134),e),n(i(844),e),n(i(37250),e),n(i(83195),e),n(i(15189),e),n(i(69259),e),n(i(77345),e),n(i(85034),e),n(i(39516),e),n(i(33224),e),n(i(74078),e),n(i(56304),e),n(i(26639),e),n(i(23095),e),n(i(11478),e),n(i(12775),e),n(i(20577),e),n(i(75892),e),n(i(87367),e),n(i(18261),e),n(i(17591),e),n(i(84111),e),n(i(64395),e),n(i(9821),e),n(i(75846),e),n(i(33086),e),n(i(33273),e);var d=i(9157);Object.defineProperty(e,"loadAbsorbersPlugin",{enumerable:!0,get:function(){return d.loadAbsorbersPlugin}}),n(i(25541),e);var h=i(55197);Object.defineProperty(e,"loadEmittersPlugin",{enumerable:!0,get:function(){return h.loadEmittersPlugin}}),n(i(19939),e),n(i(62061),e);var p=i(99920);Object.defineProperty(e,"loadPolygonMaskPlugin",{enumerable:!0,get:function(){return p.loadPolygonMaskPlugin}}),n(i(32436),e),n(i(68386),e),n(i(78963),e)},96093:function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.initPjs=void 0;e.initPjs=t=>{const e=(e,i)=>t.load(e,i);e.load=(e,i,o)=>{t.loadJSON(e,i).then((t=>{t&&o(t)})).catch((()=>{o(void 0)}))},e.setOnClickHandler=e=>{t.setOnClickHandler(e)};return{particlesJS:e,pJSDom:t.dom()}}},45325:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.loadSlim=void 0;const o=i(4381),n=i(76687),s=i(19686),r=i(43817),a=i(34142),l=i(52841),c=i(89007),u=i(24429),d=i(85215),h=i(30681),p=i(47113),v=i(713),f=i(14229),y=i(59851),g=i(19844),m=i(14752),b=i(1363),_=i(69034),w=i(27105),S=i(27160),P=i(52990),x=i(71964),O=i(11492),M=i(40523),C=i(7449),A=i(70062),R=i(78621),V=i(76457);e.loadSlim=async function(t){await(0,n.loadBaseMover)(t),await(0,w.loadParallaxMover)(t),await(0,a.loadExternalAttractInteraction)(t),await(0,l.loadExternalBounceInteraction)(t),await(0,c.loadExternalBubbleInteraction)(t),await(0,u.loadExternalConnectInteraction)(t),await(0,d.loadExternalGrabInteraction)(t),await(0,h.loadExternalPauseInteraction)(t),await(0,p.loadExternalPushInteraction)(t),await(0,v.loadExternalRemoveInteraction)(t),await(0,f.loadExternalRepulseInteraction)(t),await(0,S.loadParticlesAttractInteraction)(t),await(0,P.loadParticlesCollisionsInteraction)(t),await(0,x.loadParticlesLinksInteraction)(t),await(0,s.loadCircleShape)(t),await(0,y.loadImageShape)(t),await(0,m.loadLineShape)(t),await(0,O.loadPolygonShape)(t),await(0,C.loadSquareShape)(t),await(0,A.loadStarShape)(t),await(0,V.loadTextShape)(t),await(0,g.loadLifeUpdater)(t),await(0,b.loadOpacityUpdater)(t),await(0,M.loadSizeUpdater)(t),await(0,o.loadAngleUpdater)(t),await(0,r.loadColorUpdater)(t),await(0,R.loadStrokeColorUpdater)(t),await(0,_.loadOutModesUpdater)(t)}}}]); \ No newline at end of file diff --git a/59500-1012c47c1be5a1834a87.css b/59500-1012c47c1be5a1834a87.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/59500-1012c47c1be5a1834a87.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/59500-1012c47c1be5a1834a87.js b/59500-1012c47c1be5a1834a87.js new file mode 100644 index 000000000..56e11dd0e --- /dev/null +++ b/59500-1012c47c1be5a1834a87.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[59500,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,n){var d=n(24994);a.A=void 0;var l=d(n(96540)),r=d(n(5556)),m=d(n(67967)),t=d(n(25642)),i=m.default.bind(t.default),o={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},p=function(e){var a=e.src,n=e.name,d=e.url,r=e.version,m=l.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},l.default.createElement("span",{className:i("badge-name")},d?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(r))),t=a?l.default.createElement("a",{className:i("badge"),href:a},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},m,t)};p.propTypes=o;a.A=p},59500:function(e,a,n){n.r(a),n.d(a,{default:function(){return p}});n(96540);var d=n(36665),l=n(73223),r=["components"];function m(){return m=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(l[n]=e[n]);return l}(e,a);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var i={},o="wrapper";function p(e){var a=e.components,n=t(e,r);return(0,d.mdx)(o,m({},i,n,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(l.E,{mdxType:"Badge"}),(0,d.mdx)("h1",{id:"terra-table-upgrade-guide"},"Terra Table Upgrade Guide"),(0,d.mdx)("h2",{id:"changes-from-4x-to-50"},"Changes from 4.x to 5.0"),(0,d.mdx)("p",null,"The latest changes in the Table component reflects the Terra Accessibility initiative. The new version reflects an implementation to make components more accessible."),(0,d.mdx)("h2",{id:"new-props"},"New Props"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"id")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"rows")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"sections")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabelledBy")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabel")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"columnResizeIncrement")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"pinnedColumns")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"overflowColumns")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"defaultColumnWidth")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"columnHeaderHeight")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"rowHeight")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"rowHeaderIndex")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onColumnResize")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRowSelect")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onColumnSelect")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onSectionSelect")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"onRowSelectionHeaderSelect")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"rowSelectionMode")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasVisibleColumnHeaders")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"isStriped")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Column API")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Section API")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Row API")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Cell API")),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table Constants"))),(0,d.mdx)("h2",{id:"removed-props"},"Removed Props"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"bodyData")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"checkStyle")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"dividerStyle")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"columnWidths")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"hasChevrons")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"headerData")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"headerNode")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"fill")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"footerNode")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"numberOfColumns")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"numberOfRows")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"cellPaddingStyle")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"rowStyle")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"scrollRefCallback")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"showSimpleFooter")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"summary")),(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"summaryId"))))}p.isMDXComponent=!0},73223:function(e,a,n){n.d(a,{E:function(){return r}});var d=n(96540),l=n(55713),r=function(e){var a=e.url;return d.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.0",url:a})}},25642:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/59553-83235339aad87a1b9edc.css b/59553-83235339aad87a1b9edc.css new file mode 100644 index 000000000..9745c3de0 --- /dev/null +++ b/59553-83235339aad87a1b9edc.css @@ -0,0 +1,2 @@ +.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} +.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)} diff --git a/59553-83235339aad87a1b9edc.js b/59553-83235339aad87a1b9edc.js new file mode 100644 index 000000000..7a87b3ce1 --- /dev/null +++ b/59553-83235339aad87a1b9edc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[59553,17711,40092,72949,95330,7235,29616,62473,24087,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927,98463,20844,53701,76082],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),r=a(n(5556)),o=a(n(67967)),i=a(n(25642)),c=o.default.bind(i.default),s={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,n=e.name,a=e.url,r=e.version,o=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(r)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(r))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},o,i)};d.propTypes=s;t.A=d},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?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)),i=a(n(5556)),c=a(n(67967)),s=n(92912),d=a(n(49558)),u=a(n(53665)),m=n(25966),p=a(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 _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,o.useState)(c),f=(0,r.default)(p,2),b=f[0],v=f[1],E=(0,o.useState)(!1),h=(0,r.default)(E,2),x=h[0],N=h[1],C=o.default.useContext(s.ThemeContext),T=void 0!==a,w=function(){N(!x),b&&v(!b)},O=function(){v(!b),x&&N(!x)},k=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",C.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},i&&o.default.createElement("div",{className:_("description")},i),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},T&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":x}),onClick:w,onKeyDown:function(e){return k(e,w)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(u.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return k(e,O)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(u.default,{className:_("chevron")}))):null,o.default.createElement("div",null,x&&o.default.createElement("div",{className:_("css")},a),b&&o.default.createElement("div",{className:_("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};t.A=v},67444:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),r=a(n(49400)),o={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.A=function(){return l.default.createElement(r.default,{id:"my-table-id",overflowColumns:o.cols,rows:o.rows,ariaLabel:"Table"})}},59553:function(e,t,n){n.r(t),n.d(t,{default:function(){return d}});n(96540);var a=n(36665),l=(n(73223),n(1215)),r=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={},s="wrapper";function d(e){var t=e.components,n=i(e,r);return(0,a.mdx)(s,o({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"default-table"},"Default Table"),(0,a.mdx)("h3",{id:"description"},"Description"),(0,a.mdx)("p",null,"This example demonstrates a basic ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table")," component implementation."),(0,a.mdx)(l.A,{mdxType:"DefaultTable"}))}d.isMDXComponent=!0},1215:function(e,t,n){n.d(t,{A:function(){return m}});var a=n(96540),l=n(67444),r=n(36665),o=["components"];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 r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s={};function d(e){var t=e.components,n=c(e,o);return(0,r.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst DefaultTable = () => (\n \n);\n\nexport default DefaultTable;\n\n")))}d.isMDXComponent=!0;var u=n(201),m=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(u.A,{title:t||"Default Table",description:n,example:a.createElement(l.A,null),exampleSrc:a.createElement(d,null),isExpanded:r})}},73223:function(e,t,n){n.d(t,{E:function(){return r}});var a=n(96540),l=n(55713),r=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.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"}}}]); \ No newline at end of file diff --git a/59940-0dee59749a71f39407c6.js b/59940-0dee59749a71f39407c6.js new file mode 100644 index 000000000..71f04ff2d --- /dev/null +++ b/59940-0dee59749a71f39407c6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[59940],{33112:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Menu-module__clinical-lowlight-theme___11oHr","orion-fusion-theme":"Menu-module__orion-fusion-theme___LacaH",submenu:"Menu-module__submenu___VZASC",arrow:"Menu-module__arrow___mNjFo",divider:"Menu-module__divider___kLjFE",header:"Menu-module__header___hX72I","header-title":"Menu-module__header-title___+ZcwA","main-header-title":"Menu-module__main-header-title___2oKr-","header-button":"Menu-module__header-button___MeQZy",fullscreen:"Menu-module__fullscreen___Nf33-",list:"Menu-module__list___aZ9kx",content:"Menu-module__content___GmunV","hidden-page":"Menu-module__hidden-page___R+8Zu","header-container":"Menu-module__header-container___ESUPQ"}},52521:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"MenuItem-module__clinical-lowlight-theme___Os0hL","orion-fusion-theme":"MenuItem-module__orion-fusion-theme___GGc3j",item:"MenuItem-module__item___FtXmp","is-disabled":"MenuItem-module__is-disabled___OyUVn","is-highlighted":"MenuItem-module__is-highlighted___O7wIb",chevron:"MenuItem-module__chevron___9xRFy",active:"MenuItem-module__active___ciSK7",text:"MenuItem-module__text___zi1c5","start-icon":"MenuItem-module__start-icon___ppTx4","is-top-level":"MenuItem-module__is-top-level___HjEb-",checkmark:"MenuItem-module__checkmark___+eU4g","is-toggled":"MenuItem-module__is-toggled___6YSTx"}},69498:function(e,t,n){n.r(t),t.default={arrange:"Arrange-module__arrange___trvTn",fill:"Arrange-module__fill___U7A5w",fit:"Arrange-module__fit___6oGvY",center:"Arrange-module__center___iRHhN",bottom:"Arrange-module__bottom___Zq2wU",stretch:"Arrange-module__stretch___XSkQv",default:"Arrange-module__default___ZSDKB"}},59940:function(e,t,n){var i=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(94634)),r=i(n(91847)),o=i(n(17383)),l=i(n(34579)),s=i(n(28452)),u=i(n(63072)),d=i(n(29511)),c=i(n(96540)),f=i(n(5556)),p=i(n(62216)),h=i(n(67967)),m=i(n(50184)),g=i(n(88119)),b=i(n(48480)),v=i(n(81763)),y=i(n(33112)),_=i(n(29308)),O=["boundingRef","classNameArrow","classNameContent","classNameOverlay","onRequestClose","isOpen","children","targetRef","isArrowDisplayed","contentWidth","showHeader"];function k(e,t,n){return t=(0,u.default)(t),(0,s.default)(e,E()?Reflect.construct(t,n||[],(0,u.default)(e).constructor):t.apply(e,n))}function E(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(E=function(){return!!e})()}var w=h.default.bind(y.default),C={children:f.default.node.isRequired,onRequestClose:f.default.func.isRequired,targetRef:f.default.func.isRequired,boundingRef:f.default.func,classNameArrow:f.default.string,classNameContent:f.default.string,classNameOverlay:f.default.string,isOpen:f.default.bool,contentWidth:f.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),isArrowDisplayed:f.default.bool,headerTitle:f.default.string,showHeader:f.default.bool},I=function(e){function t(e){var n;return(0,o.default)(this,t),(n=k(this,t,[e])).setPageDimensions=n.setPageDimensions.bind(n),n.push=n.push.bind(n),n.pop=n.pop.bind(n),n.state={stack:[n],pageWidth:void 0},n}return(0,d.default)(t,e),(0,l.default)(t,[{key:"componentDidUpdate",value:function(e){(!this.props.isOpen&&e.isOpen||this.props.children.length!==e.children.length)&&this.setState({stack:[this]})}},{key:"setPageDimensions",value:function(e){e?(this.pageHeight=e.clientHeight,"auto"===this.props.contentWidth&&this.setState({pageWidth:e.clientWidth})):(this.pageHeight=void 0,this.setState({pageWidth:void 0}))}},{key:"pop",value:function(){this.state.stack.length>1&&this.setState((function(e){var t=e.stack.slice();return t.pop(),{stack:t}}))}},{key:"push",value:function(e){this.setState((function(t){var n,i=t.stack.slice();return i.length-1&&(n=i[0].props.children.filter((function(e){return e.props.subMenuItems&&!e.props.isDisabled})),n=_.default.findMenuItem(n,e.key)),i.push(n||e),{stack:i}}))}},{key:"render",value:function(){var e=this,t=this.props,n=t.boundingRef,i=t.classNameArrow,o=t.classNameContent,l=t.classNameOverlay,s=t.onRequestClose,u=t.isOpen,d=(t.children,t.targetRef),f=t.isArrowDisplayed,h=t.contentWidth,g=t.showHeader,b=(0,r.default)(t,O),v=w(["arrow",{submenu:this.state.stack.length>1},i]),y=this.state.stack.length-1,_=this.state.stack.map((function(t,i){return c.default.createElement(m.default,{key:"MenuPage-".concat(i),title:t.props.text,onRequestNext:e.push,onRequestBack:e.pop,onRequestClose:e.props.onRequestClose,isHidden:i!==y,fixedHeight:e.pageHeight,fixedWidth:e.state.pageWidth,contentWidth:p.default.Opts.widths[h],refCallback:0===y?e.setPageDimensions:null,index:i,boundingRef:n,isFocused:i===y,headerTitle:e.props.headerTitle,showHeader:g},t.props.children||t.props.subMenuItems)}));return c.default.createElement(p.default,(0,a.default)({},b,{boundingRef:n,isArrowDisplayed:f,attachmentBehavior:"flip",contentAttachment:f?"top center":"top right",contentHeight:"auto",contentWidth:this.props.contentWidth,classNameArrow:v,classNameContent:o,classNameOverlay:l,isOpen:u,onRequestClose:s,targetRef:d,hookshotPostionFixed:!0,isHeaderDisabled:!0,isContentFocusDisabled:!0}),_)}}])}(c.default.Component);I.propTypes=C,I.defaultProps={isArrowDisplayed:!1,isOpen:!1,contentWidth:"240",headerTitle:"",showHeader:!0},I.Item=g.default,I.ItemGroup=b.default,I.Divider=v.default,I.Opts={widths:p.default.Opts.widths};t.default=I},81763:function(e,t,n){var i=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(67967)),o=i(n(33112)),l=r.default.bind(o.default);t.default=function(){return a.default.createElement("li",{className:l("divider"),role:"presentation"})}},88119:function(e,t,n){var i=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(94634)),o=i(n(43693)),l=i(n(91847)),s=i(n(17383)),u=i(n(34579)),d=i(n(28452)),c=i(n(63072)),f=i(n(29511)),p=i(n(96540)),h=n(8604),m=i(n(5556)),g=i(n(43530)),b=i(n(80113)),v=i(n(53665)),y=i(n(88123)),_=i(n(46942)),O=i(n(67967)),k=i(n(52103)),E=i(n(16524)),w=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=D(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(i,o,l):i[o]=e[o]}return i.default=e,n&&n.set(e,i),i}(n(25966)),C=i(n(52521)),I=i(n(29308)),M=["text","isDisabled","isSelected","isToggled","isInstructionsForUse","isSelectable","isToggleable","ariaDescribedBy","subMenuItems","isActive","icon","isHighlighted","index","totalItems","intl"];function D(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(D=function(e){return e?n:t})(e)}function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function N(e,t,n){return t=(0,c.default)(t),(0,d.default)(e,x()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function x(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(x=function(){return!!e})()}var S=O.default.bind(C.default),R={isGroupItem:m.default.bool,isSelectableMenu:m.default.bool,isToggleableMenu:m.default.bool,shouldReserveSpaceForIcon:m.default.bool},P={text:m.default.string,isDisabled:m.default.bool,isSelected:m.default.bool,isSelectable:m.default.bool,isToggled:m.default.bool,isToggleable:m.default.bool,isInstructionsForUse:m.default.bool,subMenuItems:m.default.arrayOf(m.default.element),onClick:m.default.func,onChange:m.default.func,isActive:m.default.bool,icon:m.default.element,isHighlighted:m.default.bool,index:m.default.number,totalItems:m.default.number,intl:m.default.shape({formatMessage:m.default.func}).isRequired,ariaDescribedBy:m.default.string},j={text:"",isToggled:!1,isInstructionsForUse:!1,isActive:!1,isToggleable:void 0,isDisabled:!1,subMenuItems:[],isHighlighted:!1},H=function(e){function t(e,n){var i;(0,s.default)(this,t);var a=(i=N(this,t,[e,n])).props,r=a.isSelected,o=a.isSelectable,l=a.isToggled,u=a.isToggleable;i.wrapOnClick=i.wrapOnClick.bind(i),i.wrapOnKeyDown=i.wrapOnKeyDown.bind(i),i.wrapOnKeyUp=i.wrapOnKeyUp.bind(i),i.handleToggled=i.handleToggled.bind(i),i.setItemNode=i.setItemNode.bind(i);var d=l||r,c=u||o;return i.state={isToggled:d&&c&&!n.isGroupItem,isActive:!1},i}return(0,f.default)(t,e),(0,u.default)(t,[{key:"componentDidUpdate",value:function(){this.props.isActive&&this.itemNode&&this.itemNode.focus()}},{key:"handleToggled",value:function(e){e.preventDefault();var t=this.props,n=t.isSelectable;!t.isToggleable&&!n||this.context.isGroupItem||this.props.isDisabled||(this.setState((function(e){return{isToggled:!e.isToggled}})),this.props.onChange&&this.props.onChange(e,!this.state.isToggled))}},{key:"setItemNode",value:function(e){e&&(this.itemNode=e)}},{key:"wrapOnClick",value:function(e){e.stopPropagation(),this.props.isDisabled||(this.handleToggled(e),this.props.onClick&&this.props.onClick(e))}},{key:"wrapOnKeyDown",value:function(e){var t=this;return function(n){n.nativeEvent.keyCode===w.KEY_RETURN||n.nativeEvent.keyCode===w.KEY_SPACE?(t.handleToggled(n),t.props.subMenuItems&&t.props.subMenuItems.length>0||t.setState({isActive:!0}),t.props.onClick&&t.props.onClick(n)):n.nativeEvent.keyCode===w.KEY_TAB&&t.setState({isActive:!1}),e&&e(n)}}},{key:"wrapOnKeyUp",value:function(e){var t=this;return function(n){n.nativeEvent.keyCode!==w.KEY_RETURN&&n.nativeEvent.keyCode!==w.KEY_SPACE||t.setState({isActive:!1}),e&&e(n)}}},{key:"render",value:function(){var e=this,t=this.props,n=t.text,i=t.isDisabled,a=t.isSelected,s=t.isToggled,u=t.isInstructionsForUse,d=t.isSelectable,c=t.isToggleable,f=(t.ariaDescribedBy,t.subMenuItems),h=(t.isActive,t.icon),m=t.isHighlighted,O=t.index,w=t.totalItems,C=t.intl,D=(0,l.default)(t,M),N=this.context,x=N.isGroupItem,R=N.isToggleableMenu,P=N.isSelectableMenu,j=N.shouldReserveSpaceForIcon,H=function(e){for(var t=1;t0,Y=S(["item",{"is-highlighted":m},{"is-toggled":W},{"is-toggleable":A},{"is-disabled":i},{"is-top-level":U},{active:this.state.isActive},H.className]),G=q,L="polite";this.itemNode&&0===O&&1!==w&&(B=". ".concat(C.formatMessage({id:"Terra.menu.navigateMenuItem"})),I.default.isMac()||"true"===this.itemNode.parentNode.getAttribute("data-submenu")||(B="")),x&&!W&&(L=void 0);var Z=p.default.createElement(p.default.Fragment,null,I.default.isMac()&&p.default.createElement(E.default,{text:C.formatMessage({id:"Terra.menu.index"},{index:O+1,totalItems:w})}),(x||A)&&p.default.createElement(E.default,{"aria-live":L,text:W?C.formatMessage({id:"Terra.menu.selected"}):C.formatMessage({id:"Terra.menu.unselected"})}),p.default.createElement(E.default,{text:B}),f.length>0&&p.default.createElement(E.default,{text:C.formatMessage({id:"Terra.menu.itemWithSubmenu"})}),this.itemNode&&"true"===this.itemNode.parentNode.getAttribute("data-submenu")&&0===O&&p.default.createElement(E.default,{text:C.formatMessage({id:"Terra.menu.exitSubmenu"})}));if(U||K||u||h||j){var Q=null;u?Q=p.default.createElement(y.default,{className:S("start-icon")}):K?Q=!A&&h?p.default.cloneElement(h,{className:S([h.props.className,"start-icon"])}):p.default.createElement(b.default,{className:S(["checkmark","start-icon"])}):h?Q=p.default.cloneElement(h,{className:S([h.props.className,"start-icon"])}):j&&(Q=p.default.createElement(b.default,{className:S(["checkmark","start-icon"])})),G=p.default.createElement(p.default.Fragment,null,p.default.createElement(g.default,{fitStart:Q,fill:q,fitEnd:U?p.default.createElement(v.default,{className:S("chevron")}):null,align:"center"}),Z)}else G=p.default.createElement(p.default.Fragment,null,q,Z);var V="menuitem",X=I.default.isMac();return x&&X?V="menuitemradio":A&&X&&(V="menuitemcheckbox"),p.default.createElement(k.default.Consumer,null,(function(t){return p.default.createElement("li",(0,r.default)({},H,{className:(0,_.default)(Y,S(t.className)),ref:e.setItemNode,role:V,"aria-selected":X&&A?W:void 0,tabIndex:"0","aria-disabled":i,onFocus:function(e){return e.stopPropagation()}}),G)}))}}])}(p.default.Component);H.propTypes=P,H.defaultProps=j,H.contextTypes=R;t.default=(0,h.injectIntl)(H)},48480:function(e,t,n){var i=n(24994),a=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(94634)),o=i(n(91847)),l=i(n(17383)),s=i(n(34579)),u=i(n(28452)),d=i(n(63072)),c=i(n(29511)),f=i(n(96540)),p=i(n(5556)),h=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=g(t);if(n&&n.has(e))return n.get(e);var i={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var l=r?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(i,o,l):i[o]=e[o]}return i.default=e,n&&n.set(e,i),i}(n(80708)),m=["children"];function g(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(g=function(e){return e?n:t})(e)}function b(e,t,n){return t=(0,d.default)(t),(0,u.default)(e,v()?Reflect.construct(t,n||[],(0,d.default)(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}var y={children:p.default.node.isRequired,onChange:p.default.func},_={isGroupItem:p.default.bool,shouldReserveSpaceForIcon:p.default.bool},O=function(e){for(var t=f.default.Children.toArray(e),n=0;n0&&this.listNode){var e="orion-fusion-theme"===(this.context.name||this.context.className)||E.default.isSafari()?20:10,t=this.listNode.clientHeight+this.listNode.parentNode.parentNode.parentNode.firstChild.clientHeight+e;return t>window.innerHeight?window.innerHeight:t}return 0}},{key:"setListNode",value:function(e){e&&(this.listNode=e)}},{key:"validateFocus",value:function(e){this.needsFocus&&e&&(e.focus(),this.needsFocus=document.activeElement!==e,this.props.index>0&&e.querySelector('[role="button"][tabIndex="0"]').focus())}},{key:"isToggleable",value:function(){var e=!1;return c.default.Children.forEach(this.props.children,(function(t){var n=t.props,i=n.children,a=n.isToggleable,o=(0,r.default)(n,I);c.default.Children.forEach(i,(function(t){t.type===w.default&&(e=!0)})),(a||o.isSelectable)&&(e=!0)})),e}},{key:"shouldReserveSpaceForIcon",value:function(){var e=!1;return c.default.Children.forEach(this.props.children,(function(t){var n=t.props,i=n.icon,a=n.isInstructionsForUse;(i||a)&&(e=!0)})),e}},{key:"wrapOnClick",value:function(e){var t=this,n=e.props.onClick;return function(i){i.preventDefault(),-1!==t.state.focusIndex&&t.setState({focusIndex:-1}),e.props.subMenuItems&&e.props.subMenuItems.length>0&&"keydown"!==i.type&&t.props.onRequestNext(e),n&&n(i)}}},{key:"wrapOnKeyDown",value:function(e,t,n){var i=this,a=e.props.onKeyDown;return function(r){var o=r.shiftKey&&r.nativeEvent.keyCode===_.KEY_TAB,l=r.nativeEvent.keyCode===_.KEY_TAB;o||l||r.preventDefault(),n||r.nativeEvent.keyCode!==_.KEY_RETURN&&r.nativeEvent.keyCode!==_.KEY_SPACE?n||r.nativeEvent.keyCode!==_.KEY_RIGHT?n||r.nativeEvent.keyCode!==_.KEY_LEFT?r.nativeEvent.keyCode===_.KEY_UP?i.setState({focusIndex:t-1}):r.nativeEvent.keyCode===_.KEY_DOWN&&i.setState({focusIndex:t+1}):i.props.onRequestBack():e.props.subMenuItems&&e.props.subMenuItems.length>0&&i.props.onRequestNext(e):e.props.subMenuItems&&e.props.subMenuItems.length>0&&(i.props.onRequestNext(e),i.setState({focusIndex:t})),a&&a(r)}}},{key:"buildHeader",value:function(e){var t=this.props.intl,n=t.formatMessage({id:"Terra.menu.back"}),i=t.formatMessage({id:"Terra.menu.close"}),a=c.default.createElement(b.default,null),r=c.default.createElement("div",null);this.props.onRequestClose&&e&&(r=c.default.createElement("button",{type:"button",className:N("header-button"),onClick:this.props.onRequestClose,"aria-label":i},a));var o=c.default.createElement(m.default,null),l=c.default.createElement("div",null);return this.props.index>0?l=c.default.createElement(c.default.Fragment,null,c.default.createElement("div",{className:N("header-container")},c.default.createElement("div",{className:N("header-button"),role:"button",onClick:this.props.onRequestBack,onKeyDown:this.onKeyDownBackButton,tabIndex:"0","aria-label":n,"aria-describedby":this.menuHeaderId},o),c.default.createElement("h2",{id:this.menuHeaderId,className:N("header-title")},this.props.title))):this.props.headerTitle&&this.props.headerTitle.length>0&&(l=c.default.createElement("h1",{id:this.menuTopHeaderId,className:N(["header-title","main-header-title"])},this.props.headerTitle)),c.default.createElement(v.default,{className:N("header"),fitEnd:r,fill:l,align:"center"})}},{key:"ariaDescribedByHandle",value:function(e,t){if(!E.default.isMac()&&!this.props.index&&this.props.showHeader&&0===t){var n=e.props.ariaDescribedBy?" ".concat(e.props.ariaDescribedBy):"";return"".concat(this.menuTopHeaderId).concat(n)}return e.props.ariaDescribedBy}},{key:"render",value:function(){var e=this,t=-1,n=E.default.totalItems(this.props.children),i=this.props.children?[]:void 0;c.default.Children.map(this.props.children,(function(a){var r=e.wrapOnClick(a),o=a;if(a.props.text){t+=1;var l=e.wrapOnKeyDown(a,t,a.props.isDisabled),s=e.state.focusIndex===t,u=e.ariaDescribedByHandle(a,t);o=c.default.cloneElement(a,{onClick:r,onKeyDown:l,isActive:s,totalItems:n,index:t,intl:e.props.intl,"aria-describedby":u})}else if(a.props.children){var d=a.props.children?[]:void 0;c.default.Children.forEach(a.props.children,(function(i){t+=1;var a=e.ariaDescribedByHandle(i,t),r=c.default.cloneElement(i,{onKeyDown:e.wrapOnKeyDown(i,t,i.props.isDisabled),isActive:t===e.state.focusIndex,totalItems:n,index:t,intl:e.props.intl,"aria-describedby":a});d.push(r)})),o=c.default.cloneElement(a,{},d)}i.push(o)}));var a,r,o=this.props.boundingRef?this.props.boundingRef():void 0,l=E.default.isFullScreen(this.props.isHeightBounded,this.props.isWidthBounded,o,this.props.contentWidth),s=this.context,u=this.props.index>0,d=N("content",{submenu:u},{"hidden-page":this.props.isHidden},{fullscreen:l},s.className);(this.props.showHeader||u)&&(a=this.buildHeader(l)),r=this.props.isHeightBounded?"100%":this.props.boundingRef?this.props.fixedHeight:void 0;var f=!u||this.props.boundingRef||this.props.isHeightBounded?r:this.getSubmenuHeight(),p=this.props.isHeightBounded?"relative":"static",m=this.props.isWidthBounded?void 0:this.props.fixedWidth;return c.default.createElement("div",{ref:this.handleContainerRef,className:d,style:{height:f,width:m,position:p},tabIndex:"-1","aria-modal":"true",role:"dialog",onKeyDown:this.onKeyDown,onFocus:function(e){return e.stopPropagation()}},c.default.createElement(g.default,{header:a,fill:this.props.isHeightBounded||this.props.index>0},c.default.createElement(h.default,{className:N("list"),role:"menu","data-submenu":u,refCallback:this.setListNode},i)))}}])}(c.default.Component);R.propTypes=x,R.defaultProps={isFocused:!1,title:"",isWidthBounded:!1,isHeightBounded:!1,headerTitle:"",isHidden:!1},R.childContextTypes=S,R.contextType=O.default;t.default=(0,f.injectIntl)(R)},29308:function(e,t,n){var i=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r={isFullScreen:function(e,t,n,i){var a,r=i;return!((a=n&&!t?n.clientWidth:window.innerWidth)<=0)&&(e&&(r>=a||t))},isMac:function(){return-1!==navigator.userAgent.indexOf("Mac")&&-1===navigator.userAgent.indexOf("Win")},totalItems:function(e){var t=0;return a.default.Children.map(e,(function(e){e.props.text?t+=1:e.props.children&&a.default.Children.forEach(e.props.children,(function(){t+=1}))})),t},findMenuItem:function e(t,n){for(var i=0;i=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(i=0;i=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var m=o.default.bind(l.default),g={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,n=e.fill,i=e.fitEnd,r=e.align,o=e.alignFitStart,l=e.alignFill,u=e.alignFitEnd,c=e.fitStartAttributes,p=e.fillAttributes,g=e.fitEndAttributes,b=h(e,s),v=f({},c),y=f({},p),_=f({},g);return a.default.createElement("span",d({},b,{className:m("arrange",b.className)}),a.default.createElement("span",d({},v,{className:m("fit",r||o,v.className,"fit-block")}),t),a.default.createElement("span",d({},y,{className:m("fill",r||l,y.className,"fill-block")}),n),a.default.createElement("span",d({},_,{className:m("fit",r||u,_.className)}),i))};b.propTypes=g;t.default=b}}]); \ No newline at end of file diff --git a/60326-03882f88931d97d06450.css b/60326-03882f88931d97d06450.css new file mode 100644 index 000000000..2936147b9 --- /dev/null +++ b/60326-03882f88931d97d06450.css @@ -0,0 +1,6 @@ +.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} +.Header-module__clinical-lowlight-theme___UjMS9{--terra-clinical-header-background-color: #141719;--terra-clinical-header-border-bottom: 1px solid #08090a;--terra-clinical-header-min-height: 2.92857rem;--terra-clinical-header-padding: 0.35714rem 0.35714rem 0.35714rem 0.35714rem;--terra-clinical-header-flex-collapse-margin: 0;--terra-clinical-header-subheader-background-color: #141719;--terra-clinical-header-subheader-min-height: 2.857rem;--terra-clinical-header-subheader-padding: 0.3571rem 0.7143rem;--terra-clinical-header-title-font-size: 1.10714rem;--terra-clinical-header-title-font-weight: 500;--terra-clinical-header-title-padding: 0.28571rem 0.71428rem 0 0.71428rem;--terra-clinical-header-end-content-plus-title-padding-left: 0.35714rem;--terra-clinical-header-title-plus-end-content-padding-right: 0.35714rem}.Header-module__orion-fusion-theme___6toUR{--terra-clinical-header-background-color: #f4f4f4;--terra-clinical-header-border-bottom: 0.16666667rem solid #64696c;--terra-clinical-header-color: #1c1f21;--terra-clinical-header-min-height: 2.83333rem;--terra-clinical-header-padding: 0;--terra-clinical-header-flex-collapse-margin: 0.5rem;--terra-clinical-header-subheader-background-color: #f4f4f4;--terra-clinical-header-subheader-min-height: 2.83333rem;--terra-clinical-header-subheader-padding: 0;--terra-clinical-header-title-font-size: 1.5rem;--terra-clinical-header-title-font-weight: normal;--terra-clinical-header-title-padding: 0.25rem 0.25rem 0.25rem 0.25rem;--terra-clinical-header-end-content-plus-title-padding-left: 0;--terra-clinical-header-title-plus-end-content-padding-right: 0}.Header-module__flex-header___fkWPf{-ms-flex-align:start;align-items:flex-start;color:var(--terra-clinical-header-color);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;min-height:2.92857rem;min-height:var(--terra-clinical-header-min-height, 2.92857rem);position:relative;width:100%}[dir] .Header-module__flex-header___fkWPf{background-color:#f9f9f9;background-color:var(--terra-clinical-header-background-color, #f9f9f9);border-bottom:1px solid #d3d4d5;border-bottom:var(--terra-clinical-header-border-bottom, 1px solid #d3d4d5);padding:0.35714rem 0.35714rem 0.35714rem 0.35714rem;padding:var(--terra-clinical-header-padding, 0.35714rem 0.35714rem 0.35714rem 0.35714rem)}.Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;height:100%;max-width:40%;position:relative}[dir] .Header-module__flex-header___fkWPf .Header-module__flex-collapse___VFeRx{margin:var(--terra-clinical-header-flex-collapse-margin)}.Header-module__subheader___-k6s6{min-height:2.857rem;min-height:var(--terra-clinical-header-subheader-min-height, 2.857rem)}[dir] .Header-module__subheader___-k6s6{background-color:#c8cacb;background-color:var(--terra-clinical-header-subheader-background-color, #c8cacb);padding:0.3571rem 0.7143rem;padding:var(--terra-clinical-header-subheader-padding, 0.3571rem 0.7143rem)}.Header-module__flex-fill___rJ6d7{-ms-flex:1 1 auto;flex:1 1 auto;position:relative;width:100%}.Header-module__flex-end-wrap___gslFK{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.Header-module__flex-end___FAH0Y{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;position:relative}.Header-module__title-container___8iDTh{position:relative;width:100%}.Header-module__title___63-qh{font-size:1.10714rem;font-size:var(--terra-clinical-header-title-font-size, 1.10714rem);font-weight:500;font-weight:var(--terra-clinical-header-title-font-weight, 500);-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%;word-wrap:break-word}[dir] .Header-module__title___63-qh{margin-bottom:0;margin-top:0;padding:0.28571rem 0.71428rem 0 0.71428rem;padding:var(--terra-clinical-header-title-padding, 0.28571rem 0.71428rem 0 0.71428rem)}[dir=ltr] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=rtl] .Header-module__flex-end___FAH0Y+.Header-module__flex-fill___rJ6d7 .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-end-content-plus-title-padding-left, 0.35714rem)}[dir=ltr] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-right:0.35714rem;padding-right:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)}[dir=rtl] .Header-module__flex-fill___rJ6d7+.Header-module__flex-end___FAH0Y .Header-module__title___63-qh{padding-left:0.35714rem;padding-left:var(--terra-clinical-header-title-plus-end-content-padding-right, 0.35714rem)} +.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)} + diff --git a/60326-03882f88931d97d06450.js b/60326-03882f88931d97d06450.js new file mode 100644 index 000000000..d9407ff6c --- /dev/null +++ b/60326-03882f88931d97d06450.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[60326,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],{55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),d=r(n(25642)),i=o.default.bind(d.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(l))),d=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,d)};c.propTypes=u;t.A=c},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&&Object.prototype.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),d=r(n(5556)),i=r(n(67967)),u=n(92912),c=r(n(49558)),s=r(n(53665)),p=n(25966),m=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 x=i.default.bind(m.default),y={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=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,d=e.description,i=e.isExpanded,m=(0,o.useState)(i),f=(0,l.default)(m,2),y=f[0],h=f[1],v=(0,o.useState)(!1),g=(0,l.default)(v,2),O=g[0],T=g[1],j=o.default.useContext(u.ThemeContext),C=void 0!==r,N=function(){T(!O),y&&h(!y)},w=function(){h(!y),O&&T(!O)},E=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:x("template",j.className)},o.default.createElement("div",{className:x("header")},a&&o.default.createElement("h2",{className:x("title")},a)),o.default.createElement("div",{className:x("content")},d&&o.default.createElement("div",{className:x("description")},d),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},C&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:N,onKeyDown:function(e){return E(e,N)},onBlur:b,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:w,onKeyDown:function(e){return E(e,w)},onBlur:b,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:x("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:x("css")},r),y&&o.default.createElement("div",{className:x("code")},n))))};h.propTypes=y,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 u.Row}}),t.Ay=t.$d=void 0;var l=p(n(96540)),o=r(n(5556)),d=r(n(67967)),i=n(92912),u=p(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 p(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&&Object.prototype.hasOwnProperty.call(e,o)){var d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(r,o,d):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}var m=d.default.bind(c.default),f={children:o.default.node},x={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,l.useContext)(i.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(u.Header,{className:m("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};y.propTypes=f;t.Ay=y},86159: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)),d=u(n(36605)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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(d.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x={children:a.default.string},y=function(e){var t=e.children,n=s(e,i),a=r.default.useContext(o.default),d=(0,l.default)(p(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:d,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};y.propTypes=x;t.default=y},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(67967)),o=i(n(52103)),d=i(n(17269));function i(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(d.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:u("notice",n,l.className)},r.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:u("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:u("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:u("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)),d=c(n(52103)),i=c(n(16576)),u=["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 m=o.default.bind(i.default),f={title:a.default.string},x=function(e){var t=e.title,n=p(e,u),a=r.default.useContext(d.default),o=(0,l.default)(m(["placeholder",a.className]),n.className),i=m(["inner"]);return r.default.createElement("div",s({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:m("title")},t)))};x.propTypes=f,x.defaultProps={title:""};t.default=x},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}}},60326:function(e,t,n){n.r(t),n.d(t,{default:function(){return pe}});var r=n(96540),a=n(36665),l=n(45592),o=n(12883),d=["components"];function i(){return i=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 c={},s="wrapper";function p(e){var t=e.components,n=u(e,d);return(0,a.mdx)(s,i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.Ay,{mdxType:"PropsTable"},(0,a.mdx)(o.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"IDs should be used with 'aria-labelledby' to associate headings with the corresponding page area when needing to label regions.\nFor an example, read ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide: Labeling Section Content")," for additional information."))),(0,a.mdx)(o.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child element to be displayed on the right end of the header.\nThe element passed as children will be decorated with flex attributes."))),(0,a.mdx)(o.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"startContent"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to be displayed at the start of the header, placed before the title"))),(0,a.mdx)(o.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the heading level ","<","h1",">","-","<","h6",">",". One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"6"),". This helps screen readers to announce appropriate heading levels.\nChanging ",(0,a.mdx)("inlineCode",{parentName:"p"},"level")," will not visually change the style of the content."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," It is required to be set in order for the header text to have proper accessibility.\n",(0,a.mdx)("em",{parentName:"p"},"Note: if the prop is not set level 1 by default. this would result in incorrect context of header in application.")),(0,a.mdx)("p",null,"See the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/terra-clinical-header/clinical-header/accessibility-guide"},"Accessibility Guide")," for additional information."))),(0,a.mdx)(o.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed as the title in the header bar."))),(0,a.mdx)(o.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"''\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\nThe ",(0,a.mdx)("inlineCode",{parentName:"p"},"title")," prop has been deprecated and will be removed in next major version release. Use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"text")," prop instead."))),(0,a.mdx)(o.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"endContent"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to be displayed at the end of the header\nThe element passed as endContent will be wrapped in a div with flex attributes."))),(0,a.mdx)(o.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"isSubheader"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A Boolean indicating if element is a subheader."))),(0,a.mdx)(o.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered via hyperlink button title.\nSets the header title to be a hyperlink."))),(0,a.mdx)(o.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"wrapContent"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A Boolean indicating if start and end content should be wrapped.")))))}p.isMDXComponent=!0;var m=n(62437),f=["components"];function x(){return x=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={};function _(e){var t=e.components,n=y(e,f);return(0,a.mdx)("wrapper",x({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst TitleHeader = () => (\n
    \n);\n\nexport default TitleHeader;\n\n")))}_.isMDXComponent=!0;var h=n(201),v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Title Header",description:n,example:r.createElement(m.A,null),exampleSrc:r.createElement(_,null),isExpanded:a})},g=n(30986),O=["components"];function T(){return T=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 C={};function N(e){var t=e.components,n=j(e,O);return(0,a.mdx)("wrapper",T({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst ContenteHeader = () => (\n
    \n }\n text="Default Header"\n endContent={
    \n);\n\nexport default ContenteHeader;\n\n')))}N.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Content Header",description:n,example:r.createElement(g.A,null),exampleSrc:r.createElement(N,null),isExpanded:a})},E=n(688),P=["components"];function H(){return H=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 k={};function D(e){var t=e.components,n=S(e,P);return(0,a.mdx)("wrapper",H({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst LongTextWithButtons = () => (\n
    \n \n
    \n);\n\nexport default LongTextWithButtons;\n\n")))}D.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Header Long Text",description:n,example:r.createElement(E.A,null),exampleSrc:r.createElement(D,null),isExpanded:a})},R=n(65139),I=["components"];function A(){return A=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 W(e){var t=e.components,n=B(e,I);return(0,a.mdx)("wrapper",A({},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 classNamesBind from 'classnames/bind';\nimport { Placeholder } from '@cerner/terra-docs';\nimport Button from 'terra-button';\nimport Header from 'terra-clinical-header';\nimport styles from './ClinicalHeaderDocCommon.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst LongTextWithContent = () => (\n
    \n }\n text=\"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report\"\n endContent={
    \n \n);\n\nexport default LongTextWithContent;\n\n")))}W.isMDXComponent=!0;var Z=["components"];function L(){return L=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 Y={};function V(e){var t=e.components,n=X(e,Z);return(0,a.mdx)("wrapper",L({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"")))}V.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Header Long Text With Content",description:n,example:r.createElement(R.A,null),exampleCssSrc:r.createElement(V,null),exampleSrc:r.createElement(W,null),isExpanded:a})},$=n(26049),K=["components"];function J(){return J=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 G={};function z(e){var t=e.components,n=U(e,K);return(0,a.mdx)("wrapper",J({},G,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Button from \'terra-button\';\nimport Header from \'terra-clinical-header\';\n\nconst Subheader = () => (\n
    \n }\n text="Dr. Carl"\n endContent={
    \n);\n\nexport default Subheader;\n\n')))}z.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Subheader",description:n,example:r.createElement($.A,null),exampleSrc:r.createElement(z,null),isExpanded:a})},ee=n(19765),te=["components"];function ne(){return ne=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 ae={};function le(e){var t=e.components,n=re(e,te);return(0,a.mdx)("wrapper",ne({},ae,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Header from 'terra-clinical-header';\n\nconst HyperlinkTitleHeader = () => (\n // eslint-disable-next-line no-console\n
    { console.log('Hyperlink title clicked'); }} text=\"John Smith\" level={3} />\n);\n\nexport default HyperlinkTitleHeader;\n\n")))}le.isMDXComponent=!0;var oe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Hyperlink Title Header",description:n,example:r.createElement(ee.A,null),exampleSrc:r.createElement(le,null),isExpanded:a})},de=["components"];function ie(){return ie=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 ce={},se="wrapper";function pe(e){var t=e.components,n=ue(e,de);return(0,a.mdx)(se,ie({},ce,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-clinical-header"},"Terra Clinical Header"),(0,a.mdx)("p",null,"A Header component that allows elements to be placed on the left and right ends of the header with a left aligned title in the center."),(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-clinical-header"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Header from 'terra-clinical-header';\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)("h2",{id:"example"},"Example"),(0,a.mdx)(v,{title:"Header With Title Only",mdxType:"TitleHeader"}),(0,a.mdx)(oe,{title:"Header With Hyperlink Title",mdxType:"HyperlinkTitleHeader"}),(0,a.mdx)(w,{title:"Header With Content",mdxType:"ContentHeader"}),(0,a.mdx)(M,{title:"Header With Long Title",mdxType:"HeaderLongText"}),(0,a.mdx)(F,{title:"Header With Long Title, Children, And Content",mdxType:"HeaderLongTextWithContent"}),(0,a.mdx)(Q,{title:"Subheader With Content",mdxType:"Subheader"}),(0,a.mdx)("h2",{id:"header-props-table"},"Header Props Table"),(0,a.mdx)(p,{mdxType:"HeaderPropsTable"}))}pe.isMDXComponent=!0},45592: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-clinical/tree/main/packages/terra-clinical-header",name:"terra-clinical-header",version:"3.31.2",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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},53434:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Header-module__clinical-lowlight-theme___UjMS9","orion-fusion-theme":"Header-module__orion-fusion-theme___6toUR","flex-header":"Header-module__flex-header___fkWPf","flex-collapse":"Header-module__flex-collapse___VFeRx",subheader:"Header-module__subheader___-k6s6","flex-fill":"Header-module__flex-fill___rJ6d7","flex-end-wrap":"Header-module__flex-end-wrap___gslFK","flex-end":"Header-module__flex-end___FAH0Y","title-container":"Header-module__title-container___8iDTh",title:"Header-module__title___63-qh"}},74941:function(e,t,n){n.r(t),t.default={}},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"}},12192: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=m(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 d=l?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}return a.default=e,n&&n.set(e,a),a}(n(96540)),l=p(n(5556)),o=p(n(46942)),d=p(n(67967)),i=p(n(19992)),u=p(n(52103)),c=p(n(53434)),s=["children","title","startContent","endContent","text","level","id","isSubheader","onClick","wrapContent"];function p(e){return e&&e.__esModule?e:{default:e}}function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}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 y=d.default.bind(c.default),b={id:l.default.string,children:l.default.element,startContent:l.default.element,level:l.default.oneOf([1,2,3,4,5,6]),text:l.default.string,title:l.default.string,endContent:l.default.element,isSubheader:l.default.bool,onClick:l.default.func,wrapContent:l.default.bool},_=function(e){var t,n=e.children,r=e.title,l=e.startContent,d=e.endContent,c=e.text,p=e.level,m=e.id,b=e.isSubheader,_=e.onClick,h=e.wrapContent,v=x(e,s),g=(0,a.useContext)(u.default);r&&console.warn("The `title` prop has been renamed to `text`. Please update all references of `title` prop to `text`."),p||console.warn("Default heading level may not appropriate has it would fail to convey context of heading in a site / application where it is used. Heading level should be set explicitly depending on the position of header in site / application to allow screen readers to identify headers consistently.");var O=r||c;if(O){var T=p?"h".concat(p):"h1";t=a.default.createElement("div",{className:y("title-container")},a.default.createElement(T,{id:m,className:y("title")},_?a.default.createElement(i.default,{onClick:_,text:O}):O))}var j=a.default.Children.map(n,(function(e){return a.default.cloneElement(e,{className:(0,o.default)([y("flex-collapse"),e.props.className])})})),C=(0,o.default)([y(["flex-header",{subheader:b},g.className]),v.className]),N=!(!O&&l&&d),w=y(h?"flex-end-wrap":"flex-end");return a.default.createElement("header",f({},v,{className:C}),l&&a.default.createElement("div",{className:w},l),N&&a.default.createElement("div",{className:y("flex-fill")},t),j,d&&a.default.createElement("div",{className:w},d))};_.propTypes=b,_.defaultProps={title:"",startContent:null,endContent:null,isSubheader:!1,text:"",wrapContent:!1};t.default=_},30986:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=o(n(23986)),l=o(n(12192));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(l.default,{startContent:r.default.createElement(a.default,{text:"Button, Default Header"}),text:"Default Header",endContent:r.default.createElement(a.default,{"aria-label":"Button, Default Header",text:"Button"}),level:3}))}},688:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(12192));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(a.default,{text:"This is a header with long text .This is an element provides a customizable header layout with a prominent title options for the elements.This component saves time and effort in designing a header from scratch and ensures consistency across a website's pages.",level:3}))}},65139:function(e,t,n){t.A=void 0;var r=u(n(96540)),a=u(n(67967)),l=n(74647),o=u(n(23986)),d=u(n(12192)),i=u(n(74941));function u(e){return e&&e.__esModule?e:{default:e}}var c=a.default.bind(i.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement(d.default,{startContent:r.default.createElement(o.default,{"aria-label":"Back, Patient Information for Individual Diagnosed with a Chronic Disease",text:"Back"}),text:"Patient Information for Individual Diagnosed with a Chronic Disease in the past or currently suffering: Comprehensive Medical History,Treatment Plan,and Prognosis Report",endContent:r.default.createElement(o.default,{"aria-label":"print, Patient Information for Individual Diagnosed with a Chronic Disease",text:"print"}),level:3},r.default.createElement(o.default,{text:"Medical History"}),r.default.createElement(l.Placeholder,{className:c("placeholder-wrapper"),title:"Collapsible Menu View"})))}},19765:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(12192));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{onClick:function(){console.log("Hyperlink title clicked")},text:"John Smith",level:3})}},26049:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=o(n(23986)),l=o(n(12192));function o(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement(l.default,{startContent:r.default.createElement(a.default,{"aria-label":"Consult, Dr. Carl",text:"Consult"}),text:"Dr. Carl",endContent:r.default.createElement(a.default,{text:"Information"}),isSubheader:!0,level:3}))}},62437:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(12192));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement(a.default,{text:"Default Header",level:3})}},85444: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)),d=c(n(52103)),i=c(n(78482)),u=["children","disableStripes","paddingStyle"];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 m=o.default.bind(i.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,u),i=r.default.useContext(d.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},i.className),o.className);return r.default.createElement("table",s({},o,{className:c}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},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 d(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},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},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 d(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},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("td",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},97441: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(10767)),o=["children"];function d(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 u={children:a.default.node},c=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")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},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 d(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},u=function(e){var t=e.children,n=d(e,l);return r.default.createElement("th",n,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},36142: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(78482)),d=u(n(10767)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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),m={children:a.default.node},f=function(e){var t=e.children,n=s(e,i),a=p(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),d.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},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 d.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=u(n(85444)),a=u(n(61452)),l=u(n(36142)),o=u(n(86472)),d=u(n(97441)),i=u(n(22417));function u(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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function c(e){var t=e.components,n=d(e,l);return(0,a.mdx)("wrapper",s({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment';\nimport OnsetPicker from 'terra-clinical-onset-picker';\n\nconst birthdate = moment().subtract(6, 'years');\nconst picker = () => (\n
    \n

    {`Birthdate: ${birthdate.format('MM-DD-YYYY')}`}

    \n \n
    \n);\n\nexport default picker;\n\n")))}c.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 Onset",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(c,null),isExpanded:a})},m=n(29256),y=["components"];function h(){return h=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var g={};function v(e){var t=e.components,n=b(e,y);return(0,a.mdx)("wrapper",h({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment';\nimport OnsetPicker from 'terra-clinical-onset-picker';\n\nclass HandledOnsetExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n precision: 'before',\n granularity: 'year',\n onsetDate: moment().subtract(2, 'years').format('YYYY-MM-DD'),\n };\n\n this.handleOnset = this.handleOnset.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n }\n\n handleOnset(onsetObject) {\n this.setState({\n precision: onsetObject.precision,\n granularity: onsetObject.granularity,\n onsetDate: onsetObject.onsetDate,\n ageUnit: onsetObject.ageUnit,\n });\n }\n\n handleSubmit(e) {\n e.preventDefault();\n\n this.setState(prevState => ({\n submittedData: {\n precision: prevState.precision,\n granularity: prevState.granularity,\n onsetDate: prevState.onsetDate,\n ageUnit: prevState.ageUnit,\n },\n }));\n }\n\n render() {\n const birthdate = moment().subtract(6, 'years');\n return (\n
    \n

    {`Birthdate: ${birthdate.format('MM-DD-YYYY')}`}

    \n \n \n {this.state.submittedData && (\n
    \n
    \n

    Form was submitted with

    \n

    {JSON.stringify(this.state.submittedData, null, 2)}

    \n
    \n )}\n \n );\n }\n}\n\nexport default HandledOnsetExample;\n\n")))}v.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Handled Onset",description:n,example:r.createElement(m.A,null),exampleSrc:r.createElement(v,null),isExpanded:a})},x=n(35747),j=["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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var k={};function P(e){var t=e.components,n=T(e,j);return(0,a.mdx)("wrapper",_({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport moment from 'moment';\nimport OnsetPicker from 'terra-clinical-onset-picker';\n\nconst OnsetWithHiddenLegend = () => (\n \n);\n\nexport default OnsetWithHiddenLegend;\n\n")))}P.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Onset With Hidden Legend",description:n,example:r.createElement(x.A,null),exampleSrc:r.createElement(P,null),isExpanded:a})},N=n(12883),C=["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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var M={},S="wrapper";function I(e){var t=e.components,n=E(e,C);return(0,a.mdx)(S,D({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(N.Ay,{mdxType:"PropsTable"},(0,a.mdx)(N.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"ageUnit"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'weeks'\n 'months'\n 'years'\n],\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The date unit of the age value. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"weeks"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"months"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"years"),"."))),(0,a.mdx)(N.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"birthdate"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(N.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The ISO 8601 ",(0,a.mdx)("strong",{parentName:"p"},"DATE ONLY")," string representation of the birth date to calculate an onset date for the ",(0,a.mdx)("inlineCode",{parentName:"p"},"age")," precision.\nAlso limits the earliest possible date that can be selected for an onset date for ",(0,a.mdx)("inlineCode",{parentName:"p"},"year"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"month"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"date")," precision."))),(0,a.mdx)(N.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"granularity"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'age'\n 'year'\n 'month'\n 'date'\n],\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The granularity of the onset date. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"age"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"year"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"month"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"date")," is accepted."))),(0,a.mdx)(N.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(N.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The id of the onset picker. Used as the base for other required id/name in sub-components."))),(0,a.mdx)(N.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"precision"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'on/at'\n 'about'\n 'before'\n 'after'\n 'unknown'\n],\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The precision of the onset date. This should be one of precisions passed to the precisionSet prop.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"on/at"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"about"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"before"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"after"),", or ",(0,a.mdx)("inlineCode",{parentName:"p"},"unknown"),"."))),(0,a.mdx)(N.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"precisionSet"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n enum: [\n 'on/at'\n 'about'\n 'before'\n 'after'\n 'unknown'\n ],\n}],\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"['on/at', 'about', 'before', 'after', 'unknown']\n"))),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The set of precisions that can be used with the onset picker.\nCombination of ",(0,a.mdx)("inlineCode",{parentName:"p"},"on/at"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"about"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"before"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"after"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"unknown"),".\nOrder of precisions determines order in precision select."))),(0,a.mdx)(N.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"onsetDate"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The ISO 8601 ",(0,a.mdx)("strong",{parentName:"p"},"DATE ONLY")," string representation of the onset date to view/modify."))),(0,a.mdx)(N.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"onsetOnChange"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A callback function to execute when any value of the onsetDate is changed.\nThe first parameter is a Object that contains ",(0,a.mdx)("inlineCode",{parentName:"p"},"precision"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"granularity"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"onsetDate"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"onsetDateMetadata"),", and ",(0,a.mdx)("inlineCode",{parentName:"p"},"ageUnit"),".\n",(0,a.mdx)("inlineCode",{parentName:"p"},"ageUnit")," is only present if the granularity is 'age'.\n",(0,a.mdx)("inlineCode",{parentName:"p"},"onsetDateMetadata")," contains additional properties about the state of the onset date."))),(0,a.mdx)(N.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"legend"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Legend for the Onset Picker field group."))),(0,a.mdx)(N.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"isLegendHidden"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the legend is visible. Use this props to hide a legend while still creating it on the DOM for accessibility."))),(0,a.mdx)(N.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(N.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(N.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(N.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(N.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(N.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required.")))))}I.isMDXComponent=!0;var A=["components"];function R(){return R=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var U={},q="wrapper";function H(e){var t=e.components,n=Y(e,A);return(0,a.mdx)(q,R({},U,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(i.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-clinical-onset-picker"},"Terra Clinical Onset Picker"),(0,a.mdx)("p",null,"The terra-clinical-onset-picker component provides users a way to enter or select an approximate date for use in onset scenarios. The onset date is limited to occurring after the birth date supplied. For ",(0,a.mdx)("inlineCode",{parentName:"p"},"AGE")," granularity, the age input has a maximum of ",(0,a.mdx)("inlineCode",{parentName:"p"},"8")," for ",(0,a.mdx)("inlineCode",{parentName:"p"},"Week(s)")," unit, and ",(0,a.mdx)("inlineCode",{parentName:"p"},"24")," for ",(0,a.mdx)("inlineCode",{parentName:"p"},"Month(s)")," unit. The user is expected to use ",(0,a.mdx)("inlineCode",{parentName:"p"},"Month(s)")," and ",(0,a.mdx)("inlineCode",{parentName:"p"},"Year(s)")," respectively for larger values."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," All inputs must have a visible label that communicates the purpose of the field face up. Ensuring this label is always visible will ensure all users, especially those using assistive technologies, can understand the purpose of the input and interact with the field."),(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-clinical-onset-picker"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import OnsetPicker from 'terra-clinical-onset-picker';\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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("p",null,"** This component does not support Arabic translations"),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{title:"Default with initialization",mdxType:"DefaultOnset"}),(0,a.mdx)(O,{title:"Onset picker with supplied data and handlers",mdxType:"HandledOnset"}),(0,a.mdx)(w,{title:"Onset picker with Hidden legend",mdxType:"OnsetWithHiddenLegend"}),(0,a.mdx)("h2",{id:"onset-picker-props"},"Onset Picker Props"),(0,a.mdx)(I,{mdxType:"OnsetPickerPropsTable"}))}H.isMDXComponent=!0},99847:function(e,t,n){"use strict";n.d(t,{E:function(){return i}});var r=n(96540),a=n(55713),i=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-clinical/tree/main/packages/terra-clinical-onset-picker",name:"terra-clinical-onset-picker",version:"4.40.0",url:t})}},89744:function(e,t,n){"use strict";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"}},74475:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"OnsetPicker-module__clinical-lowlight-theme___IjDmU","orion-fusion-theme":"OnsetPicker-module__orion-fusion-theme___-9OlM",age:"OnsetPicker-module__age___XMjT8","field-inline":"OnsetPicker-module__field-inline___rL7wX",fieldset:"OnsetPicker-module__fieldset___fBagK",precision:"OnsetPicker-module__precision___xN0bM",granularity:"OnsetPicker-module__granularity___8s609","age-unit":"OnsetPicker-module__age-unit___+r2fv",month:"OnsetPicker-module__month___RGy8c",year:"OnsetPicker-module__year___zwIlu"}},30984:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Fieldset-module__clinical-lowlight-theme___nWj-n","orion-fusion-theme":"Fieldset-module__orion-fusion-theme___Geekx",fieldset:"Fieldset-module__fieldset___OYD70","fieldset-required":"Fieldset-module__fieldset-required___Miv2Y",legend:"Fieldset-module__legend___FU+2h","legend-visually-hidden":"Fieldset-module__legend-visually-hidden___oqYdt","help-text":"Fieldset-module__help-text___77jdl","fieldset-children":"Fieldset-module__fieldset-children___M6iyI"}},95502:function(e,t,n){"use strict";n.r(t),t.default={"clinical-lowlight-theme":"Input-module__clinical-lowlight-theme___Ptjr3","orion-fusion-theme":"Input-module__orion-fusion-theme___DPZkd","form-input":"Input-module__form-input___SK0Lr","form-error":"Input-module__form-error___vbgIA","form-incomplete":"Input-module__form-incomplete___zuCw9"}},78482:function(e,t,n){"use strict";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"}},35358:function(e,t,n){var r={"./af":25177,"./af.js":25177,"./ar":61509,"./ar-dz":41488,"./ar-dz.js":41488,"./ar-kw":58676,"./ar-kw.js":58676,"./ar-ly":42353,"./ar-ly.js":42353,"./ar-ma":24496,"./ar-ma.js":24496,"./ar-ps":6947,"./ar-ps.js":6947,"./ar-sa":82682,"./ar-sa.js":82682,"./ar-tn":89756,"./ar-tn.js":89756,"./ar.js":61509,"./az":95533,"./az.js":95533,"./be":28959,"./be.js":28959,"./bg":47777,"./bg.js":47777,"./bm":54903,"./bm.js":54903,"./bn":61290,"./bn-bd":17357,"./bn-bd.js":17357,"./bn.js":61290,"./bo":31545,"./bo.js":31545,"./br":11470,"./br.js":11470,"./bs":44429,"./bs.js":44429,"./ca":7306,"./ca.js":7306,"./cs":56464,"./cs.js":56464,"./cv":73635,"./cv.js":73635,"./cy":64226,"./cy.js":64226,"./da":93601,"./da.js":93601,"./de":77853,"./de-at":26111,"./de-at.js":26111,"./de-ch":54697,"./de-ch.js":54697,"./de.js":77853,"./dv":60708,"./dv.js":60708,"./el":54691,"./el.js":54691,"./en-au":53872,"./en-au.js":53872,"./en-ca":28298,"./en-ca.js":28298,"./en-gb":56195,"./en-gb.js":56195,"./en-ie":66584,"./en-ie.js":66584,"./en-il":65543,"./en-il.js":65543,"./en-in":9033,"./en-in.js":9033,"./en-nz":79402,"./en-nz.js":79402,"./en-sg":43004,"./en-sg.js":43004,"./eo":32934,"./eo.js":32934,"./es":97650,"./es-do":20838,"./es-do.js":20838,"./es-mx":17730,"./es-mx.js":17730,"./es-us":56575,"./es-us.js":56575,"./es.js":97650,"./et":3035,"./et.js":3035,"./eu":3508,"./eu.js":3508,"./fa":119,"./fa.js":119,"./fi":90527,"./fi.js":90527,"./fil":95995,"./fil.js":95995,"./fo":52477,"./fo.js":52477,"./fr":85498,"./fr-ca":26435,"./fr-ca.js":26435,"./fr-ch":37892,"./fr-ch.js":37892,"./fr.js":85498,"./fy":37071,"./fy.js":37071,"./ga":41734,"./ga.js":41734,"./gd":70217,"./gd.js":70217,"./gl":77329,"./gl.js":77329,"./gom-deva":32124,"./gom-deva.js":32124,"./gom-latn":93383,"./gom-latn.js":93383,"./gu":95050,"./gu.js":95050,"./he":11713,"./he.js":11713,"./hi":43861,"./hi.js":43861,"./hr":26308,"./hr.js":26308,"./hu":90609,"./hu.js":90609,"./hy-am":17160,"./hy-am.js":17160,"./id":74063,"./id.js":74063,"./is":89374,"./is.js":89374,"./it":88383,"./it-ch":21827,"./it-ch.js":21827,"./it.js":88383,"./ja":23827,"./ja.js":23827,"./jv":89722,"./jv.js":89722,"./ka":41794,"./ka.js":41794,"./kk":27088,"./kk.js":27088,"./km":96870,"./km.js":96870,"./kn":84451,"./kn.js":84451,"./ko":63164,"./ko.js":63164,"./ku":98174,"./ku-kmr":6181,"./ku-kmr.js":6181,"./ku.js":98174,"./ky":78474,"./ky.js":78474,"./lb":79680,"./lb.js":79680,"./lo":15867,"./lo.js":15867,"./lt":45766,"./lt.js":45766,"./lv":69532,"./lv.js":69532,"./me":58076,"./me.js":58076,"./mi":41848,"./mi.js":41848,"./mk":30306,"./mk.js":30306,"./ml":73739,"./ml.js":73739,"./mn":99053,"./mn.js":99053,"./mr":86169,"./mr.js":86169,"./ms":73386,"./ms-my":92297,"./ms-my.js":92297,"./ms.js":73386,"./mt":77075,"./mt.js":77075,"./my":72264,"./my.js":72264,"./nb":22274,"./nb.js":22274,"./ne":8235,"./ne.js":8235,"./nl":92572,"./nl-be":43784,"./nl-be.js":43784,"./nl.js":92572,"./nn":54566,"./nn.js":54566,"./oc-lnc":69330,"./oc-lnc.js":69330,"./pa-in":29849,"./pa-in.js":29849,"./pl":94418,"./pl.js":94418,"./pt":79834,"./pt-br":48303,"./pt-br.js":48303,"./pt.js":79834,"./ro":24457,"./ro.js":24457,"./ru":82271,"./ru.js":82271,"./sd":1221,"./sd.js":1221,"./se":33478,"./se.js":33478,"./si":17538,"./si.js":17538,"./sk":5784,"./sk.js":5784,"./sl":46637,"./sl.js":46637,"./sq":86794,"./sq.js":86794,"./sr":45719,"./sr-cyrl":3322,"./sr-cyrl.js":3322,"./sr.js":45719,"./ss":56e3,"./ss.js":56e3,"./sv":41011,"./sv.js":41011,"./sw":40748,"./sw.js":40748,"./ta":11025,"./ta.js":11025,"./te":11885,"./te.js":11885,"./tet":28861,"./tet.js":28861,"./tg":86571,"./tg.js":86571,"./th":55802,"./th.js":55802,"./tk":59527,"./tk.js":59527,"./tl-ph":29231,"./tl-ph.js":29231,"./tlh":31052,"./tlh.js":31052,"./tr":85096,"./tr.js":85096,"./tzl":79846,"./tzl.js":79846,"./tzm":81765,"./tzm-latn":97711,"./tzm-latn.js":97711,"./tzm.js":81765,"./ug-cn":48414,"./ug-cn.js":48414,"./uk":16618,"./uk.js":16618,"./ur":57777,"./ur.js":57777,"./uz":57609,"./uz-latn":72475,"./uz-latn.js":72475,"./uz.js":57609,"./vi":21135,"./vi.js":21135,"./x-pseudo":64051,"./x-pseudo.js":64051,"./yo":82218,"./yo.js":82218,"./zh-cn":52648,"./zh-cn.js":52648,"./zh-hk":1632,"./zh-hk.js":1632,"./zh-mo":31541,"./zh-mo.js":31541,"./zh-tw":50304,"./zh-tw.js":50304};function a(e){var t=i(e);return n(t)}function i(e){if(!n.o(r,e)){var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return r[e]}a.keys=function(){return Object.keys(r)},a.resolve=i,e.exports=a,a.id=35358},61161:function(e,t,n){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.PrecisionOptions=t.GranularityOptions=t.AgeUnits=void 0;var a=g(n(96540)),i=g(n(5556)),o=g(n(95093)),l=g(n(67967)),s=g(n(37379)),d=g(n(32527)),u=g(n(38472)),c=g(n(11400)),p=g(n(80265)),f=n(8604),m=g(n(52103)),y=g(n(30466)),h=g(n(74475)),b=["ageUnit","birthdate","granularity","precision","precisionSet","onsetDate","onsetOnChange","legend","intl","isLegendHidden","required"];function g(e){return e&&e.__esModule?e:{default:e}}function v(){return v=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 i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function x(e,t){for(var n=0;n=(0,o.default)(n.props.birthdate)&&a<=(0,o.default)();return{age:t,onsetDate:i?a:void 0}}),this.handleOnsetUpdate)):this.setState((function(){return{age:void 0,onsetDate:void 0}}),this.handleOnsetUpdate)}},{key:"changeAgeUnit",value:function(e){var t=Number.isInteger(this.state.age),n=(0,o.default)(this.props.birthdate),r=(0,o.default)(n).add(this.state.age,e);t&&e?r.daysInMonth()=(0,o.default)(this.props.birthdate)&&r<=(0,o.default)();this.setState((function(){return{ageUnit:e,onsetDate:a?r:void 0}}),this.handleOnsetUpdate)}},{key:"changeYear",value:function(e){this.state.granularity===N.MONTH?this.setState((function(t){return{year:e,onsetDate:t.month?(0,o.default)().month(t.month).year(e).startOf("month"):void 0}}),this.handleOnsetUpdate):this.setState((function(){return{onsetDate:(0,o.default)().year(e).startOf("year")}}),this.handleOnsetUpdate)}},{key:"changeMonth",value:function(e){this.setState((function(t){return{month:e,onsetDate:t.year?(0,o.default)().month(e).year(t.year).startOf("month"):void 0}}),this.handleOnsetUpdate)}},{key:"changeDate",value:function(e,t,n){n.isCompleteValue?this.setState({onsetDate:(0,o.default)(n.iSO),onsetDateMetadata:n},this.handleOnsetUpdate):this.setState({onsetDate:void 0,onsetDateMetadata:n},this.handleOnsetUpdate)}},{key:"render",value:function(){var e,t,n,r,i,l=this.props,f=(l.ageUnit,l.birthdate),m=(l.granularity,l.precision,l.precisionSet,l.onsetDate,l.onsetOnChange,l.legend),h=l.intl,g=l.isLegendHidden,x=l.required,j=O(l,b),_=null,T=[];if(this.state.precision!==C.UNKNOWN){var k=(0,o.default)(f).startOf("day"),P=(0,o.default)().startOf("day");0!==P.diff(k,"weeks")&&T.push(a.default.createElement(p.default.Option,{value:N.AGE,display:h.formatMessage({id:"Terra.onsetPicker.age"}),key:N.AGE})),(0===P.diff(k,"years")&&P.year()!==k.year()||0!==P.diff(k,"years"))&&T.push(a.default.createElement(p.default.Option,{value:N.YEAR,display:h.formatMessage({id:"Terra.onsetPicker.year"}),key:N.YEAR})),(0===P.diff(k,"months")&&P.month()!==k.month()||0!==P.diff(k,"months"))&&T.push(a.default.createElement(p.default.Option,{value:N.MONTH,display:h.formatMessage({id:"Terra.onsetPicker.month"}),key:N.MONTH})),_=a.default.createElement(p.default,{className:w("field-inline","granularity"),value:this.state.granularity,label:h.formatMessage({id:"Terra.onsetPicker.granularity"}),labelAttrs:{id:"".concat(this.props.id,"-granularity-select-label")},onChange:this.changeGranularity,placeholder:h.formatMessage({id:"Terra.onsetPicker.granularity"}),selectId:"".concat(this.props.id,"-granularity-select")},T,a.default.createElement(p.default.Option,{value:N.DATE,display:h.formatMessage({id:"Terra.onsetPicker.date"}),key:N.DATE}))}this.state.granularity===N.AGE&&(e=a.default.createElement(c.default,{required:x,className:w("field-inline","age"),defaultValue:this.state.age,inputAttrs:{type:"number",min:0,max:y.default.allowedAge(this.props.birthdate,this.state.ageUnit),step:1},inputId:"".concat(this.props.id,"-age-input"),label:h.formatMessage({id:"Terra.onsetPicker.age"}),labelAttrs:{id:"".concat(this.props.id,"-age-input-label")},onChange:this.changeAge}),t=a.default.createElement(p.default,{required:x,className:w("field-inline","age-unit"),defaultValue:this.state.ageUnit,label:h.formatMessage({id:"Terra.onsetPicker.agePrecision"}),labelAttrs:{id:"".concat(this.props.id,"-age-unit-select-label")},onChange:this.changeAgeUnit,placeholder:h.formatMessage({id:"Terra.onsetPicker.agePrecision"}),selectId:"".concat(this.props.id,"-age-unit-select")},y.default.allowedAgeUnits(this.props.birthdate,h).map((function(e){return a.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})})))),this.state.granularity===N.MONTH&&(n=a.default.createElement(a.default.Fragment,null,a.default.createElement(p.default,{required:x,className:w("field-inline","month"),value:this.state.onsetDate?this.state.onsetDate.month().toString():void 0,label:h.formatMessage({id:"Terra.onsetPicker.month"}),labelAttrs:{id:"".concat(this.props.id,"-month-select-label")},onChange:this.changeMonth,placeholder:h.formatMessage({id:"Terra.onsetPicker.month"}),selectId:"".concat(this.props.id,"-month-select")},y.default.allowedMonths(h,this.props.birthdate,this.state.year).map((function(e){return a.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})}))),this.getYearInput(h,this.props.id))),this.state.granularity===N.YEAR&&(r=this.getYearInput(h,this.props.id)),this.state.granularity===N.DATE&&(i=a.default.createElement(d.default,{className:w("field-inline","date"),label:h.formatMessage({id:"Terra.onsetPicker.date"}),labelAttrs:{"aria-hidden":"true",id:"".concat(this.props.id,"-date-input-label")}},a.default.createElement(s.default,{required:x,onChangeRaw:this.changeDate,minDate:this.props.birthdate,maxDate:(0,o.default)().format(D),selectedDate:this.state.onsetDate?this.state.onsetDate.format(D):void 0,name:"".concat(this.props.id,"-date-input")})));var E=this.context;return a.default.createElement("div",v({id:this.props.id},j),a.default.createElement(u.default,{className:w("fieldset",E.className),legend:m,isLegendHidden:g},a.default.createElement(p.default,{className:w("field-inline","precision"),defaultValue:this.state.precision,label:h.formatMessage({id:"Terra.onsetPicker.precision"}),labelAttrs:{id:"".concat(this.props.id,"-precision-select-label")},onChange:this.changePrecision,placeholder:h.formatMessage({id:"Terra.onsetPicker.precision"}),selectId:"".concat(this.props.id,"-precision-select")},y.default.allowedPrecisions(h,this.props.precisionSet).map((function(e){return a.default.createElement(p.default.Option,{value:e.value,display:e.display,key:e.value})}))),_,this.state.precision!==C.UNKNOWN&&a.default.createElement("div",{id:"dynamic_content"},e,t,n,r,i)))}}])&&x(n.prototype,r),i&&x(n,i),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r,i}(a.default.Component);M.propTypes=E,M.defaultProps={precisionSet:["on/at","about","before","after","unknown"],isLegendHidden:!1,required:!1},M.contextType=m.default;t.default=(0,f.injectIntl)(M)},30466:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(95093))&&r.__esModule?r:{default:r};function i(e){return i="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},i(e)}function o(e,t){for(var n=0;nr.month()}))),i.year().toString()!==n&&r.year()!==i.year()||(o=o.filter((function(e){return e.value<=i.month()}))),o}},{key:"allowedYears",value:function(e,t,n){var r=(0,a.default)(n).year();("month"===e&&t<=(0,a.default)(n).month()||"year"===e)&&(r+=1);var i=(0,a.default)().year();return"month"===e&&t>(0,a.default)().month()&&(i-=1),t>(0,a.default)().month()&&r===i&&"month"!==e&&(r="",i=""),Array(i-r+1).fill(void 0).map((function(e,t){var n=r+t;return{value:""!==r?n.toString():"",display:""!==r?n.toString():""}}))}},{key:"allowedAge",value:function(e,t){var n=(0,a.default)(e).startOf("day"),r=(0,a.default)().startOf("day");switch(t){case"years":return r.diff(n,"years");case"months":var i=r.diff(n,"months");return i>24?24:i;default:var o=r.diff(n,"weeks");return o>8?8:o}}},{key:"allowedAgeUnits",value:function(e,t){var n=(0,a.default)(e).startOf("day"),r=(0,a.default)().startOf("day");if(0===r.diff(n,"weeks"))return[];var i=[{value:"weeks",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionWeek"})}];return r.diff(n,"months")>0&&i.push({value:"months",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionMonth"})}),r.diff(n,"years")>0&&i.push({value:"years",display:t.formatMessage({id:"Terra.onsetPicker.agePrecisionYear"})}),i}},{key:"onsetToAge",value:function(e,t){if(void 0===t)return{age:void 0,ageUnit:void 0};var n=(0,a.default)(e).startOf("day"),r=t.startOf("day"),i=r.diff(n,"years"),o=r.diff(n,"months"),l=r.diff(n,"weeks"),s=r.diff(n,"days"),u=r.format(d),c="",p="";return n.format(d)===(0,a.default)().year(n.year()).month(n.month()).endOf("month").format(d)&&r.subtract(1,"days").daysInMonth()24&&o%12==0&&c===u?{age:i,ageUnit:"years"}:o<=24&&p===u?{age:o,ageUnit:"months"}:l<=8&&s%7==0?{age:l,ageUnit:"weeks"}:{age:void 0,ageUnit:void 0}}},{key:"allowedPrecisions",value:function(e,t){for(var n=[],r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=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(s.default),m={children:a.default.node,help:a.default.node,legend:a.default.string,legendAttrs:a.default.object,required:a.default.bool,isLegendHidden:a.default.bool},y=function(e){var t=e.children,n=e.help,a=e.legend,o=e.legendAttrs,s=e.isLegendHidden,u=e.required,m=p(e,d),y=r.default.useContext(l.default),h=(0,i.default)(f(["fieldset",{"fieldset-required":u},y.className]),m.className),b=f(["legend",o.className,{"legend-visually-hidden":s}]);return r.default.createElement("fieldset",c({},m,{className:h}),a&&r.default.createElement("legend",c({},o,{className:b}),a),n&&r.default.createElement("small",{className:f("help-text"),tabIndex:"-1"},n),r.default.createElement("div",{className:f("fieldset-children")},t))};y.propTypes=m,y.defaultProps={legendAttrs:{},required:!1,isLegendHidden:!1};var h=y;t.default=h},37306:function(e,t,n){"use strict";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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=c(n(96540)),i=c(n(5556)),o=c(n(46942)),l=c(n(67967)),s=c(n(52103)),d=c(n(95502)),u=["defaultValue","disabled","isIncomplete","isInvalid","onBlur","onChange","onFocus","onInput","name","pattern","refCallback","required","type","ariaLabel","value"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign||function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function h(e,t){for(var n=0;n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p={inputId:a.default.string.isRequired,label:a.default.string.isRequired,defaultValue:a.default.oneOfType([a.default.string,a.default.number]),disabled:a.default.bool,error:a.default.node,errorIcon:a.default.element,help:a.default.node,hideRequired:a.default.bool,inputAttrs:a.default.object,isIncomplete:a.default.bool,isInline:a.default.bool,isInvalid:a.default.bool,isLabelHidden:a.default.bool,labelAttrs:a.default.object,maxWidth:a.default.string,onChange:a.default.func,onInput:a.default.func,refCallback:a.default.func,required:a.default.bool,showOptional:a.default.bool,type:a.default.string,value:a.default.oneOfType([a.default.string,a.default.number])},f={defaultValue:void 0,disabled:!1,error:null,errorIcon:r.default.createElement(o.default,null),help:null,hideRequired:!1,inputAttrs:{},isIncomplete:!1,isInline:!1,isInvalid:!1,isLabelHidden:!1,labelAttrs:{},onChange:void 0,onInput:void 0,maxWidth:void 0,refCallback:void 0,required:!1,showOptional:!1,type:void 0,value:void 0},m=function(e){var t,n=e.defaultValue,a=e.disabled,o=e.error,d=e.errorIcon,p=e.help,f=e.hideRequired,m=e.inputAttrs,y=e.inputId,h=e.isIncomplete,b=e.isInline,g=e.isInvalid,v=e.isLabelHidden,O=e.label,x=e.labelAttrs,j=e.maxWidth,_=e.onChange,T=e.onInput,k=e.refCallback,P=e.required,w=e.showOptional,N=e.type,C=e.value,D=c(e,s);p&&o&&g?t="".concat(y,"-error ").concat(y,"-help"):(p&&(t="".concat(y,"-help")),o&&g&&(t="".concat(y,"-error")));var E=N||m.type;return D.placeholder&&(D.placeholder=null),r.default.createElement(i.default,u({label:O,labelAttrs:x,error:o,errorIcon:d,help:p,hideRequired:f,required:P,showOptional:w,isInvalid:g,isInline:b,isLabelHidden:v,htmlFor:y,maxWidth:j},D),r.default.createElement(l.default,u({},m,{disabled:m.disabled||a,id:y,isIncomplete:h,type:E,onChange:_,onInput:T,value:C,defaultValue:n,refCallback:k,"aria-describedby":t})))};m.propTypes=p,m.defaultProps=f;var y=m;t.default=y},85444:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),i=u(n(46942)),o=u(n(67967)),l=u(n(52103)),s=u(n(78482)),d=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=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(s.default),m={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,d),s=r.default.useContext(l.default),u=(0,i.default)(f("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},s.className),o.className);return r.default.createElement("table",c({},o,{className:u}),t)};y.propTypes=m,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},61452:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={children:a.default.node},d=function(e){var t=e.children,n=l(e,i);return r.default.createElement("tbody",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={children:a.default.node},d=function(e){var t=e.children,n=l(e,i);return r.default.createElement("td",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),i=l(n(10767)),o=["children"];function l(e){return e&&e.__esModule?e:{default:e}}function s(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=s(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,i.default.addScope(t,"col")))};u.propTypes=d,u.defaultProps={children:[]};t.default=u},22417:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function l(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={children:a.default.node},d=function(e){var t=e.children,n=l(e,i);return r.default.createElement("th",n,t)};d.propTypes=s,d.defaultProps={children:[]};t.default=d},36142:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),i=d(n(67967)),o=d(n(78482)),l=d(n(10767)),s=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var p=i.default.bind(o.default),f={children:a.default.node},m=function(e){var t=e.children,n=c(e,s),a=p(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),l.default.addScope(t,"row"))};m.propTypes=f,m.defaultProps={children:[]};t.default=m},10767:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,a=(r=n(96540))&&r.__esModule?r:{default:r};var i={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=i},26984:function(e,t,n){"use strict";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 l.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return s.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return i.default}}),t.default=void 0;var r=d(n(85444)),a=d(n(61452)),i=d(n(36142)),o=d(n(86472)),l=d(n(97441)),s=d(n(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default}}]); \ No newline at end of file diff --git a/61673-5260f7ad3e306078ab49.css b/61673-5260f7ad3e306078ab49.css new file mode 100644 index 000000000..76533ca42 --- /dev/null +++ b/61673-5260f7ad3e306078ab49.css @@ -0,0 +1,6 @@ +.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} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.DateInput-module__orion-fusion-theme___woiCc{--terra-date-input-month-background-color: #fff;--terra-date-input-month-background-image: none;--terra-date-input-month-background-position: 0 0;--terra-date-input-month-background-repeat: no-repeat;--terra-date-input-month-background-size: auto;--terra-date-input-month-border-radius: 3px;--terra-date-input-month-after-arrow-icon-height: 0.715rem;--terra-date-input-month-after-arrow-icon-width: 1rem;--terra-date-input-month-transition-duration: 0s;--terra-date-input-month-transition-timing-function: ease;--terra-date-input-month-select-border: 1px solid #dedfe0;--terra-date-input-month-select-color: inherit;--terra-date-input-month-select-font-size: 1rem;--terra-date-input-month-select-height: 2.1666rem;--terra-date-input-month-select-max-width: 24rem;--terra-date-input-month-select-padding-bottom: 0;--terra-date-input-month-select-padding-left: 0.3571rem;--terra-date-input-month-select-padding-right: 1.42857rem;--terra-date-input-month-select-padding-top: 0;--terra-date-input-day-focus-outline: 1px solid #4cb2e9;--terra-date-input-year-focus-outline: 1px solid #4cb2e9;--terra-date-input-month-select-placeholder-color: #767676;--terra-date-input-month-select-placeholder-font-style: normal;--terra-date-input-month-hover-background-color: #fff;--terra-date-input-month-select-hover-border: 1px solid #dedfe0;--terra-date-input-month-select-hover-color: inherit;--terra-date-input-month-focus-background-color: #fff;--terra-date-input-month-focus-background-size: auto;--terra-date-input-month-select-focus-color: inherit;--terra-date-input-month-select-focus-outline: 1px solid #4cb2e9;--terra-date-input-month-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-date-input-month-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-date-input-month-disabled-background-color: #f4f4f4;--terra-date-input-month-disabled-opacity: 1;--terra-date-input-month-select-disabled-border: 1px solid #b2b5b6;--terra-date-input-month-select-disabled-color: #9b9fa1;--terra-date-input-month-select-disabled-placeholder-color: #c4c6c7;--terra-date-input-month-select-disabled-hover-color: #9b9fa1;--terra-date-input-month-error-background-color: #fff;--terra-date-input-month-error-background-image: none;--terra-date-input-month-select-error-border: 1px solid #dedfe0;--terra-date-input-month-select-error-box-shadow: none;--terra-date-input-month-error-hover-background-color: #fff;--terra-date-input-month-select-error-hover-border: 1px solid #dedfe0;--terra-date-input-month-error-focus-background-color: #fff;--terra-date-input-month-error-focus-background-size: auto;--terra-date-input-month-select-error-focus-outline: 1px solid #dedfe0;--terra-date-input-month-error-disabled-background-color: #f4f4f4;--terra-date-input-month-error-disabled-opacity: 1;--terra-date-input-month-select-error-disabled-border: 1px solid #b2b5b6;--terra-date-input-month-select-error-disabled-color: #9b9fa1;--terra-date-input-month-select-error-disabled-placeholder-color: #c4c6c7;--terra-date-input-month-incomplete-background-color: #fefd9a;--terra-date-input-month-incomplete-hover-background-color: #fefd9a;--terra-date-input-month-incomplete-focus-background-color: #fefd9a;--terra-date-input-month-incomplete-disabled-background-color: #f4f4f4;--terra-date-input-date-input-day-max-width: 2.5rem;--terra-date-input-date-input-year-max-width: 3.8rem;--terra-date-input-gutters-margin-right: 0.25em;--terra-date-input-format-text-color: rgba(28, 31, 33, 0.65);--terra-date-input-format-text-font-size: 0.855rem;--terra-date-input-format-text-font-weight: normal;--terra-date-input-format-text-margin-top: 0.25em;--terra-date-input-month-after-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}.DateInput-module__clinical-lowlight-theme___KKYu1{--terra-date-input-month-background-color: #222a2e;--terra-date-input-month-background-image: none;--terra-date-input-month-select-border: 1px solid #181b1d;--terra-date-input-month-select-color: #b2b5b6;--terra-date-input-month-background-position: 0% 0%;--terra-date-input-month-background-repeat: repeat;--terra-date-input-month-background-size: auto;--terra-date-input-month-border-radius: 3px;--terra-date-input-month-transition-duration: 0s;--terra-date-input-month-transition-timing-function: ease;--terra-date-input-month-after-arrow-icon-height: 0.715rem;--terra-date-input-month-after-arrow-icon-width: 1rem;--terra-date-input-month-select-font-size: 1.1429rem;--terra-date-input-month-select-height: 2.1429rem;--terra-date-input-month-select-padding-bottom: 0;--terra-date-input-month-select-padding-left: 0.3571rem;--terra-date-input-month-select-padding-right: 1.42857rem;--terra-date-input-month-select-padding-top: 0;--terra-date-input-month-select-max-width: 24rem;--terra-date-input-date-input-day-max-width: 2.5rem;--terra-date-input-date-input-year-max-width: 3.8rem;--terra-date-input-gutters-margin-right: 0.3571rem;--terra-date-input-day-focus-outline: 2px dashed #fff;--terra-date-input-year-focus-outline: 2px dashed #fff;--terra-date-input-month-select-placeholder-color: #6f7477;--terra-date-input-month-select-placeholder-font-style: italic;--terra-date-input-month-focus-background-color: #222a2e;--terra-date-input-month-focus-ltr-box-shadow: none;--terra-date-input-month-focus-rtl-box-shadow: none;--terra-date-input-month-select-focus-outline: 2px dashed #fff;--terra-date-input-month-select-focus-color: #b2b5b6;--terra-date-input-month-focus-background-size: auto;--terra-date-input-month-hover-background-color: #222a2e;--terra-date-input-month-select-hover-border: 1px solid #181b1d;--terra-date-input-month-select-hover-color: #b2b5b6;--terra-date-input-month-disabled-background-color: #1d2529;--terra-date-input-month-disabled-opacity: 0.25;--terra-date-input-month-select-disabled-border: 1px solid #242b2b;--terra-date-input-month-select-disabled-color: #404344;--terra-date-input-month-select-disabled-hover-color: #404344;--terra-date-input-month-select-disabled-placeholder-color: #6f7477;--terra-date-input-month-select-error-disabled-placeholder-color: #6f7477;--terra-date-input-month-incomplete-background-color: #464232;--terra-date-input-month-incomplete-hover-background-color: #464232;--terra-date-input-month-incomplete-focus-background-color: #464232;--terra-date-input-month-incomplete-disabled-background-color: #464232;--terra-date-input-month-error-background-color: #222a2e;--terra-date-input-month-error-background-image: none;--terra-date-input-month-select-error-border: 1px solid #fb4c4c;--terra-date-input-month-select-error-box-shadow: none;--terra-date-input-month-error-hover-background-color: #222a2e;--terra-date-input-month-select-error-hover-border: 1px solid #fb4c4c;--terra-date-input-month-error-focus-background-color: #222a2e;--terra-date-input-month-select-error-focus-outline: 2px dashed #fff;--terra-date-input-month-error-focus-background-size: auto;--terra-date-input-month-error-disabled-background-color: #1d2529;--terra-date-input-month-error-disabled-opacity: 0.25;--terra-date-input-month-select-error-disabled-border: 1px solid #fb4c4c;--terra-date-input-month-select-error-disabled-color: #404344;--terra-date-input-format-text-color: #6f7477;--terra-date-input-format-text-font-size: 0.857rem;--terra-date-input-format-text-font-weight: normal;--terra-date-input-format-text-margin-top: 0.357em;--terra-date-input-month-after-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");--terra-date-input-month-after-error-disabled-arrow-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E")}.DateInput-module__date-input___dkAdk{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.DateInput-module__month-select-wrapper___IuJwz{display:inline-block;position:relative}[dir] .DateInput-module__month-select-wrapper___IuJwz{background-color:#fff;background-color:var(--terra-date-input-month-background-color, #fff);background-image:var(--terra-date-input-month-background-image);background-position:var(--terra-date-input-month-background-position);background-repeat:var(--terra-date-input-month-background-repeat);background-size:var(--terra-date-input-month-background-size);border-radius:3px;border-radius:var(--terra-date-input-month-border-radius, 3px);transition-duration:var(--terra-date-input-month-transition-duration);transition-property:background-size;transition-timing-function:var(--terra-date-input-month-transition-timing-function)}.DateInput-module__month-select-wrapper___IuJwz::after{content:"";display:inline-block;height:0.715rem;height:var(--terra-date-input-month-after-arrow-icon-height, 0.715rem);pointer-events:none;position:absolute;top:50%;width:1rem;width:var(--terra-date-input-month-after-arrow-icon-width, 1rem)}[dir] .DateInput-module__month-select-wrapper___IuJwz::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"));background-position:center;background-repeat:no-repeat;background-size:contain;margin-top:-0.3rem}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz::after{right:.7em}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz::after{left:.7em}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz:hover{background-color:#fff;background-color:var(--terra-date-input-month-hover-background-color, #fff)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{background-color:#fff;background-color:var(--terra-date-input-month-focus-background-color, #fff);background-size:var(--terra-date-input-month-focus-background-size)}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{box-shadow:var(--terra-date-input-month-focus-ltr-box-shadow)}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__focused___bdWxD{box-shadow:var(--terra-date-input-month-focus-rtl-box-shadow)}.DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO{opacity:0.25;opacity:var(--terra-date-input-month-disabled-opacity, 0.25)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-date-input-month-disabled-background-color, rgba(111, 116, 119, 0.2))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__disabled___5v8RO::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-disabled-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB{background-color:#fff;background-color:var(--terra-date-input-month-error-background-color, #fff);background-image:var(--terra-date-input-month-error-background-image)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-error-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB:hover{background-color:#fff;background-color:var(--terra-date-input-month-error-hover-background-color, #fff)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__focused___bdWxD{background-color:#fff;background-color:var(--terra-date-input-month-error-focus-background-color, #fff);background-size:var(--terra-date-input-month-error-focus-background-size)}.DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{opacity:0.25;opacity:var(--terra-date-input-month-error-disabled-opacity, 0.25)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-date-input-month-error-disabled-background-color, rgba(111, 116, 119, 0.2))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO::after{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-date-input-month-after-error-disabled-arrow-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23bfbfbf%22%20d%3D%22M48%2012L24%2036%200%2012h48z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-background-color, #ffc)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO:hover{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-hover-background-color, #ffc)}}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO.DateInput-module__focused___bdWxD{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-focus-background-color, #ffc)}[dir] .DateInput-module__month-select-wrapper___IuJwz.DateInput-module__incomplete___q1dlO.DateInput-module__disabled___5v8RO{background-color:#ffc;background-color:var(--terra-date-input-month-incomplete-disabled-background-color, #ffc)}.DateInput-module__month-select___UGcUW{-webkit-appearance:none;appearance:none;color:var(--terra-date-input-month-select-color);font-size:1.143rem;font-size:var(--terra-date-input-month-select-font-size, 1.143rem);height:2.143rem;height:var(--terra-date-input-month-select-height, 2.143rem);outline:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}[dir] .DateInput-module__month-select___UGcUW{background-color:rgba(0,0,0,0);border:1px solid #dedfe0;border:var(--terra-date-input-month-select-border, 1px solid #dedfe0);border-radius:3px;cursor:pointer;padding-bottom:0;padding-bottom:var(--terra-date-input-month-select-padding-bottom, 0);padding-top:0;padding-top:var(--terra-date-input-month-select-padding-top, 0)}[dir=ltr] .DateInput-module__month-select___UGcUW{margin:0 .92857rem 0 0;padding-left:0.3571rem;padding-left:var(--terra-date-input-month-select-padding-left, 0.3571rem);padding-right:1.42857rem;padding-right:var(--terra-date-input-month-select-padding-right, 1.42857rem)}[dir=rtl] .DateInput-module__month-select___UGcUW{margin:0 0 0 .92857rem;padding-right:0.3571rem;padding-right:var(--terra-date-input-month-select-padding-left, 0.3571rem);padding-left:1.42857rem;padding-left:var(--terra-date-input-month-select-padding-right, 1.42857rem)}.DateInput-module__month-select___UGcUW::-ms-expand{display:none}.DateInput-module__month-select___UGcUW::-ms-value{color:inherit;color:var(--terra-date-input-month-select-color, inherit)}[dir] .DateInput-module__month-select___UGcUW::-ms-value{background-color:rgba(0,0,0,0)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DateInput-module__month-select___UGcUW:hover{color:var(--terra-date-input-month-select-hover-color)}[dir] .DateInput-module__month-select___UGcUW:hover{border:1px solid #dedfe0;border:var(--terra-date-input-month-select-hover-border, 1px solid #dedfe0)}}.DateInput-module__month-select___UGcUW:focus,.DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{color:var(--terra-date-input-month-select-focus-color);outline:2px dashed #000;outline:var(--terra-date-input-month-select-focus-outline, 2px dashed #000);outline-offset:1px}[dir] .DateInput-module__month-select___UGcUW:focus, [dir] .DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{border:0}.DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-placeholder-color, rgba(21, 33, 41, 0.62));font-style:italic;font-style:var(--terra-date-input-month-select-placeholder-font-style, italic)}.DateInput-module__month-select___UGcUW option:not([value=""]){color:#1c1f21;font-style:normal}[dir] .DateInput-module__month-select___UGcUW option:not([value=""]){text-shadow:0 0 0 #1c1f21}.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO{color:#1c1f21;color:var(--terra-date-input-month-select-disabled-color, #1c1f21)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO{border:1px solid #868a8c;border:var(--terra-date-input-month-select-disabled-border, 1px solid #868a8c)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO:hover{color:#1c1f21;color:var(--terra-date-input-month-select-disabled-hover-color, #1c1f21)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO:hover{cursor:default}}.DateInput-module__month-select___UGcUW.DateInput-module__disabled___5v8RO.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-disabled-placeholder-color, rgba(21, 33, 41, 0.62))}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-date-input-month-select-error-box-shadow, 0 0 0 1px #e50000)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB:hover{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-hover-border, 1px solid #e50000)}}.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB:focus,.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__focused___bdWxD{outline:2px dashed #000;outline:var(--terra-date-input-month-select-error-focus-outline, 2px dashed #000);outline-offset:1px}.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{color:rgba(0, 0, 0, 0.25);color:var(--terra-date-input-month-select-error-disabled-color, rgba(0, 0, 0, 0.25))}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO{border:1px solid #e50000;border:var(--terra-date-input-month-select-error-disabled-border, 1px solid #e50000)}.DateInput-module__month-select___UGcUW.DateInput-module__error___lwPEB.DateInput-module__disabled___5v8RO.DateInput-module__is-placeholder___u6DJW{color:rgba(21, 33, 41, 0.62);color:var(--terra-date-input-month-select-error-disabled-placeholder-color, rgba(21, 33, 41, 0.62))}@supports(-moz-appearance: meterbar){.DateInput-module__month-select___UGcUW:hover{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW:hover{text-shadow:0 0 0 #1c1f21;text-shadow:0 0 0 var(--terra-date-input-month-select-hover-color, #1c1f21)}.DateInput-module__month-select___UGcUW:focus,.DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW:focus, [dir] .DateInput-module__month-select___UGcUW.DateInput-module__focused___bdWxD{text-shadow:0 0 0 #1c1f21;text-shadow:0 0 0 var(--terra-date-input-month-select-focus-color, #1c1f21)}.DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{color:rgba(0,0,0,0)}[dir] .DateInput-module__month-select___UGcUW.DateInput-module__is-placeholder___u6DJW{text-shadow:0 0 0 rgba(21, 33, 41, 0.62);text-shadow:0 0 0 var(--terra-date-input-month-select-placeholder-color, rgba(21, 33, 41, 0.62))}}.DateInput-module__month-select___UGcUW{max-width:24rem;max-width:var(--terra-date-input-month-select-max-width, 24rem)}.DateInput-module__date-input-day___iJqev{-moz-appearance:textfield;max-width:2.5rem;max-width:var(--terra-date-input-date-input-day-max-width, 2.5rem);z-index:1}.DateInput-module__date-input-day___iJqev::-webkit-inner-spin-button,.DateInput-module__date-input-day___iJqev::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[dir] .DateInput-module__date-input-day___iJqev::-webkit-inner-spin-button, [dir] .DateInput-module__date-input-day___iJqev::-webkit-outer-spin-button{margin:0}.DateInput-module__date-input-day___iJqev.DateInput-module__is-focused___Bi18Y{outline:2px dashed #000;outline:var(--terra-date-input-day-focus-outline, 2px dashed #000);outline-offset:1px}[dir] .DateInput-module__date-input-day___iJqev.DateInput-module__is-focused___Bi18Y{border:0}.DateInput-module__date-input-year___\+9WNy{-moz-appearance:textfield;max-width:3.8rem;max-width:var(--terra-date-input-date-input-year-max-width, 3.8rem);z-index:1}.DateInput-module__date-input-year___\+9WNy::-webkit-inner-spin-button,.DateInput-module__date-input-year___\+9WNy::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}[dir] .DateInput-module__date-input-year___\+9WNy::-webkit-inner-spin-button, [dir] .DateInput-module__date-input-year___\+9WNy::-webkit-outer-spin-button{margin:0}.DateInput-module__date-input-year___\+9WNy.DateInput-module__is-focused___Bi18Y{outline:2px dashed #000;outline:var(--terra-date-input-year-focus-outline, 2px dashed #000);outline-offset:1px}[dir] .DateInput-module__date-input-year___\+9WNy.DateInput-module__is-focused___Bi18Y{border:0}[dir=ltr] .DateInput-module__month-select-wrapper___IuJwz, [dir=ltr] .DateInput-module__date-input-day___iJqev{margin-right:0.3571rem;margin-right:var(--terra-date-input-gutters-margin-right, 0.3571rem)}[dir=rtl] .DateInput-module__month-select-wrapper___IuJwz, [dir=rtl] .DateInput-module__date-input-day___iJqev{margin-left:0.3571rem;margin-left:var(--terra-date-input-gutters-margin-right, 0.3571rem)}.DateInput-module__format-text___VaG7H{color:rgba(0, 0, 0, 0.55);color:var(--terra-date-input-format-text-color, rgba(0, 0, 0, 0.55));-ms-flex:1 1 100%;flex:1 1 100%;font-size:0.857rem;font-size:var(--terra-date-input-format-text-font-size, 0.857rem);font-weight:normal;font-weight:var(--terra-date-input-format-text-font-weight, normal);line-height:1.25}[dir] .DateInput-module__format-text___VaG7H{margin-top:0.357em;margin-top:var(--terra-date-input-format-text-margin-top, 0.357em)}[dir=ltr] .DateInput-module__format-text___VaG7H{text-align:left}[dir=rtl] .DateInput-module__format-text___VaG7H{text-align:right} +.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)} diff --git a/61673-5260f7ad3e306078ab49.js b/61673-5260f7ad3e306078ab49.js new file mode 100644 index 000000000..90dd0046d --- /dev/null +++ b/61673-5260f7ad3e306078ab49.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[61673,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,57626],{12883:function(e,t,a){"use strict";var n=a(24994),r=a(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=c(a(96540)),u=n(a(5556)),i=n(a(67967)),o=a(92912),d=c(a(26984)),s=n(a(89744));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(f=function(e){return e?a:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=f(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,a&&a.set(e,n),n}var p=i.default.bind(s.default),h={children:u.default.node},y={isRequired:u.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("bold")},t)}).propTypes=h,(t.$d=function(e){var t=e.children;return l.default.createElement(d.Cell,{className:p("code-block-override")},t)}).propTypes=h,(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=h,(t.Hd=function(e){var t=e.children;return l.default.createElement(d.Cell,null,t)}).propTypes=h;var m=function(e){var t=e.children,a=(0,l.useContext)(o.ThemeContext);return l.default.createElement(d.default,{paddingStyle:"compact",className:p("table",a.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))};m.propTypes=h;t.Ay=m},92410:function(e,t,a){"use strict";a.d(t,{E:function(){return l}});var n=a(96540),r=a(55713),l=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-input",name:"terra-date-input",version:"1.55.0",url:t})}},89744:function(e,t,a){"use strict";a.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"}},59193:function(e,t,a){"use strict";a.r(t),t.default={"orion-fusion-theme":"DateInput-module__orion-fusion-theme___woiCc","clinical-lowlight-theme":"DateInput-module__clinical-lowlight-theme___KKYu1","date-input":"DateInput-module__date-input___dkAdk","month-select-wrapper":"DateInput-module__month-select-wrapper___IuJwz",focused:"DateInput-module__focused___bdWxD",disabled:"DateInput-module__disabled___5v8RO",error:"DateInput-module__error___lwPEB",incomplete:"DateInput-module__incomplete___q1dlO","month-select":"DateInput-module__month-select___UGcUW","is-placeholder":"DateInput-module__is-placeholder___u6DJW","date-input-day":"DateInput-module__date-input-day___iJqev","is-focused":"DateInput-module__is-focused___Bi18Y","date-input-year":"DateInput-module__date-input-year___+9WNy","format-text":"DateInput-module__format-text___VaG7H"}},78482:function(e,t,a){"use strict";a.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"}},27261:function(e,t,a){"use strict";var n=a(24994),r=a(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(69620)),u=n(a(94634)),i=n(a(91847)),o=n(a(17383)),d=n(a(34579)),s=n(a(28452)),f=n(a(63072)),c=n(a(12475)),p=n(a(29511)),h=n(a(43693)),y=n(a(96540)),m=n(a(5556)),v=n(a(46942)),b=n(a(67967)),g=n(a(52103)),_=a(68414),M=a(8604),D=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=j(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,a&&a.set(e,n),n}(a(25966)),O=n(a(84743)),k=n(a(3542)),T=n(a(50807)),C=n(a(16524)),E=n(a(29121)),P=n(a(59193)),I=["intl","a11yLabel"],Y=["intl","a11yLabel"],w=["a11yLabel","disabled","displayFormat","dayAttributes","monthAttributes","yearAttributes","intl","isA11yControlled","isInvalid","isIncomplete","onBlur","onChange","onFocus","refCallback","required","name","useExternalFormatMask","value"];function j(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(j=function(e){return e?a:t})(e)}function F(e,t,a){return t=(0,f.default)(t),(0,s.default)(e,S()?Reflect.construct(t,a||[],(0,f.default)(e).constructor):t.apply(e,a))}function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(S=function(){return!!e})()}var N=b.default.bind(P.default),K={a11yLabel:m.default.string,name:m.default.string.isRequired,dayAttributes:m.default.object,disabled:m.default.bool,displayFormat:m.default.oneOf(["month-day-year","day-month-year"]),intl:m.default.shape({formatMessage:m.default.func,locale:m.default.string}),isA11yControlled:m.default.bool,isIncomplete:m.default.bool,isInvalid:m.default.bool,monthAttributes:m.default.object,onBlur:m.default.func,onChange:m.default.func,onFocus:m.default.func,refCallback:m.default.func,required:m.default.bool,useExternalFormatMask:m.default.bool,value:m.default.string,yearAttributes:m.default.object},x={disabled:!1,monthAttributes:{},dayAttributes:{},yearAttributes:{},onBlur:null,onChange:null,onFocus:void 0,refCallback:void 0,value:void 0,useExternalFormatMask:!1,isA11yControlled:!1},A=function(e){function t(e){var a;(0,o.default)(this,t),a=F(this,t,[e]),(0,h.default)((0,c.default)(a),"handlePaste",(function(e){var t=(e.clipboardData||window.clipboardData).getData("text");E.default.validNumericInput(t)||e.preventDefault()})),(0,h.default)((0,c.default)(a),"handleKeyPress",(function(e){var t=e.key;E.default.validNumericInput(t)||e.metaKey||e.preventDefault()}));var n=a.props.value;return n&&!E.default.acceptedDateValue(n)&&(n=void 0),a.uuid=(0,_.v4)(),a.hotKeyInstructionId="".concat(a.uuid,"-hotkeyinstruction"),a.dateInputContainer=y.default.createRef(),a.monthRef=y.default.createRef(),a.handleMonthChange=a.handleMonthChange.bind((0,c.default)(a)),a.handleDayChange=a.handleDayChange.bind((0,c.default)(a)),a.handleYearChange=a.handleYearChange.bind((0,c.default)(a)),a.handleInputKeyDown=a.handleInputKeyDown.bind((0,c.default)(a)),a.handleMonthKeyDown=a.handleMonthKeyDown.bind((0,c.default)(a)),a.handleDayKeyDown=a.handleDayKeyDown.bind((0,c.default)(a)),a.handleYearKeyDown=a.handleYearKeyDown.bind((0,c.default)(a)),a.handleFocus=a.handleFocus.bind((0,c.default)(a)),a.handleMonthFocus=a.handleMonthFocus.bind((0,c.default)(a)),a.handleDayFocus=a.handleDayFocus.bind((0,c.default)(a)),a.handleYearFocus=a.handleYearFocus.bind((0,c.default)(a)),a.focusMonth=a.focusMonth.bind((0,c.default)(a)),a.focusDay=a.focusDay.bind((0,c.default)(a)),a.focusYear=a.focusYear.bind((0,c.default)(a)),a.handleMonthBlur=a.handleMonthBlur.bind((0,c.default)(a)),a.handleDayBlur=a.handleDayBlur.bind((0,c.default)(a)),a.handleYearBlur=a.handleYearBlur.bind((0,c.default)(a)),a.formattedRender=a.formattedRender.bind((0,c.default)(a)),a.monthRender=a.monthRender.bind((0,c.default)(a)),a.dayRender=a.dayRender.bind((0,c.default)(a)),a.yearRender=a.yearRender.bind((0,c.default)(a)),a.handleMonthClick=a.handleMonthClick.bind((0,c.default)(a)),a.handlePaste=a.handlePaste.bind((0,c.default)(a)),a.handleKeyPress=a.handleKeyPress.bind((0,c.default)(a)),a.state={month:E.default.splitMonth(n),day:E.default.splitDay(n),year:E.default.splitYear(n),dateString:"",isFocused:!1,monthIsFocused:!1,dayIsFocused:!1,yearIsFocused:!1,isPlaceholderColored:!0},a}return(0,p.default)(t,e),(0,d.default)(t,[{key:"componentDidUpdate",value:function(e){this.props.value!==e.value&&this.setState({month:E.default.splitMonth(this.props.value),day:E.default.splitDay(this.props.value),year:E.default.splitYear(this.props.value)})}},{key:"handleFocus",value:function(e){this.props.onFocus&&!this.dateInputContainer.current.contains(e.relatedTarget)&&this.props.onFocus(e),this.setState({isFocused:!0})}},{key:"handleMonthFocus",value:function(e){this.handleFocus(e),this.setState({monthIsFocused:!0})}},{key:"handleDayFocus",value:function(e){this.handleFocus(e),this.setState({dayIsFocused:!0})}},{key:"handleYearFocus",value:function(e){this.handleFocus(e),this.setState({yearIsFocused:!0})}},{key:"handleMonthBlur",value:function(e){this.handleBlur(e,E.default.inputType.MONTH),""===this.state.month&&this.setState({isPlaceholderColored:!0}),this.setState({monthIsFocused:!1})}},{key:"handleDayBlur",value:function(e){this.handleBlur(e,E.default.inputType.DAY),this.setState({dayIsFocused:!1})}},{key:"handleYearBlur",value:function(e){this.handleBlur(e,E.default.inputType.YEAR),this.setState({yearIsFocused:!1})}},{key:"handleBlur",value:function(e,t){if(this.setState({isFocused:!1}),t===E.default.inputType.DAY){var a=e.target.value;1===a.length&&(a="0".concat(a),this.handleValueChange(e,t,a))}if(this.props.onBlur){var n=e.relatedTarget?e.relatedTarget:document.activeElement;this.dateInputContainer.current.contains(n)||this.props.onBlur(e)}}},{key:"handleInputKeyDown",value:function(e,t){"t"!==e.key&&"T"!==e.key?"-"!==e.key&&"_"!==e.key?"="!==e.key&&"+"!==e.key?t===E.default.inputType.DAY?this.handleDayKeyDown(e):t===E.default.inputType.YEAR?this.handleYearKeyDown(e):t===E.default.inputType.MONTH&&this.handleMonthKeyDown(e):this.setHotKeyDate(e,1):this.setHotKeyDate(e,-1):this.setHotKeyDate(e,0)}},{key:"handleMonthKeyDown",value:function(e){e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||(this.handleValueChange(e,E.default.inputType.MONTH,""),"day-month-year"===this.computedDisplayFormat()&&""===e.target.value&&this.focusDay(e)),e.keyCode!==D.KEY_SPACE&&e.keyCode!==D.KEY_UP&&e.keyCode!==D.KEY_DOWN||this.setState({isPlaceholderColored:!1})}},{key:"handleDayKeyDown",value:function(e){var t=this.state.day||"",a=t;e.keyCode===D.KEY_UP&&(e.preventDefault(),t=E.default.incrementDay(t)),e.keyCode===D.KEY_DOWN&&(e.preventDefault(),t=E.default.decrementDay(t)),a!==t&&this.handleValueChange(e,E.default.inputType.DAY,t),e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||"month-day-year"===this.computedDisplayFormat()&&""===e.target.value&&this.focusMonth(e)}},{key:"handleYearKeyDown",value:function(e){var t=this.state.year||"",a=t,n=this.computedDisplayFormat();e.keyCode===D.KEY_UP&&(e.preventDefault(),t=E.default.incrementYear(t)),e.keyCode===D.KEY_DOWN&&(e.preventDefault(),t=E.default.decrementYear(t)),a!==t&&this.handleValueChange(e,E.default.inputType.YEAR,t),e.keyCode!==D.KEY_BACK_SPACE&&e.keyCode!==D.KEY_DELETE||("month-day-year"===n&&""===e.target.value&&this.focusDay(e),"day-month-year"===n&&""===e.target.value&&this.focusMonth(e))}},{key:"handleMonthChange",value:function(e){if(E.default.validNumericInput(e.target.value)){var t=e.target.value;t===this.state.month||Number(t)>12||(this.handleValueChange(e,E.default.inputType.MONTH,t),""===t&&(this.setState({year:"",day:""}),this.handleOnChange(e,"")))}}},{key:"handleDayChange",value:function(e){if(E.default.validNumericInput(e.target.value)){var t=e.target.value;t===this.state.day||t.length>2||Number(t)>31||!(2!==t.length||t>0)||this.handleValueChange(e,E.default.inputType.DAY,t)}}},{key:"handleYearChange",value:function(e){if(E.default.validNumericInput(e.target.value)){var t=e.target.value;t.length>5||Number(t)>E.default.MaxYearValue||4===t.length&&Number(t)E.default.MinYearValue&&i.getFullYear()===n,d=i.getMonth()===r,s=i.getDate()===l;(u=0!==t&&o&&s&&d?i:new Date).setDate(u.getDate()+t);var f=(0,O.default)(u).format("YYYY-MM-DD"),c=f.split("-");this.setState({year:c[0],month:c[1],day:c[2],dateString:f}),this.props.onChange&&this.handleOnChange(e,f),e.preventDefault()}},{key:"computedDisplayFormat",value:function(){return E.default.computedDisplayFormat(this.props.displayFormat,this.props.intl.locale)}},{key:"focusDay",value:function(e){this.dayRef.focus(),e.preventDefault()}},{key:"focusYear",value:function(e){this.yearRef.focus(),e.preventDefault()}},{key:"focusMonth",value:function(e){this.monthRef.current.focus(),e.preventDefault()}},{key:"monthRender",value:function(){var e,t=this,a=this.props,n=a.intl,r=a.a11yLabel,l=(0,i.default)(a,I);e="month-day-year"===this.computedDisplayFormat()?r?n.formatMessage({id:"Terra.date.input.monthSelectLabelWithName"},{a11yLabel:r}):n.formatMessage({id:"Terra.date.input.monthSelectLabelWithDefaultName"}):n.formatMessage({id:"Terra.date.input.monthSelectLabel"},{a11yLabel:r});var o=N(["month-select-wrapper",{focused:this.state.monthIsFocused},{disabled:this.props.disabled},{error:this.props.isInvalid},{incomplete:this.props.isIncomplete&&this.props.required&&!this.props.isInvalid}]),d=N(["month-select",{"is-placeholder":""===this.state.month&&this.state.isPlaceholderColored},{focused:this.state.monthIsFocused},{disabled:this.props.disabled},{error:this.props.isInvalid},{incomplete:this.props.isIncomplete&&this.props.required&&!this.props.isInvalid}]);return y.default.createElement("div",{className:o},y.default.createElement("select",(0,u.default)({},this.props.monthAttributes,{"aria-label":e,ref:this.monthRef,className:d,value:this.state.month,name:"terra-date-month-".concat(this.props.name),onChange:this.handleMonthChange,onKeyDown:function(e){return t.handleInputKeyDown(e,E.default.inputType.MONTH)},onClick:this.handleMonthClick,onFocus:this.handleMonthFocus,onBlur:this.handleMonthBlur,disabled:this.props.disabled,"aria-disabled":this.props.disabled,"aria-invalid":this.props.isInvalid,"aria-required":this.props.required,"aria-describedby":l["aria-describedby"]?"".concat(this.hotKeyInstructionId," ").concat(l["aria-describedby"]):this.hotKeyInstructionId}),y.default.createElement("option",{value:""},this.props.intl.formatMessage({id:"Terra.date.input.monthPlaceholder"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.january"}),value:"01"},this.props.intl.formatMessage({id:"Terra.date.input.january"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.february"}),value:"02"},this.props.intl.formatMessage({id:"Terra.date.input.february"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.march"}),value:"03"},this.props.intl.formatMessage({id:"Terra.date.input.march"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.april"}),value:"04"},this.props.intl.formatMessage({id:"Terra.date.input.april"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.may"}),value:"05"},this.props.intl.formatMessage({id:"Terra.date.input.may"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.june"}),value:"06"},this.props.intl.formatMessage({id:"Terra.date.input.june"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.july"}),value:"07"},this.props.intl.formatMessage({id:"Terra.date.input.july"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.august"}),value:"08"},this.props.intl.formatMessage({id:"Terra.date.input.august"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.september"}),value:"09"},this.props.intl.formatMessage({id:"Terra.date.input.september"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.october"}),value:"10"},this.props.intl.formatMessage({id:"Terra.date.input.october"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.november"}),value:"11"},this.props.intl.formatMessage({id:"Terra.date.input.november"})),y.default.createElement("option",{key:this.props.intl.formatMessage({id:"Terra.date.input.december"}),value:"12"},this.props.intl.formatMessage({id:"Terra.date.input.december"}))),y.default.createElement(C.default,{id:this.hotKeyInstructionId,text:n.formatMessage({id:"Terra.date.input.hotKey"})}))}},{key:"dayRender",value:function(){var e,t=this,a=this.props,n=a.intl,r=a.a11yLabel,l=(0,i.default)(a,Y);e="day-month-year"===this.computedDisplayFormat()?r?n.formatMessage({id:"Terra.date.input.dayInputLabelWithName"},{a11yLabel:r}):n.formatMessage({id:"Terra.date.input.dayInputLabelWithDefaultName"}):n.formatMessage({id:"Terra.date.input.dayInputLabel"});var o=window.matchMedia("(min--moz-device-pixel-ratio:0)").matches?{type:"text",pattern:"\\d*"}:{type:"number"};return y.default.createElement(T.default,(0,u.default)({},this.props.dayAttributes,o,{refCallback:function(e){t.dayRef=e},label:e,description:"".concat(n.formatMessage({id:"Terra.date.input.dayDescription"}),", ").concat(n.formatMessage({id:"Terra.date.input.hotKey"})),className:N("date-input-day",{"is-focused":this.state.dayIsFocused}),value:this.state.day,name:"terra-date-day-".concat(this.props.name),maxLength:"2",onKeyPress:this.handleKeyPress,onChange:this.handleDayChange,onKeyDown:function(e){return t.handleInputKeyDown(e,E.default.inputType.DAY)},onFocus:this.handleDayFocus,onBlur:this.handleDayBlur,onPaste:this.handlePaste,size:"2",autoComplete:"off",disabled:this.props.disabled,isInvalid:this.props.isInvalid,showIsInvalid:!0,isIncomplete:this.props.isIncomplete,required:this.props.required,ariaDescribedBy:l["aria-describedby"]}))}},{key:"yearRender",value:function(){var e=this,t=(0,u.default)({},((0,l.default)(this.props),this.props)),a=window.matchMedia("(min--moz-device-pixel-ratio:0)").matches?{type:"text",pattern:"\\d*"}:{type:"number"};return y.default.createElement(T.default,(0,u.default)({},this.props.yearAttributes,a,{refCallback:function(t){e.yearRef=t},label:this.props.intl.formatMessage({id:"Terra.date.input.yearLabel"}),description:"".concat(this.props.intl.formatMessage({id:"Terra.date.input.yearDescription"}),", ").concat(this.props.intl.formatMessage({id:"Terra.date.input.hotKey"})),className:N("date-input-year",{"is-focused":this.state.yearIsFocused}),value:this.state.year,name:"terra-date-year-".concat(this.props.name),maxLength:"4",onChange:this.handleYearChange,onKeyPress:this.handleKeyPress,onKeyDown:function(t){return e.handleInputKeyDown(t,E.default.inputType.YEAR)},onFocus:this.handleYearFocus,onBlur:this.handleYearBlur,onPaste:this.handlePaste,size:"4",autoComplete:"off",disabled:this.props.disabled,isInvalid:this.props.isInvalid,showIsInvalid:!0,isIncomplete:this.props.isIncomplete,required:this.props.required,ariaDescribedBy:t["aria-describedby"]}))}},{key:"formattedRender",value:function(){var e=y.default.createElement(y.default.Fragment,null,this.monthRender(),this.dayRender(),this.yearRender()),t=y.default.createElement(y.default.Fragment,null,this.dayRender(),this.monthRender(),this.yearRender());return"month-day-year"===this.computedDisplayFormat()?e:t}},{key:"render",value:function(){var e,t=this,a=this.props,n=a.a11yLabel,r=a.disabled,l=(a.displayFormat,a.dayAttributes,a.monthAttributes,a.yearAttributes,a.intl),o=a.isA11yControlled,d=(a.isInvalid,a.isIncomplete,a.onBlur,a.onChange,a.onFocus,a.refCallback),s=(a.required,a.name),f=a.useExternalFormatMask,c=(a.value,(0,i.default)(a,w)),p=this.state,h=p.month,m=p.day,b=p.year,g=this.context,_=(0,v.default)(N({disabled:r},"date-input",{"is-focused":this.state.isFocused},g.className),c.className),M="";(h.length>0||m.length>0||b.length>0)&&(M="".concat(b,"-").concat(h,"-").concat(m)),10===M.length&&(e=M);var D=E.default.getDateFormat(this.props),T=n||this.props.intl.formatMessage({id:"Terra.date.input.labelDefault"}),C=this.props.intl.formatMessage({id:"Terra.date.input.dateFormatLabel"}),P=(0,O.default)(this.state.dateString).format("dddd MMMM D YYYY");return y.default.createElement("div",(0,u.default)({},c,{className:_,ref:function(e){t.dateInputContainer.current=e,d&&d(e)},role:o?null:"group","aria-label":o?void 0:T}),y.default.createElement("div",{"aria-live":"polite"},y.default.createElement(k.default,{value:e,readThis:"".concat(C," ").concat(D,". ").concat(P,", ").concat(l.formatMessage({id:"Terra.date.input.hotKey"}))})),y.default.createElement("input",{type:"hidden",name:s,value:M}),this.formattedRender(),!1===f&&y.default.createElement("div",{"aria-hidden":!0,className:N("format-text")},"(".concat(D,")")))}}]),t}(y.default.Component);A.propTypes=K,A.defaultProps=x,A.contextType=g.default;t.default=(0,M.injectIntl)(A)},29121:function(e,t,a){"use strict";var n=a(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(a(17383)),l=n(a(34579)),u=function(){function e(){(0,r.default)(this,e)}return(0,l.default)(e,null,[{key:"validNumericInput",value:function(e){return 0===e.length||/^\d+$/.test(e)}},{key:"incrementDay",value:function(e){if(""===e)return"01";if(e){var t=Number(e);return 31===t?"01":t<31?(t+=1)<10?"0".concat(t.toString()):t.toString():e}return null}},{key:"decrementDay",value:function(e){if(""===e)return"31";if(e){var t=Number(e);return t<2?"31":t>1?(t-=1)<10?"0".concat(t.toString()):t.toString():e}return null}},{key:"incrementYear",value:function(t){if(""===t)return e.MinYearValue.toString();if(t){var a=Number(t);return a===e.MaxYearValue?e.MinYearValue.toString():a>=e.MinYearValue&&ae.MinYearValue?(a-=1).toString():t}return null}},{key:"splitMonth",value:function(e){if("string"==typeof e){var t=e.split("-");if(t[1]&&2===t[1].length){var a=Number(t[1]);if(a>=1&&a<13)return t[1]}return""}return""}},{key:"splitDay",value:function(e){if("string"==typeof e){var t=e.split("-");if(t[2]){var a=Number(t[2]);if(a>=1&&a<32)return t[2];if("0"===t[2])return t[2];if("00"===t[2])return t[2]}return""}return""}},{key:"splitYear",value:function(e){if("string"==typeof e){var t=e.split("-");return t.length&&!Number.isNaN(parseFloat(t[0]))?t[0]:""}return""}},{key:"acceptedDateValue",value:function(e){return/^([0-9][0-9][0-9][0-9])-(0[1-9]|1[0-2])-(0[1-9]|1[0-9]|2[0-9]|3[0-1])$/.test(e)}},{key:"computedDisplayFormat",value:function(e,t){return"month-day-year"===e?"month-day-year":"day-month-year"===e?"day-month-year":"en"===t||"en-US"===t?"month-day-year":"day-month-year"}},{key:"getDateFormat",value:function(t){return"month-day-year"===e.computedDisplayFormat(t.displayFormat,t.intl.locale)?t.intl.formatMessage({id:"Terra.date.input.formatMonthDayYear"}):t.intl.formatMessage({id:"Terra.date.input.formatDayMonthYear"})}}]),e}();u.inputType={YEAR:0,MONTH:1,DAY:2},u.MinYearValue=1900,u.MaxYearValue=2100;t.default=u},85444:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(a(96540)),r=s(a(5556)),l=s(a(46942)),u=s(a(67967)),i=s(a(52103)),o=s(a(78482)),d=["children","disableStripes","paddingStyle"];function s(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||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var p=u.default.bind(o.default),h={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,a=e.disableStripes,r=e.paddingStyle,u=c(e,d),o=n.default.useContext(i.default),s=(0,l.default)(p("table",{striped:!a},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},o.className),u.className);return n.default.createElement("table",f({},u,{className:s}),t)};y.propTypes=h,y.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=y},61452:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var o={children:r.default.node},d=function(e){var t=e.children,a=i(e,l);return n.default.createElement("tbody",a,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},86472:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var o={children:r.default.node},d=function(e){var t=e.children,a=i(e,l);return n.default.createElement("td",a,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},97441:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),r=i(a(5556)),l=i(a(10767)),u=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var d={children:r.default.node},s=function(e){var t=e.children,a=o(e,u);return n.default.createElement("thead",a,n.default.createElement("tr",null,l.default.addScope(t,"col")))};s.propTypes=d,s.defaultProps={children:[]};t.default=s},22417:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),r=u(a(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,r=function(e,t){if(null==e)return{};var a,n,r={},l=Object.keys(e);for(n=0;n=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var o={children:r.default.node},d=function(e){var t=e.children,a=i(e,l);return n.default.createElement("th",a,t)};d.propTypes=o,d.defaultProps={children:[]};t.default=d},36142:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),r=d(a(5556)),l=d(a(67967)),u=d(a(78482)),i=d(a(10767)),o=["children"];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||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var c=l.default.bind(u.default),p={children:r.default.node},h=function(e){var t=e.children,a=f(e,o),r=c(["row"]);return n.default.createElement("tr",s({},a,{className:a.className?"".concat(r," ").concat(a.className):r}),i.default.addScope(t,"row"))};h.propTypes=p,h.defaultProps={children:[]};t.default=h},10767:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,r=(n=a(96540))&&n.__esModule?n:{default:n};var l={addScope:function(e,t){var a=[];return r.default.Children.forEach(e,(function(e){a.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=l},26984:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var n=d(a(85444)),r=d(a(61452)),l=d(a(36142)),u=d(a(86472)),i=d(a(97441)),o=d(a(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},3542:function(e,t,a){"use strict";var n=a(24994),r=a(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(a(85715)),u=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var a=d(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=l?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u]}return n.default=e,a&&a.set(e,n),n}(a(96540)),i=n(a(16524)),o=n(a(5556));function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(d=function(e){return e?a:t})(e)}var s={value:o.default.string,readThis:o.default.string};function f(e){var t=(0,u.useState)(void 0),a=(0,l.default)(t,2),n=a[0],r=a[1],o=(0,u.useState)(void 0),d=(0,l.default)(o,2),s=d[0],f=d[1],c=(0,u.useState)(e.value),p=(0,l.default)(c,2),h=p[0],y=p[1],m=function(){r("status"),f("polite"),y(e.value)};return e.value&&!h||e.value&&h&&e.value!==h?m():!e.value&&h&&(r(void 0),f(void 0),y(void 0)),u.default.createElement(i.default,{"aria-hidden":!e.value,text:e.readThis,"aria-live":s,role:n})}f.propTypes=s;t.default=f},69620:function(e){e.exports=function(e){if(null==e)throw new TypeError("Cannot destructure "+e)},e.exports.__esModule=!0,e.exports.default=e.exports}}]); \ No newline at end of file diff --git a/61768-d09a87e828d5fdddf7ac.js b/61768-d09a87e828d5fdddf7ac.js new file mode 100644 index 000000000..57b91c1be --- /dev/null +++ b/61768-d09a87e828d5fdddf7ac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[61768],{84476:function(e,t,n){t.A=void 0;var r=o(n(96540)),a=n(25966),l=o(n(47527));function o(e){return e&&e.__esModule?e:{default:e}}var i={title:"Patient Responsibilities",isAnimated:!0},d=function(e){e.keyCode===a.KEY_SPACE&&e.preventDefault()};t.A=function(){return r.default.createElement(l.default,{exampleProps:i},r.default.createElement("p",null,"Respect the rights and treat all healthcare workers and other patients and visitors with dignity. Comply with all hospital policies and guidelines as informed or displayed be available for any appointments made or notify the hospital as early as possible if you are unable to do so. Acknowledge that some other patient medical condition may be more urgent than yours and accept that your doctor may need to attend them first. Kindly cooperate in such situations."),r.default.createElement("p",null,"Provide us with comprehensive and accurate details about your past medical records and be complaint as regard to taking medication or following any other prescribed treatment. Accept, where applicable, adaptations to the environment to ensure a safe and secure stay in hospital with a full explanation from our staff."),r.default.createElement("p",null,"Strictly follow the ",r.default.createElement("a",{href:"#visitors-policy",onKeyDown:d},"Hospitals Visitors Policy")," ","and ccept the measures taken by the hospital to ensure personal privacy and confidentiality of medical records."))}},3228:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(47527));function l(e){return e&&e.__esModule?e:{default:e}}var o={title:"Default Example"};t.A=function(){return r.default.createElement(a.default,{exampleProps:o},r.default.createElement("p",null,"Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner."))}},47527:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=o(n(83674));function o(e){return e&&e.__esModule?e:{default:e}}var i={exampleProps:a.default.object.isRequired,children:a.default.node.isRequired},d=function(e){var t=e.exampleProps,n=e.children;return r.default.createElement("div",null,r.default.createElement(l.default,t,n))};d.propTypes=i;t.default=d},40073:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(47527));function l(e){return e&&e.__esModule?e:{default:e}}var o={title:"Transparent Example",isTransparent:!0};t.A=function(){return r.default.createElement(a.default,{exampleProps:o},r.default.createElement("p",null,"Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner."))}},55713:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(5556)),o=r(n(67967)),i=r(n(25642)),d=o.default.bind(i.default),u={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},c=function(e){var t=e.src,n=e.name,r=e.url,l=e.version,o=a.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(n,"/v/").concat(l)},a.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(l))),i=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},o,i)};c.propTypes=u;t.A=c},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&&Object.prototype.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)),d=r(n(67967)),u=n(92912),c=r(n(49558)),p=r(n(53665)),s=n(25966),m=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=d.default.bind(m.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=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,d=e.isExpanded,m=(0,o.useState)(d),f=(0,l.default)(m,2),b=f[0],h=f[1],v=(0,o.useState)(!1),O=(0,l.default)(v,2),_=O[0],T=O[1],w=o.default.useContext(u.ThemeContext),P=void 0!==r,j=function(){T(!_),b&&h(!b)},E=function(){h(!b),_&&T(!_)},C=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:y("template",w.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")},P&&o.default.createElement("button",{type:"button",className:y("css-toggle","item",{"is-selected":_}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:g,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:y("chevron")})),o.default.createElement("button",{type:"button",className:y("code-toggle","item",{"is-selected":b}),onClick:E,onKeyDown:function(e){return C(e,E)},onBlur:g,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:y("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:y("chevron")}))):null,o.default.createElement("div",null,_&&o.default.createElement("div",{className:y("css")},r),b&&o.default.createElement("div",{className:y("code")},n))))};h.propTypes=b,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 u.Row}}),t.Ay=t.$d=void 0;var l=s(n(96540)),o=r(n(5556)),i=r(n(67967)),d=n(92912),u=s(n(26984)),c=r(n(89744));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)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(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&&Object.prototype.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 m=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(u.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=y,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var b=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:m("table",n.className)},l.default.createElement(u.Header,{className:m("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};b.propTypes=f;t.Ay=b},61768:function(e,t,n){n.r(t),n.d(t,{default:function(){return B}});var r=n(96540),a=n(36665),l=n(57263),o=n(3228),i=["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 c={};function p(e){var t=e.components,n=u(e,i);return(0,a.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Default Example',\n};\n\nconst DefaultToggleSectionHeader = () => (\n \n

    Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner.

    \n     \n);\n\nexport default DefaultToggleSectionHeader;\n\n")))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Toggle Section Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(84476),y=["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 x={};function h(e){var t=e.components,n=g(e,y);return(0,a.mdx)("wrapper",b({},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 {\n KEY_SPACE,\n} from 'keycode-js';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Patient Responsibilities',\n isAnimated: true,\n};\n\n// Prevent scrolling when press space bar key on anchor tag\nconst handlePreventScroll = (event) => {\n if (event.keyCode === KEY_SPACE) {\n event.preventDefault();\n }\n};\n\nconst AnimatedToggleSectionHeader = () => (\n \n

    Respect the rights and treat all healthcare workers and other patients and visitors with dignity. Comply with all hospital policies and guidelines as informed or displayed be available for any appointments made or notify the hospital as early as possible if you are unable to do so. Acknowledge that some other patient medical condition may be more urgent than yours and accept that your doctor may need to attend them first. Kindly cooperate in such situations.

    \n

    Provide us with comprehensive and accurate details about your past medical records and be complaint as regard to taking medication or following any other prescribed treatment. Accept, where applicable, adaptations to the environment to ensure a safe and secure stay in hospital with a full explanation from our staff.

    \n

    \n Strictly follow the \n Hospitals Visitors Policy\n {' '}\n and ccept the measures taken by the hospital to ensure personal privacy and confidentiality of medical records.\n

    \n     \n);\n\nexport default AnimatedToggleSectionHeader;\n\n")))}h.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Animated Toggle Section Header",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(h,null),isExpanded:a})},O=n(40073),_=["components"];function T(){return T=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={};function j(e){var t=e.components,n=w(e,_);return(0,a.mdx)("wrapper",T({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ToggleSectionHeaderExampleTemplate from './ToggleSectionHeaderExampleTemplate';\n\nconst componentProps = {\n title: 'Transparent Example',\n isTransparent: true,\n};\n\nconst DefaultToggleSectionHeader = () => (\n \n

    Before leaving Arthur Andersen & Co. to form their own company, three young friends and co-workers sat around a picnic table at Loose Creek Park in Kansas City, Missouri brainstorming business ideas. It was here that Neal Patterson, Paul Gorup and Cliff Illig conceived PGI & Associates, the company that would eventually become Cerner.

    \n     \n);\n\nexport default DefaultToggleSectionHeader;\n\n")))}j.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Transparent Toggle Section Header",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(j,null),isExpanded:a})},C=n(12883),N=["components"];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 R={},D="wrapper";function A(e){var t=e.components,n=k(e,N);return(0,a.mdx)(D,S({},R,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(C.Ay,{mdxType:"PropsTable"},(0,a.mdx)(C.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(C.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content in the body of the toggle section header component that will be expanded or hidden."))),(0,a.mdx)(C.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(C.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Text to be displayed in the section header."))),(0,a.mdx)(C.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the heading level. One of h1, h2, h3, h4, h5, or h6."))),(0,a.mdx)(C.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"onClose"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when toggle-section-header is closed."))),(0,a.mdx)(C.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"onOpen"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when toggle-section-header is opened."))),(0,a.mdx)(C.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"sectionHeaderAttrs"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Used to set props and HTML attributes on the underlying section-header."))),(0,a.mdx)(C.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"isAnimated"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the toggle-section-header to be animated when it is opened or closed."))),(0,a.mdx)(C.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"isInitiallyOpen"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the toggle-section-header initial state to open."))),(0,a.mdx)(C.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"isTransparent"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background of the section header to transparent."))),(0,a.mdx)(C.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(C.dt,{mdxType:"PropNameCell"},"isOpen"),(0,a.mdx)(C.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(C.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(C.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(C.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Programmatically toggle the toggle-section-header component.")))))}A.isMDXComponent=!0;var H=["components"];function M(){return M=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={},Z="wrapper";function B(e){var t=e.components,n=I(e,H);return(0,a.mdx)(Z,M({},q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-toggle-section-header"},"Terra Toggle Section Header"),(0,a.mdx)("p",null,"Toggle section header component that transitions content in and out with a click. "),(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-toggle-section-header"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ToggleSectionHeader from 'terra-toggle-section-header';\n")),(0,a.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,a.mdx)("p",null,"For accessibility best practices, it is recommended that consumers should always use only one h1 tag per page or view. The one h1 tag should be the page title. A section header should never be a heading level 1. "),(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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{title:"Default",mdxType:"DefaultToggleSectionHeader"}),(0,a.mdx)(v,{title:"Animated",mdxType:"AnimatedToggleSectionHeader"}),(0,a.mdx)(E,{title:"Transparent",mdxType:"TransparentToggleSectionHeader"}),(0,a.mdx)("h2",{id:"toggle-section-header-props"},"Toggle Section Header Props"),(0,a.mdx)(A,{mdxType:"ToggleSectionHeaderPropsTable"}))}B.isMDXComponent=!0},57263: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-toggle-section-header",name:"terra-toggle-section-header",version:"2.79.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"}},85444: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)),d=c(n(78482)),u=["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||(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=o.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=s(e,u),d=r.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",p({},o,{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=o(n(96540)),a=o(n(5556)),l=["children"];function o(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 d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},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 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 d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(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 u={children:a.default.node},c=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},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 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 d={children:a.default.node},u=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},36142: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(78482)),i=u(n(10767)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=p(e,d),a=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(85444)),a=u(n(61452)),l=u(n(36142)),o=u(n(86472)),i=u(n(97441)),d=u(n(22417));function u(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}function f(e,t){for(var n=0;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 u={};function s(e){var t=e.components,n=c(e,i);return(0,a.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Scroll from 'terra-scroll';\nimport classNames from 'classnames/bind';\nimport styles from './ScrollCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n
    \n

    Overflow-Y Container

    \n
    \n \n

    \n Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes.\n

    \n     \n
    \n
    \n);\n\n")))}s.isMDXComponent=!0;var p=n(201),m=["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 y={};function b(e){var t=e.components,n=v(e,m);return(0,a.mdx)("wrapper",f({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local { \n .overflow-wrapper {\n border: 1px dashed rgb(0, 0, 0);\n height: 200px;\n width: 400px;\n }\n\n .overflow-y-wrapper {\n border: 1px dashed rgb(0, 0, 0);\n height: auto;\n width: 400px;\n }\n\n .paragraph-x-wrapper {\n padding-left: 10px;\n padding-right: 10px;\n width: 1350px;\n }\n \n .paragraph-y-wrapper {\n padding-left: 10px;\n padding-right: 10px;\n width: 375px;\n }\n\n .container-x-wrapper {\n padding-left: 10px;\n padding-right: 10px;\n }\n}\n\n")))}b.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Scroll Vertical",description:n,example:r.createElement(o.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(s,null),isExpanded:a})},g=n(82171),_=["components"];function x(){return x=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 w={};function E(e){var t=e.components,n=O(e,_);return(0,a.mdx)("wrapper",x({},w,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Scroll from 'terra-scroll';\nimport Button from 'terra-button';\nimport classNames from 'classnames/bind';\nimport { InputField } from 'terra-form-input';\nimport styles from './ScrollCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nexport default () => (\n
    \n

    Overflow-X Container

    \n
    \n \n

    \n Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to provide accurate contact information as it will be used for communication and verification purposes.\n

    \n
    \n \n
    \n
    \n
    \n     \n
    \n
    \n);\n\n")))}E.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Scroll Horizontal",description:n,example:r.createElement(g.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(E,null),isExpanded:a})},T=n(12883),N=["components"];function P(){return P=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 C={},k="wrapper";function M(e){var t=e.components,n=S(e,N);return(0,a.mdx)(k,P({},C,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(T.Ay,{mdxType:"PropsTable"},(0,a.mdx)(T.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(T.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(T.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(T.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(T.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(T.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The child content to present in the scrollable region."))),(0,a.mdx)(T.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(T.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(T.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(T.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(T.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(T.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for the ref of the scrollable container.")))))}M.isMDXComponent=!0;var I=["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 A={},H="wrapper";function R(e){var t=e.components,n=q(e,I);return(0,a.mdx)(H,D({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-scroll"},"Terra Scroll"),(0,a.mdx)("p",null,"The terra-scroll is a content view that hides data accessible with scrolling and provides a refCallback. The expectation is that any consumer needing to provide a scrollable area within their implementation should be using this component, or one of our other terra components that implements Scroll."),(0,a.mdx)("p",null,"Scroll provides a menthod to access the node managing scrolling, so values such as scrollTop can be easily set, as well as the correct prefixes to consistently sytle scrolling across supported browsers."),(0,a.mdx)("p",null,"The terra-scroll expands to fill it's parent container, so parent nodes are expected to have an explicit height set."),(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-scroll"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"import Scroll from 'terra-scroll';\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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(h,{title:"Vertical Scroll",mdxType:"ScrollVertical"}),(0,a.mdx)(j,{title:"Horizontal Scroll",mdxType:"ScrollHorizontal"}),(0,a.mdx)("h2",{id:"scroll-props"},"Scroll Props"),(0,a.mdx)(M,{mdxType:"ScrollPropsTable"}))}R.isMDXComponent=!0},64190: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-scroll",name:"terra-scroll",version:"2.37.0",url:t})}},38408:function(e,t,n){n.r(t),t.default={"overflow-wrapper":"ScrollCommon-module__overflow-wrapper___D23RF","overflow-y-wrapper":"ScrollCommon-module__overflow-y-wrapper___eFj49","paragraph-x-wrapper":"ScrollCommon-module__paragraph-x-wrapper___WhEHE","paragraph-y-wrapper":"ScrollCommon-module__paragraph-y-wrapper___pnx9j","container-x-wrapper":"ScrollCommon-module__container-x-wrapper___w5sBE"}},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"}},45947:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=l(n(51459)),a=l(n(19127));function l(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},85444: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(46942)),o=u(n(67967)),i=u(n(52103)),d=u(n(78482)),c=["children","disableStripes","paddingStyle"];function u(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 m=o.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},v=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=p(e,c),d=r.default.useContext(i.default),u=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",s({},o,{className:u}),t)};v.propTypes=f,v.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=v},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 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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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)),a=o(n(5556)),l=["children"];function o(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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(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},u=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};u.propTypes=c,u.defaultProps={children:[]};t.default=u},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 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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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)),a=c(n(5556)),l=c(n(67967)),o=c(n(78482)),i=c(n(10767)),d=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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),m={children:a.default.node},f=function(e){var t=e.children,n=s(e,d),a=p(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.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)),i=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=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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={};function p(e){var t=e.components,n=s(e,i);return(0,r.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport { injectIntl } from 'react-intl';\nimport DemographicsBannerDisplay from './DemographicsBannerDisplay';\n\nconst propTypes = {\n /**\n * Application content to display in the banner.\n */\n applicationContent: PropTypes.node,\n /**\n * Age of the person.\n */\n age: PropTypes.string,\n /**\n * The persons date of birth\n */\n dateOfBirth: PropTypes.string,\n /**\n * The person's deceased date. Will display the banner as deceased if this value is provided\n */\n deceasedDate: PropTypes.string,\n /**\n * Gender of the Person\n */\n gender: PropTypes.string,\n /**\n * The persons gestational age.\n */\n gestationalAge: PropTypes.string,\n /**\n * Additional key value identifiers of a person's demographic information _(see included examples)_\n * _(usage note: abbreviated/shortened identifiers may need additional context for assistive technologies\n * which can be added in the `identifiersLongForm` prop)_.\n */\n // eslint-disable-next-line react/forbid-prop-types\n identifiers: PropTypes.object,\n /**\n * Additional key value long form titles for abbreviated/shortened identifiers of a person's demographic information.\n * Should be added for identifiers that may require more descriptive name for assistive technologies _(see included examples)_.\n */\n identifiersLongForm: PropTypes.objectOf(PropTypes.string),\n /**\n * @private\n * The intl object containing translations. This is retrieved from the context automatically by injectIntl.\n */\n intl: PropTypes.shape({ formatMessage: PropTypes.func }).isRequired,\n /**\n * Full Name of the person\n */\n personName: PropTypes.string,\n /**\n * Sets the heading level of the person's name. One of `1`, `2`, `3`, `4`, `5`, `6`.\n * This helps screen readers announce appropriate heading levels.\n * Changing `personNameHeadingLevel` will not visually change the style of the content.\n */\n personNameHeadingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n /**\n * Photo to display in the banner\n */\n photo: PropTypes.node,\n /**\n * The column layout in which to present the displays.\n */\n postMenstrualAge: PropTypes.string,\n /**\n * The persons preferred first name if they have one.\n */\n preferredFirstName: PropTypes.string,\n};\n\nconst defaultProps = {\n applicationContent: null,\n age: undefined,\n dateOfBirth: undefined,\n deceasedDate: null,\n gender: undefined,\n gestationalAge: null,\n identifiers: {},\n identifiersLongForm: {},\n personName: undefined,\n personNameHeadingLevel: 2,\n photo: null,\n postMenstrualAge: null,\n preferredFirstName: null,\n};\n\nconst DemographicsBanner = ({\n age,\n dateOfBirth,\n gender,\n intl,\n personName,\n ...customProps\n}) => {\n const noDataProvided = intl.formatMessage({ id: 'Terra.demographicsBanner.noDataProvided' });\n\n return (\n \n );\n};\n\nDemographicsBanner.propTypes = propTypes;\nDemographicsBanner.defaultProps = defaultProps;\n\nexport default injectIntl(DemographicsBanner);\n\n")))}p.isMDXComponent=!0;var m=n(201),c=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner",description:n,example:a.createElement(o.default,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=n(99301),g=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b={};function x(e){var t=e.components,n=y(e,g);return(0,r.mdx)("wrapper",h({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Image from \'terra-image\';\nimport DemographicsBanner from \'terra-demographics-banner\';\nimport demographicsImage from \'../assets/demographicsCat.jpg\';\n\nconst DemographicsBannerAdditionalAges = () => (\n 5%}\n age="10 Weeks"\n dateOfBirth="October 25, 2018"\n gender="Male"\n gestationalAge="33 Weeks"\n identifiers={{ MRN: 12343, REA: \'3JSDA\' }}\n identifiersLongForm={{ MRN: \'Medical Record Number\' }}\n photo={My Cat}\n personName="Johnathon Doe"\n postMenstrualAge="43 Weeks"\n preferredFirstName="John"\n />\n);\n\nexport default DemographicsBannerAdditionalAges;\n\n')))}x.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner Additional Ages",description:n,example:a.createElement(f.A,null),exampleSrc:a.createElement(x,null),isExpanded:r})},_=n(85951),O=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var j={};function D(e){var t=e.components,n=T(e,O);return(0,r.mdx)("wrapper",N({},j,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport DemographicsBanner from 'terra-demographics-banner';\nimport demographicsImage from '../assets/demographicsCat.jpg';\n\nconst DemographicsBannerAdditionalDetails = () => (\n St. Johns Kansas City West Wing Room Cardiac Arrest Unit 253}\n age=\"25 Years\"\n dateOfBirth=\"May 9, 1993\"\n gender=\"Male\"\n identifiers={{ MRN: 12343, REA: '3JSDA' }}\n identifiersLongForm={{ MRN: 'Medical Record Number' }}\n personName=\"Johnathon Doe\"\n photo={\"My}\n preferredFirstName=\"John\"\n />\n);\n\nexport default DemographicsBannerAdditionalDetails;\n\n")))}D.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner Additional Details",description:n,example:a.createElement(_.A,null),exampleSrc:a.createElement(D,null),isExpanded:r})},w=n(47112),M=["components"];function P(){return P=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var C={};function A(e){var t=e.components,n=B(e,M);return(0,r.mdx)("wrapper",P({},C,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport DemographicsBanner from \'terra-demographics-banner\';\n\nconst BasicDemographicsBanner = () => (\n \n);\n\nexport default BasicDemographicsBanner;\n\n')))}A.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner Basic",description:n,example:a.createElement(w.A,null),exampleSrc:a.createElement(A,null),isExpanded:r})},S=n(56054),k=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var I={};function q(e){var t=e.components,n=L(e,k);return(0,r.mdx)("wrapper",F({},I,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Image from \'terra-image\';\nimport DemographicsBanner from \'terra-demographics-banner\';\nimport demographicsImage from \'../assets/demographicsCat.jpg\';\n\nconst DemographicsBannerDeceased = () => (\n }\n personName="Johnathon Doe"\n preferredFirstName="John"\n />\n);\n\nexport default DemographicsBannerDeceased;\n\n')))}q.isMDXComponent=!0;var W=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner Deceased",description:n,example:a.createElement(S.A,null),exampleSrc:a.createElement(q,null),isExpanded:r})},H=n(93826),J=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Y={};function V(e){var t=e.components,n=z(e,J);return(0,r.mdx)("wrapper",Z({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Image from 'terra-image';\nimport classNames from 'classnames/bind';\nimport DemographicsBanner from 'terra-demographics-banner';\nimport demographicsImage from '../assets/demographicsCat.jpg';\nimport styles from './DemographicsBannerSmallContainer.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DemographicsBannerSmallContainer = () => (\n
    \n }\n personName=\"Johnathon Doe\"\n />\n
    \n);\n\nexport default DemographicsBannerSmallContainer;\n\n")))}V.isMDXComponent=!0;var X=["components"];function $(){return $=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var K={};function U(e){var t=e.components,n=G(e,X);return(0,r.mdx)("wrapper",$({},K,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n max-width: 525px;\n }\n}\n\n")))}U.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(m.A,{title:t||"Demographics Banner Small Container",description:n,example:a.createElement(H.A,null),exampleCssSrc:a.createElement(U,null),exampleSrc:a.createElement(V,null),isExpanded:r})},ee=n(12883),te=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var re={},le="wrapper";function oe(e){var t=e.components,n=ae(e,te);return(0,r.mdx)(le,ne({},re,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(ee.Ay,{mdxType:"PropsTable"},(0,r.mdx)(ee.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"applicationContent"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Application content to display in the banner."))),(0,r.mdx)(ee.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"age"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Age of the person."))),(0,r.mdx)(ee.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"dateOfBirth"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons date of birth"))),(0,r.mdx)(ee.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"deceasedDate"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The person's deceased date. Will display the banner as deceased if this value is provided"))),(0,r.mdx)(ee.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"gender"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Gender of the Person"))),(0,r.mdx)(ee.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"gestationalAge"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons gestational age."))),(0,r.mdx)(ee.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"identifiers"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional key value identifiers of a person's demographic information ",(0,r.mdx)("em",{parentName:"p"},"(see included examples)"),"\n",(0,r.mdx)("em",{parentName:"p"},"(usage note: abbreviated/shortened identifiers may need additional context for assistive technologies\nwhich can be added in the ",(0,r.mdx)("inlineCode",{parentName:"em"},"identifiersLongForm")," prop)"),"."))),(0,r.mdx)(ee.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"identifiersLongForm"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"objectOf: {\n type: 'string',\n},\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Additional key value long form titles for abbreviated/shortened identifiers of a person's demographic information.\nShould be added for identifiers that may require more descriptive name for assistive technologies ",(0,r.mdx)("em",{parentName:"p"},"(see included examples)"),"."))),(0,r.mdx)(ee.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"personName"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Full Name of the person"))),(0,r.mdx)(ee.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"personNameHeadingLevel"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level of the person's name. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),".\nThis helps screen readers announce appropriate heading levels.\nChanging ",(0,r.mdx)("inlineCode",{parentName:"p"},"personNameHeadingLevel")," will not visually change the style of the content."))),(0,r.mdx)(ee.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"photo"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Photo to display in the banner"))),(0,r.mdx)(ee.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"postMenstrualAge"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The column layout in which to present the displays."))),(0,r.mdx)(ee.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(ee.dt,{mdxType:"PropNameCell"},"preferredFirstName"),(0,r.mdx)(ee.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(ee.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(ee.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(ee.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The persons preferred first name if they have one.")))))}oe.isMDXComponent=!0;var ie=["components"];function de(){return de=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var ue={},pe="wrapper";function me(e){var t=e.components,n=se(e,ie);return(0,r.mdx)(pe,de({},ue,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-demographics-banner"},"Terra Demographics Banner"),(0,r.mdx)("p",null,"The demographics component is used to display demographic information about a person in a condensed, easy to read format. Demographics Banner must be inside the Base component with locale. All related translations are required to be loaded before Demographics Banner renders."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-demographics-banner"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,r.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,r.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,r.mdx)("p",null,"The Demographics-Banner component must be composed inside the ",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/blob/main/packages/terra-base/src/terra-dev-site/doc/base/Base.1.doc.mdx"},"Base")," component with a locale in order for it to load the correct translation strings."),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import DemographicsBanner from 'terra-demographics-banner';\n")),(0,r.mdx)("p",null,"The demographics banner will display differently depending on the resolution of the browser. If the resolution is less than that of the standard tablet width (767px), then the demographics banner will be stacked, and the profile image will not be displayed. If the resolution is greater than or equal to the tablet width, the banner will display horizontally, and the profile image will be displayed to the user."),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(R,{title:"Basic Demographics Banner",mdxType:"DemographicsBannerBasic"}),(0,r.mdx)(c,{title:"Demographics Banner with Missing Data",mdxType:"DemographicsBanner"}),(0,r.mdx)(W,{title:"Deceased Demographics Banners",mdxType:"DemographicsBannerDeceased"}),(0,r.mdx)(v,{title:"Demographics Banner with Gestational and Post Menstrual Ages",mdxType:"DemographicsBannerAdditionalAges"}),(0,r.mdx)(E,{title:"Demographics Banner with Additional Details",mdxType:"DemographicsBannerAdditionalDetails"}),(0,r.mdx)(Q,{title:"Demographics Banner in a Small Container",mdxType:"DemographicsBannerSmallContainer"}),(0,r.mdx)("h2",{id:"demographics-banner-props"},"Demographics Banner Props"),(0,r.mdx)(oe,{mdxType:"DemographicsBannerPropsTable"}))}me.isMDXComponent=!0},74018:function(e,t,n){n.d(t,{E:function(){return l}});var a=n(96540),r=n(55713),l=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-demographics-banner",name:"terra-demographics-banner",version:"3.67.0",url:t})}},26425:function(e,t,n){n.r(t),t.default=n.p+"ca1d72ea757e1174daf59bbf91dee4ff.jpg"},12214:function(e,t,n){n.r(t),t.default={"content-wrapper":"DemographicsBannerSmallContainer-module__content-wrapper___H9120"}},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"}},19783:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"DemographicsBanner-module__clinical-lowlight-theme___-HUtg","orion-fusion-theme":"DemographicsBanner-module__orion-fusion-theme___LYTD0","demographics-banner":"DemographicsBanner-module__demographics-banner___H8QIb","profile-photo":"DemographicsBanner-module__profile-photo___DET0E",value:"DemographicsBanner-module__value___gF7RD","value-text":"DemographicsBanner-module__value-text___utOuf","value-label":"DemographicsBanner-module__value-label___aIgsd","value-term":"DemographicsBanner-module__value-term___dL86M","person-name":"DemographicsBanner-module__person-name___gtILu",identifiers:"DemographicsBanner-module__identifiers___T-6Dw","person-details":"DemographicsBanner-module__person-details___AeQGJ","preferred-first-name":"DemographicsBanner-module__preferred-first-name___60uzE",deceased:"DemographicsBanner-module__deceased___CJeu7",abbreviation:"DemographicsBanner-module__abbreviation___SRVwy","identifier-row":"DemographicsBanner-module__identifier-row___e30Rc",content:"DemographicsBanner-module__content___-+Rem","application-content":"DemographicsBanner-module__application-content___B6aEi","large-demographics-banner":"DemographicsBanner-module__large-demographics-banner___oCkqO"}},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"}},98599:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),l=n(8604),o=d(n(58601)),i=["age","dateOfBirth","gender","intl","personName"];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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={applicationContent:r.default.node,age:r.default.string,dateOfBirth:r.default.string,deceasedDate:r.default.string,gender:r.default.string,gestationalAge:r.default.string,identifiers:r.default.object,identifiersLongForm:r.default.objectOf(r.default.string),intl:r.default.shape({formatMessage:r.default.func}).isRequired,personName:r.default.string,personNameHeadingLevel:r.default.oneOf([1,2,3,4,5,6]),photo:r.default.node,postMenstrualAge:r.default.string,preferredFirstName:r.default.string},m={applicationContent:null,age:void 0,dateOfBirth:void 0,deceasedDate:null,gender:void 0,gestationalAge:null,identifiers:{},identifiersLongForm:{},personName:void 0,personNameHeadingLevel:2,photo:null,postMenstrualAge:null,preferredFirstName:null},c=function(e){var t=e.age,n=e.dateOfBirth,r=e.gender,l=e.intl,d=e.personName,p=u(e,i),m=l.formatMessage({id:"Terra.demographicsBanner.noDataProvided"});return a.default.createElement(o.default,s({},p,{age:t||m,dateOfBirth:n||m,gender:r||m,personName:d||m,ageTitle:l.formatMessage({id:"Terra.demographicsBanner.age"}),genderTitle:l.formatMessage({id:"Terra.demographicsBanner.gender"}),dateOfBirthLabel:l.formatMessage({id:"Terra.demographicsBanner.dateOfBirth"}),dateOfBirthFullText:l.formatMessage({id:"Terra.demographicsBanner.dateOfBirthFullText"}),deceasedDateLabel:l.formatMessage({id:"Terra.demographicsBanner.deceased"}),gestationalAgeLabel:l.formatMessage({id:"Terra.demographicsBanner.gestationalAge"}),gestationalAgeFullText:l.formatMessage({id:"Terra.demographicsBanner.gestationalAgeFullText"}),postMenstrualAgeLabel:l.formatMessage({id:"Terra.demographicsBanner.postMenstrualAge"}),postMenstrualAgeFullText:l.formatMessage({id:"Terra.demographicsBanner.postMenstrualAgeFullText"})}))};c.propTypes=p,c.defaultProps=m;t.default=(0,l.injectIntl)(c)},58601:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),l=d(n(4213));n(19783);var o=d(n(70285)),i=d(n(72101));function d(e){return e&&e.__esModule?e:{default:e}}var s={applicationContent:r.default.node,age:r.default.string,dateOfBirth:r.default.string,dateOfBirthLabel:r.default.string,dateOfBirthFullText:r.default.string,deceasedDate:r.default.string,deceasedDateLabel:r.default.string,gender:r.default.string,gestationalAge:r.default.string,gestationalAgeLabel:r.default.string,gestationalAgeFullText:r.default.string,identifiers:r.default.object,identifiersLongForm:r.default.objectOf(r.default.string),personName:r.default.string,personNameHeadingLevel:r.default.oneOf([1,2,3,4,5,6]),photo:r.default.node,postMenstrualAge:r.default.string,postMenstrualAgeLabel:r.default.string,postMenstrualAgeFullText:r.default.string,preferredFirstName:r.default.string,ageTitle:r.default.string,genderTitle:r.default.string},u=function(e){return a.default.createElement(l.default,{tiny:a.default.createElement(o.default,e),small:a.default.createElement(i.default,e)})};u.propTypes=s,u.defaultProps={applicationContent:null,age:"--",dateOfBirth:"--",dateOfBirthLabel:"DOB",dateOfBirthFullText:"Date of Birth",deceasedDate:null,deceasedDateLabel:"Deceased",gender:"--",gestationalAge:null,gestationalAgeLabel:"GA",gestationalAgeFullText:"Gestational Age",identifiers:{},identifiersLongForm:{},personName:"--",personNameHeadingLevel:2,photo:null,postMenstrualAge:null,postMenstrualAgeLabel:"PMA",postMenstrualAgeFullText:"Post Menstrual Age",preferredFirstName:null,ageTitle:"Age",genderTitle:"Gender"};t.default=u},72101:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(46942)),l=u(n(67967)),o=u(n(52103)),i=u(n(19783)),d=u(n(28087)),s=["age","applicationContent","dateOfBirth","dateOfBirthFullText","dateOfBirthLabel","deceasedDate","deceasedDateLabel","gender","gestationalAge","gestationalAgeFullText","gestationalAgeLabel","identifiers","identifiersLongForm","personName","personNameHeadingLevel","photo","postMenstrualAge","postMenstrualAgeFullText","postMenstrualAgeLabel","preferredFirstName","ageTitle","genderTitle"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=l.default.bind(i.default);t.default=function(e){e.age;var t=e.applicationContent,n=(e.dateOfBirth,e.dateOfBirthFullText,e.dateOfBirthLabel,e.deceasedDate),l=(e.deceasedDateLabel,e.gender,e.gestationalAge,e.gestationalAgeFullText,e.gestationalAgeLabel,e.identifiers,e.identifiersLongForm,e.personName),i=e.personNameHeadingLevel,u=(e.photo,e.postMenstrualAge,e.postMenstrualAgeFullText,e.postMenstrualAgeLabel,e.preferredFirstName),f=(e.ageTitle,e.genderTitle,m(e,s)),g=a.default.useContext(o.default),h="h".concat(i||2),y=(0,r.default)(c("demographics-banner","large-demographics-banner",{deceased:n},g.className),f.className);return delete f.className,a.default.createElement("section",p({className:y},f),e.photo&&a.default.createElement("div",{className:c("profile-photo")},e.photo),a.default.createElement("div",{className:c("content")},a.default.createElement(h,{className:c("person-name")},l,u&&a.default.createElement("span",{className:c("preferred-first-name")},"(".concat(u,")"))),a.default.createElement("div",{className:c("identifier-row")},a.default.createElement("dl",{className:c("person-details")},d.default.personDetails(e)),a.default.createElement("dl",{className:c("identifiers")},d.default.applicationIdentifiers(e))),a.default.createElement("div",{className:c("application-content")},t)))}},70285:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(46942)),l=u(n(67967)),o=u(n(52103)),i=u(n(19783)),d=u(n(28087)),s=["age","applicationContent","dateOfBirth","dateOfBirthFullText","dateOfBirthLabel","deceasedDate","deceasedDateLabel","gender","gestationalAge","gestationalAgeFullText","gestationalAgeLabel","identifiers","identifiersLongForm","personName","personNameHeadingLevel","photo","postMenstrualAge","postMenstrualAgeFullText","postMenstrualAgeLabel","preferredFirstName","ageTitle","genderTitle"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=l.default.bind(i.default);t.default=function(e){e.age;var t=e.applicationContent,n=(e.dateOfBirth,e.dateOfBirthFullText,e.dateOfBirthLabel,e.deceasedDate),l=(e.deceasedDateLabel,e.gender,e.gestationalAge,e.gestationalAgeFullText,e.gestationalAgeLabel,e.identifiers,e.identifiersLongForm,e.personName),i=e.personNameHeadingLevel,u=(e.photo,e.postMenstrualAge,e.postMenstrualAgeFullText,e.postMenstrualAgeLabel,e.preferredFirstName),f=(e.ageTitle,e.genderTitle,m(e,s)),g=a.default.useContext(o.default),h="h".concat(i||2),y=(0,r.default)(c("demographics-banner",{deceased:n},g.className),f.className);return delete f.className,a.default.createElement("section",p({className:y},f),a.default.createElement(h,{className:c("person-name")},a.default.createElement("span",null,l,u&&a.default.createElement("span",{className:c("preferred-first-name")},"(".concat(u,")")))),a.default.createElement("dl",{className:c("person-details")},d.default.personDetails(e),d.default.applicationIdentifiers(e)),a.default.createElement("div",{className:c("application-content")},t))}},28087:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(67967)),r=i(n(96540)),l=i(n(16524)),o=i(n(19783));function i(e){return e&&e.__esModule?e:{default:e}}var d=a.default.bind(o.default),s=function(e){var t,n=e.label,a=e.value,o=e.abbrTitle;return n&&o?t=r.default.createElement("span",{className:d("value-label")},r.default.createElement("abbr",{className:d("abbreviation"),title:o,"aria-hidden":"true"},"".concat(n,":"))):n&&(t=r.default.createElement("span",{className:d("value-label")},"".concat(n,":"))),r.default.createElement("div",{className:d("value")},r.default.createElement("dt",{className:d("value-term")},o&&r.default.createElement(l.default,{text:o}),t),r.default.createElement("dd",{className:d("value-text")},a))},u={personDetails:function(e){var t=[r.default.createElement(s,{key:"age",abbrTitle:e.ageTitle,value:e.age}),r.default.createElement(s,{key:"gender",abbrTitle:e.genderTitle,value:e.gender}),r.default.createElement(s,{key:"dob",abbrTitle:e.dateOfBirthFullText,label:e.dateOfBirthLabel,value:e.dateOfBirth})];return e.gestationalAge&&t.push(r.default.createElement(s,{key:"ga",abbrTitle:e.gestationalAgeFullText,label:e.gestationalAgeLabel,value:e.gestationalAge})),e.postMenstrualAge&&t.push(r.default.createElement(s,{key:"pma",abbrTitle:e.postMenstrualAgeFullText,label:e.postMenstrualAgeLabel,value:e.postMenstrualAge})),e.deceasedDate&&t.push(r.default.createElement(s,{key:"deceased",label:e.deceasedDateLabel,value:e.deceasedDate})),t},applicationIdentifiers:function(e){var t=e.identifiers,n=e.identifiersLongForm;return t?Object.keys(t).map((function(e){return r.default.createElement(s,{abbrTitle:n&&n[e]?n[e]:void 0,key:"identifier-".concat(e),label:e,value:t[e]})})):null}};t.default=u},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),l=u(n(46942)),o=u(n(67967)),i=u(n(52103)),d=u(n(78482)),s=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=o.default.bind(d.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},g=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,o=m(e,s),d=a.default.useContext(i.default),u=(0,l.default)(c("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},d.className),o.className);return a.default.createElement("table",p({},o,{className:u}),t)};g.propTypes=f,g.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=g},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},s=function(e){var t=e.children,n=i(e,l);return a.default.createElement("tbody",n,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},s=function(e){var t=e.children,n=i(e,l);return a.default.createElement("td",n,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=i(n(96540)),r=i(n(5556)),l=i(n(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s={children:r.default.node},u=function(e){var t=e.children,n=d(e,o);return a.default.createElement("thead",n,a.default.createElement("tr",null,l.default.addScope(t,"col")))};u.propTypes=s,u.defaultProps={children:[]};t.default=u},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var n,a,r=function(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var d={children:r.default.node},s=function(e){var t=e.children,n=i(e,l);return a.default.createElement("th",n,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=s(n(96540)),r=s(n(5556)),l=s(n(67967)),o=s(n(78482)),i=s(n(10767)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=l.default.bind(o.default),c={children:r.default.node},f=function(e){var t=e.children,n=p(e,d),r=m(["row"]);return a.default.createElement("tr",u({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),i.default.addScope(t,"row"))};f.propTypes=c,f.defaultProps={children:[]};t.default=f},10767:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,r=(a=n(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.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 r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var a=s(n(85444)),r=s(n(61452)),l=s(n(36142)),o=s(n(86472)),i=s(n(97441)),d=s(n(22417));function s(e){return e&&e.__esModule?e:{default:e}}t.default=a.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=l(n(96540)),r=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=i.default.enormous&&u?"enormous":e>=i.default.huge&&s?"huge":e>=i.default.large&&d?"large":e>=i.default.medium&&o?"medium":e>=i.default.small&&l?"small":"tiny",this.state.element!==p&&this.setState({element:p}))}},{key:"handleWindowResize",value:function(){this.handleResize(window.innerWidth)}},{key:"setContainer",value:function(e){null!==e&&(this.container="parent"===this.props.responsiveTo?e.parentNode:null)}},{key:"render",value:function(){var e=this.props,t=e.children,n=e.responsiveTo;return this.state.element?this.props[this.state.element]||null:r.default.createElement(r.default.Fragment,null,"parent"===n&&!this.container&&r.default.createElement("div",{ref:this.setContainer}),t)}}])&&u(n.prototype,a),l&&u(n,l),Object.defineProperty(n,"prototype",{writable:!1}),t}(r.default.Component);b.propTypes=y,b.defaultProps={responsiveTo:"parent"};t.default=b}}]); \ No newline at end of file diff --git a/66653-12e93fcaa1ef8591ce71.css b/66653-12e93fcaa1ef8591ce71.css new file mode 100644 index 000000000..6cfca39a6 --- /dev/null +++ b/66653-12e93fcaa1ef8591ce71.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} +.ListDocCommon-module__placeholder___9sgl3{height:50px}[dir] .list-item{padding:10px 0}[dir] .list-item-focus{padding:10px 0}.list-item-focus:focus{outline:2px dashed #000;outline-offset:-2px} +.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/66719-0dbfc632023db00a0612.css b/66719-0dbfc632023db00a0612.css new file mode 100644 index 000000000..fedc11357 --- /dev/null +++ b/66719-0dbfc632023db00a0612.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} +.Text-module__clinical-lowlight-theme___mG7dV{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___s3eY\+{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___pR3Hk{display:inline-block;font-weight:inherit}.Text-module__inherit-color___BT1c9{color:inherit}.Text-module__italic___Ai80R{font-style:italic}.Text-module__word-wrap___RWBlC{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___QjMrh{font-size:7.143rem}.Text-module__font-size-92___xffy1{font-size:6.571rem}.Text-module__font-size-72___R9WxS{font-size:5.143rem}.Text-module__font-size-64___A0fSP{font-size:4.571rem}.Text-module__font-size-56___EpTwK{font-size:4rem}.Text-module__font-size-50___Hy8ue{font-size:3.571rem}.Text-module__font-size-46___MU8-J{font-size:3.286rem}.Text-module__font-size-36___8M9ck{font-size:2.571rem}.Text-module__font-size-32___-m5nt{font-size:2.286rem}.Text-module__font-size-24___OOFKN{font-size:1.714rem}.Text-module__font-size-20___rJO6P{font-size:1.429rem}.Text-module__font-size-18___TCBtv{font-size:1.286rem}.Text-module__font-size-16___ovQH2{font-size:1.143rem}.Text-module__font-size-14___fYamg{font-size:1rem}.Text-module__font-size-12___EGKPm{font-size:.8571rem}.Text-module__font-size-10___xZOQY{font-size:.7143rem}.Text-module__font-weight-200___NABUq{font-weight:200}.Text-module__font-weight-300___vm83w{font-weight:300}.Text-module__font-weight-400___Z-2pQ{font-weight:400}.Text-module__font-weight-700___WIUZQ{font-weight:700}.Text-module__visually-hidden___hgjcq{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___hgjcq{border:0;margin:-1px;padding:0}.Text-module__font-stack___ydj-0::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.colors-module__clinical-lowlight-theme___djX\+a{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif';--terra-text-attention-color: #fb4c4c;--terra-text-default-color: #6f7477;--terra-text-info-color: #5a81ff;--terra-text-success-color: #28dae0}.colors-module__orion-fusion-theme___gHvde{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif';--terra-text-attention-color: #c00;--terra-text-default-color: #1c1f21;--terra-text-info-color: #0065a3;--terra-text-success-color: #78c346}:root{--terra-text-attention-color: rgb(220, 20, 60);--terra-text-success-color: rgb(46, 125, 50);--terra-text-info-color: #304ffe;--terra-text-default-color: #333}.colors-module__default___xEB3r{color:#333;color:var(--terra-text-default-color, #333)}.colors-module__attention___ra\+PH{color:rgb(220, 20, 60);color:var(--terra-text-attention-color, rgb(220, 20, 60))}.colors-module__success___0EbKw{color:rgb(46, 125, 50);color:var(--terra-text-success-color, rgb(46, 125, 50))}.colors-module__info___DYABi{color:#304ffe;color:var(--terra-text-info-color, #304ffe)} +.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)} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}} +[dir=ltr] .TextDocCommon-module__content-wrapper___Iyhd9{margin-left:10px;margin-right:10px}[dir=rtl] .TextDocCommon-module__content-wrapper___Iyhd9{margin-right:10px;margin-left:10px}.TextDocCommon-module__text-wrapper___x8WkM{width:150px}[dir] .TextDocCommon-module__text-wrapper___x8WkM{border:1px solid} +.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/66975-db422236748e4a158861.css b/66975-db422236748e4a158861.css new file mode 100644 index 000000000..a6058e9f0 --- /dev/null +++ b/66975-db422236748e4a158861.css @@ -0,0 +1,8 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___3YhK5{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___7Wo5q{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___RIhrF{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___RIhrF{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} +.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/66975-db422236748e4a158861.js b/66975-db422236748e4a158861.js new file mode 100644 index 000000000..4c0a2343d --- /dev/null +++ b/66975-db422236748e4a158861.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[66975,4645,22147,44528,77385,99766,32623,55004,3618,85785,8166,30547,52928,96261],{7295:function(e,l,n){l.A=void 0;var a=o(n(96540)),m=n(49737),r=o(n(67967)),d=o(n(1537));function o(e){return e&&e.__esModule?e:{default:e}}var t=r.default.bind(d.default);l.A=function(){return a.default.createElement(m.ComboboxField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:t("form-select")},a.default.createElement(m.ComboboxField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(m.ComboboxField.Option,{value:"small",display:"Small"}),a.default.createElement(m.ComboboxField.Option,{value:"medium",display:"Medium"}),a.default.createElement(m.ComboboxField.Option,{value:"large",display:"Large"}),a.default.createElement(m.ComboboxField.Option,{value:"xLarge",display:"Extra Large"}))}},18075:function(e,l,n){l.A=void 0;var a=o(n(96540)),m=n(49737),r=o(n(67967)),d=o(n(1537));function o(e){return e&&e.__esModule?e:{default:e}}var t=r.default.bind(d.default);l.A=function(){return a.default.createElement(m.ComboboxField,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",className:t("form-select")},a.default.createElement(m.ComboboxField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(m.ComboboxField.Option,{value:"small",display:"Small"}),a.default.createElement(m.ComboboxField.Option,{value:"medium",display:"Medium"}),a.default.createElement(m.ComboboxField.Option,{value:"large",display:"Large"}),a.default.createElement(m.ComboboxField.Option,{value:"xLarge",display:"Extra Large"}))}},23811:function(e,l,n){l.A=void 0;var a=t(n(96540)),m=t(n(67967)),r=t(n(58582)),d=n(49737),o=t(n(1537));function t(e){return e&&e.__esModule?e:{default:e}}var i=m.default.bind(o.default),u="T-shirt size";l.A=function(){return a.default.createElement(r.default,null,a.default.createElement(r.default.Row,null,a.default.createElement(r.default.Column,{small:1},a.default.createElement("span",{className:i("field-label")},u)),a.default.createElement(r.default.Column,{small:3},a.default.createElement(d.ComboboxField,{label:u,isLabelHidden:!0,placeholder:"Select a size",selectId:"tshirt-size-field-1",className:i("form-select"),help:"Please take note that product sizes may vary."},a.default.createElement(d.ComboboxField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(d.ComboboxField.Option,{value:"small",display:"Small"}),a.default.createElement(d.ComboboxField.Option,{value:"medium",display:"Medium"}),a.default.createElement(d.ComboboxField.Option,{value:"large",display:"Large"}),a.default.createElement(d.ComboboxField.Option,{value:"xLarge",display:"Extra Large"})))))}},40624:function(e,l,n){l.A=void 0;var a=o(n(96540)),m=n(49737),r=o(n(67967)),d=o(n(1537));function o(e){return e&&e.__esModule?e:{default:e}}var t=r.default.bind(d.default);l.A=function(){return a.default.createElement(m.ComboboxField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",required:!0,className:t("form-select")},a.default.createElement(m.ComboboxField.Option,{value:"xSmall",display:"Extra Small"}),a.default.createElement(m.ComboboxField.Option,{value:"small",display:"Small"}),a.default.createElement(m.ComboboxField.Option,{value:"medium",display:"Medium"}),a.default.createElement(m.ComboboxField.Option,{value:"large",display:"Large"}),a.default.createElement(m.ComboboxField.Option,{value:"xLarge",display:"Extra Large"}))}},90405:function(e,l,n){n.r(l),n.d(l,{default:function(){return X}});var a=n(96540),m=n(36665),r=n(52968),d=n(7295),o=["components"];function t(){return t=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var u={};function p(e){var l=e.components,n=i(e,o);return(0,m.mdx)("wrapper",t({},u,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { ComboboxField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}p.isMDXComponent=!0;var s=n(201),c=n(71459),x=function(e){var l=e.title,n=e.description,m=e.isExpanded;return a.createElement(s.A,{title:l||"Combobox Field",description:n,example:a.createElement(d.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(p,null),isExpanded:m})},y=n(23811),f=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var g={};function h(e){var l=e.components,n=b(e,f);return(0,m.mdx)("wrapper",_({},g,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Grid from \'terra-grid\';\nimport { ComboboxField } from \'terra-form-select\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst label = \'T-shirt size\';\nconst InlineLabelFieldExample = () => (\n \n \n \n {label}\n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default InlineLabelFieldExample;\n\n')))}h.isMDXComponent=!0;var C=function(e){var l=e.title,n=e.description,m=e.isExpanded;return a.createElement(s.A,{title:l||"Inline Label Field",description:n,example:a.createElement(y.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(h,null),isExpanded:m})},v=n(40624),N=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var j={};function R(e){var l=e.components,n=O(e,N);return(0,m.mdx)("wrapper",T({},j,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { ComboboxField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}R.isMDXComponent=!0;var E=function(e){var l=e.title,n=e.description,m=e.isExpanded;return a.createElement(s.A,{title:l||"Required Combobox Field",description:n,example:a.createElement(v.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(R,null),isExpanded:m})},w=n(18075),G=["components"];function F(){return F=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var q={};function D(e){var l=e.components,n=S(e,G);return(0,m.mdx)("wrapper",F({},q,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { ComboboxField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst ComboboxFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default ComboboxFieldExample;\n\n')))}D.isMDXComponent=!0;var I=function(e){var l=e.title,n=e.description,m=e.isExpanded;return a.createElement(s.A,{title:l||"Incomplete Combobox Field",description:n,example:a.createElement(w.A,null),exampleCssSrc:a.createElement(c.A,null),exampleSrc:a.createElement(D,null),isExpanded:m})},P=n(12883),Z=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var W={},z="wrapper";function A(e){var l=e.components,n=L(e,Z);return(0,m.mdx)(z,k({},W,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(P.Ay,{mdxType:"PropsTable"},(0,m.mdx)(P.fI,{key:"ROW1",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"allowClear"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether a clear option is available to clear the selection."))),(0,m.mdx)(P.fI,{key:"ROW2",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"children"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The select options."))),(0,m.mdx)(P.fI,{key:"ROW3",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"label"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(P.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The field label."))),(0,m.mdx)(P.fI,{key:"ROW4",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,m.mdx)(P.fI,{key:"ROW5",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"disabled"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the input is disabled."))),(0,m.mdx)(P.fI,{key:"ROW6",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"error"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,m.mdx)(P.fI,{key:"ROW7",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"help"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Help message to display with the select."))),(0,m.mdx)(P.fI,{key:"ROW8",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,m.mdx)(P.fI,{key:"ROW9",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,m.mdx)("em",{parentName:"p"},"(usage note: ",(0,m.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,m.mdx)(P.fI,{key:"ROW10",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"isInline"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,m.mdx)(P.fI,{key:"ROW11",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,m.mdx)(P.fI,{key:"ROW12",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,m.mdx)(P.fI,{key:"ROW13",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,m.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."))),(0,m.mdx)(P.fI,{key:"ROW14",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,m.mdx)(P.fI,{key:"ROW15",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The max height of the dropdown."))),(0,m.mdx)(P.fI,{key:"ROW16",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Set the max-width of a field using ",(0,m.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,m.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,m.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,m.mdx)(P.fI,{key:"ROW17",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"onChange"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,m.mdx)(P.fI,{key:"ROW18",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"placeholder"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Placeholder text."))),(0,m.mdx)(P.fI,{key:"ROW19",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"required"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether the field is required."))),(0,m.mdx)(P.fI,{key:"ROW20",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,m.mdx)(P.fI,{key:"ROW21",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"selectId"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,m.mdx)(P.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("p",null,"none")),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,m.mdx)(P.fI,{key:"ROW22",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"showOptional"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,m.mdx)(P.fI,{key:"ROW23",mdxType:"Row"},(0,m.mdx)(P.dt,{mdxType:"PropNameCell"},"value"),(0,m.mdx)(P.$d,{mdxType:"TypeCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,m.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,m.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,m.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,m.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}A.isMDXComponent=!0;var H=["components"];function M(){return M=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var V={},$="wrapper";function X(e){var l=e.components,n=Y(e,H);return(0,m.mdx)($,M({},V,n,{components:l,mdxType:"MDXLayout"}),(0,m.mdx)(r.E,{mdxType:"Badge"}),(0,m.mdx)("h1",{id:"terra-form-combobox-field"},"Terra Form Combobox Field"),(0,m.mdx)("p",null,"A convenience wrapper assembling a ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/Combobox.jsx"},"terra-form-select Combobox")," within a ",(0,m.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,m.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Install with ",(0,m.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,m.mdx)("h2",{id:"usage"},"Usage"),(0,m.mdx)("pre",null,(0,m.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { ComboboxField } from 'terra-form-select';\n")),(0,m.mdx)("h2",{id:"component-features"},"Component Features"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,m.mdx)("h2",{id:"examples"},"Examples"),(0,m.mdx)(x,{title:"Combobox Field Example",mdxType:"ComboboxFieldExample"}),(0,m.mdx)(E,{title:"Required Combobox Field Example",mdxType:"RequiredComboboxFieldExample"}),(0,m.mdx)(I,{title:"Incomplete Combobox Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteComboboxFieldExample"}),(0,m.mdx)(C,{title:"Combobox Field with Inline Label",mdxType:"InlineLabelFieldExample"}),(0,m.mdx)("h2",{id:"combobox-field-props"},"Combobox Field Props"),(0,m.mdx)(A,{mdxType:"ComboboxFieldPropsTable"}))}X.isMDXComponent=!0},87030:function(e,l,n){n.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},58582:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=o(n(96540)),m=o(n(5556)),r=o(n(64216)),d=o(n(83452));function o(e){return e&&e.__esModule?e:{default:e}}var t={children:m.default.node.isRequired},i=function(e){return a.default.createElement("div",e)};i.propTypes=t,i.Row=r.default,i.Column=d.default;l.default=i},83452:function(e,l,n){function a(e){return a="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},a(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var m=p(n(96540)),r=p(n(5556)),d=p(n(46942)),o=p(n(67967)),t=p(n(52103)),i=p(n(87030)),u=["className","children","tiny","small","medium","large","huge","enormous"];function p(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var y=o.default.bind(i.default),f=function(e,l){if(e[l]){var n=e[l];return n>=1&&n<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},_={children:r.default.node,className:r.default.string,tiny:f,enormous:f,huge:f,large:f,medium:f,small:f},b=function(e){var l=e.className,n=e.children,a=e.tiny,r=e.small,o=e.medium,i=e.large,p=e.huge,f=e.enormous,_=x(e,u),b=m.default.useContext(t.default),g=(0,d.default)(y(["column",c(c(c(c(c(c({},"column-tiny-".concat(a),a),"column-small-".concat(r),r),"column-medium-".concat(o),o),"column-large-".concat(i),i),"column-huge-".concat(p),p),"column-enormous-".concat(f),f),b.className]),l);return m.default.createElement("div",s({},_,{className:g}),n)};b.propTypes=_;l.default=b},64216:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=u(n(96540)),m=u(n(5556)),r=u(n(46942)),d=u(n(67967)),o=u(n(52103)),t=u(n(87030)),i=["className","children"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(m[n]=e[n]);return m}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(m[n]=e[n])}return m}var c=d.default.bind(t.default),x={children:m.default.node.isRequired,className:m.default.string},y=function(e){var l=e.className,n=e.children,m=s(e,i),d=a.default.useContext(o.default);return a.default.createElement("div",p({},m,{className:(0,r.default)(c("grid",d.className),l)}),n)};y.propTypes=x;l.default=y}}]); \ No newline at end of file diff --git a/67173-40b1042e79d1d0644046.css b/67173-40b1042e79d1d0644046.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/67173-40b1042e79d1d0644046.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/67173-40b1042e79d1d0644046.js b/67173-40b1042e79d1d0644046.js new file mode 100644 index 000000000..b3d0911f5 --- /dev/null +++ b/67173-40b1042e79d1d0644046.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[67173,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,l){var m=l(24994);a.A=void 0;var d=m(l(96540)),n=m(l(5556)),r=m(l(67967)),u=m(l(25642)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,m=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:m||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},m?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=a?d.default.createElement("a",{className:i("badge"),href:a},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;a.A=p},67173:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(96540);var m=l(36665),d=l(45647),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var i={},t="wrapper";function p(e){var a=e.components,l=u(e,n);return(0,m.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"3561-alpha0---april-10-2024"},"3.56.1-alpha.0 - (April 10, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Changed flex property to be compatible with IE.")))),(0,m.mdx)("h2",{id:"3560---february-15-2024"},"3.56.0 - (February 15, 2024)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,m.mdx)("h2",{id:"3550---november-13-2023"},"3.55.0 - (November 13, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3540---october-23-2023"},"3.54.0 - (October 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when the viewport is resized to 320x256 px.")),(0,m.mdx)("h2",{id:"3530---august-23-2023"},"3.53.0 - (August 23, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed custom styles for ",(0,m.mdx)("inlineCode",{parentName:"li"},"terra-arrange")," to avoid issues on other components.")))),(0,m.mdx)("h2",{id:"3520---august-1-2023"},"3.52.0 - (August 1, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated Arrange to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"span")," elements instead of ",(0,m.mdx)("inlineCode",{parentName:"li"},"div"),"."))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Fixed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed reflow issue when zoomed to 400% and the viewport is resized to 320x256 px.")))),(0,m.mdx)("h2",{id:"3510---february-15-2023"},"3.51.0 - (February 15, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"3500---december-7-2022"},"3.50.0 - (December 7, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3490---september-28-2021"},"3.49.0 - (September 28, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO screenshots.")))),(0,m.mdx)("h2",{id:"3480---september-21-2021"},"3.48.0 - (September 21, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,m.mdx)("h2",{id:"3470---july-6-2021"},"3.47.0 - (July 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update test urls to account for scoped packages.")))),(0,m.mdx)("h2",{id:"3460---may-11-2021"},"3.46.0 - (May 11, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"migrate doc to terra-core-docs"),(0,m.mdx)("li",{parentName:"ul"},"remove unnecessary dependencies")))),(0,m.mdx)("h2",{id:"3450---april-13-2021"},"3.45.0 - (April 13, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3440---april-6-2021"},"3.44.0 - (April 6, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,m.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,m.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,m.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"3430---february-2-2021"},"3.43.0 - (February 2, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3420---january-5-2021"},"3.42.0 - (January 5, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed"),(0,m.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation.")),(0,m.mdx)("h2",{id:"3410---december-8-2020"},"3.41.0 - (December 8, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3400---november-17-2020"},"3.40.0 - (November 17, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,m.mdx)("h2",{id:"3390---october-27-2020"},"3.39.0 - (October 27, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3380---august-6-2020"},"3.38.0 - (August 6, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3370---august-4-2020"},"3.37.0 - (August 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3360---july-29-2020"},"3.36.0 - (July 29, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,m.mdx)("h2",{id:"3350---july-7-2020"},"3.35.0 - (July 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated ",(0,m.mdx)("inlineCode",{parentName:"li"},"master")," references to ",(0,m.mdx)("inlineCode",{parentName:"li"},"main"),".")))),(0,m.mdx)("h2",{id:"3340---june-9-2020"},"3.34.0 - (June 9, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,m.mdx)("h2",{id:"3330---may-19-2020"},"3.33.0 - (May 19, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3320---april-28-2020"},"3.32.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"3310---april-22-2020"},"3.31.0 - (April 22, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated docs for documentation link"),(0,m.mdx)("li",{parentName:"ul"},"Removed extra lines from README")))),(0,m.mdx)("h2",{id:"3300---march-10-2020"},"3.30.0 - (March 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3290---february-18-2020"},"3.29.0 - (February 18, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added generated-themes to .npmignore")))),(0,m.mdx)("h2",{id:"3280---february-4-2020"},"3.28.0 - (February 4, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update docs to use MDX syntax.")))),(0,m.mdx)("h2",{id:"3270---january-28-2020"},"3.27.0 - (January 28, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3260---january-7-2020"},"3.26.0 - (January 7, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed yarn reference in docs")))),(0,m.mdx)("h2",{id:"3250---december-3-2019"},"3.25.0 - (December 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Added reference wdio screenshots for "orion-fusion-theme".')))),(0,m.mdx)("h2",{id:"3240---october-30-2019"},"3.24.0 - (October 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3230---october-3-2019"},"3.23.0 - (October 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3220---september-19-2019"},"3.22.0 - (September 19, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,m.mdx)("h2",{id:"3210---september-6-2019"},"3.21.0 - (September 6, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,m.mdx)("h2",{id:"3200---september-3-2019"},"3.20.0 - (September 3, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3190---august-21-2019"},"3.19.0 - (August 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,m.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,m.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"3180---august-14-2019"},"3.18.0 - (August 14, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,m.mdx)("li",{parentName:"ul"},"Updated Props description for alignFitEnd and alignFill.")))),(0,m.mdx)("h2",{id:"3170---july-30-2019"},"3.17.0 - (July 30, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3160---july-24-2019"},"3.16.0 - (July 24, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3150---july-16-2019"},"3.15.0 - (July 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,m.mdx)("h2",{id:"3140----july-11-2019"},"3.14.0 - (July 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3130---july-9-2019"},"3.13.0 - (July 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports")))),(0,m.mdx)("h2",{id:"3120---june-28-2019"},"3.12.0 - (June 28, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"3110---june-18-2019"},"3.11.0 - (June 18, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"3100---june-11-2019"},"3.10.0 - (June 11, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,m.mdx)("h2",{id:"390---may-1-2019"},"3.9.0 - (May 1, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Restructured arrange examples to better demonstrate alignment functionality")))),(0,m.mdx)("h2",{id:"380---april-16-2019"},"3.8.0 - (April 16, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"370---april-9-2019"},"3.7.0 - (April 9, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"360---march-26-2019"},"3.6.0 - (March 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,m.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,m.mdx)("h2",{id:"350---march-21-2019"},"3.5.0 - (March 21, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"340---february-26-2019"},"3.4.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"330---february-12-2019"},"3.3.0 - (February 12, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"320---february-5-2019"},"3.2.0 - (February 5, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"310---january-26-2019"},"3.1.0 - (January 26, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"300---january-22-2019"},"3.0.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,m.mdx)("h2",{id:"2340---january-22-2019"},"2.34.0 - (January 22, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated dependencies to fix major version bump issues")))),(0,m.mdx)("h2",{id:"2330---january-8-2019"},"2.33.0 - (January 8, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2320---january-2-2019"},"2.32.0 - (January 2, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible."),(0,m.mdx)("li",{parentName:"ul"},"Removed use of componentWillMount from examples")))),(0,m.mdx)("h2",{id:"2311---november-20-2018"},"2.31.1 - (November 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2310---november-19-2018"},"2.31.0 - (November 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2300---november-13-2018"},"2.30.0 - (November 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2290---november-9-2018"},"2.29.0 - (November 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2280---october-24-2018"},"2.28.0 - (October 24, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2270---october-16-2018"},"2.27.0 - (October 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2260---october-8-2018"},"2.26.0 - (October 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2250---october-2-2018"},"2.25.0 - (October 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Export for alignment types added")))),(0,m.mdx)("h2",{id:"2240---september-25-2018"},"2.24.0 - (September 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2231---september-6-2018"},"2.23.1 - (September 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,m.mdx)("h2",{id:"2230---september-5-2018"},"2.23.0 - (September 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,m.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,m.mdx)("h2",{id:"2220---september-4-2018"},"2.22.0 - (September 4, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2210---august-29-2018"},"2.21.0 - (August 29, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2200---august-1-2018"},"2.20.0 - (August 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2190---july-19-2018"},"2.19.0 - (July 19, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"2180---july-17-2018"},"2.18.0 - (July 17, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,m.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,m.mdx)("h2",{id:"2170---july-10-2018"},"2.17.0 - (July 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2160---june-28-2018"},"2.16.0 - (June 28, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Added"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"2150---june-22-2018"},"2.15.0 - (June 22, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,m.mdx)("h2",{id:"2140---june-12-2018"},"2.14.0 - (June 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,m.mdx)("h2",{id:"2130---may-30-2018"},"2.13.0 - (May 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,m.mdx)("h2",{id:"2120---may-25-2018"},"2.12.0 - (May 25, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2110---may-23-2018"},"2.11.0 - (May 23, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"2100---may-16-2018"},"2.10.0 - (May 16, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"290---may-9-2018"},"2.9.0 - (May 9, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"280---may-2-2018"},"2.8.0 - (May 2, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"270---april-20-2018"},"2.7.0 - (April 20, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"260---april-15-2018"},"2.6.0 - (April 15, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"250---april-5-2018"},"2.5.0 - (April 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"240---march-30-2018"},"2.4.0 - (March 30, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"230---march-14-2018"},"2.3.0 - (March 14, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed error thrown when fitStart or fitEnd isn't provided.")))),(0,m.mdx)("h2",{id:"220---march-6-2018"},"2.2.0 - (March 6, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed props-table script from package.json")))),(0,m.mdx)("h2",{id:"210---february-26-2018"},"2.1.0 - (February 26, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"201---february-13-2018"},"2.0.1 - (February 13, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated peerDependencies")))),(0,m.mdx)("h2",{id:"200---february-12-2018"},"2.0.0 - (February 12, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16")))),(0,m.mdx)("h2",{id:"1190---february-1-2018"},"1.19.0 - (February 1, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1180---january-18-2018"},"1.18.0 - (January 18, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1170---january-5-2018"},"1.17.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed broken image in arrange example")))),(0,m.mdx)("h2",{id:"1160---november-28-2017"},"1.16.0 - (November 28, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1150---november-16-2017"},"1.15.0 - (November 16, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1140---november-7-2017"},"1.14.0 - (November 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1130---october-31-2017"},"1.13.0 - (October 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Change to be flexbox component and adding new props to apply attributes to content containers")))),(0,m.mdx)("h2",{id:"1120---october-6-2017"},"1.12.0 - (October 6, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"1110---september-26-2017"},"1.11.0 - (September 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Removed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Remove stylelint-disable selector-class-pattern")))),(0,m.mdx)("h2",{id:"1100---september-12-2017"},"1.10.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"190---september-12-2017"},"1.9.0 - (September 12, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"180---september-7-2017"},"1.8.0 - (September 7, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"170---september-5-2017"},"1.7.0 - (September 5, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Update nightwatch tests and test scripts.")))),(0,m.mdx)("h2",{id:"160---august-31-2017"},"1.6.0 - (August 31, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"150---august-15-2017"},"1.5.0 - (August 15, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"140---august-8-2017"},"1.4.0 - (August 8, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"130---august-1-2017"},"1.3.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"120---july-26-2017"},"1.2.0 - (July 26, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Changed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"110---july-18-2017"},"1.1.0 - (July 18, 2017)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(0,m.mdx)("li",{parentName:"ul"},"Updated nightwatch test scripts"))),(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Removed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed nightwatch.config file")))),(0,m.mdx)("h2",{id:"100---june-28-2017"},"1.0.0 - (June 28, 2017)"),(0,m.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 a=1;a=0||(d[l]=e[l]);return d}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(m=0;m=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(d[l]=e[l])}return d}var s={},h="wrapper";function c(e){var a=e.components,l=N(e,x);return(0,m.mdx)(h,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)(d.E,{mdxType:"Badge"}),(0,m.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},45647:function(e,a,l){l.d(a,{E:function(){return n}});var m=l(96540),d=l(55713),n=function(e){var a=e.url;return m.createElement(d.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.56.1-alpha.0",url:a})}},25642:function(e,a,l){l.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/67526-bcd3674fb4d04bff9db3.css b/67526-bcd3674fb4d04bff9db3.css new file mode 100644 index 000000000..f7670feff --- /dev/null +++ b/67526-bcd3674fb4d04bff9db3.css @@ -0,0 +1,6 @@ +.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} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.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)} +.InputFieldDocCommon-module__field-label___vxa7d{font-weight:700}.InputFieldDocCommon-module__flex-box-container___VT6SP{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:.5rem} +.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/67526-bcd3674fb4d04bff9db3.js b/67526-bcd3674fb4d04bff9db3.js new file mode 100644 index 000000000..579a54f09 --- /dev/null +++ b/67526-bcd3674fb4d04bff9db3.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[67526,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,57626],{14696:function(e,t,n){t.A=void 0;var l,r=(l=n(96540))&&l.__esModule?l:{default:l},a=n(45947);t.A=function(){return r.default.createElement(a.InputField,{inputId:"incompleteField",label:"Incomplete Input Field",help:"Note: This is help text",type:"text",required:!0,isIncomplete:!0,inputAttrs:{name:"requiredField"}})}},11655:function(e,t,n){t.A=void 0;var l=o(n(96540)),r=o(n(67967)),a=n(45947),d=o(n(44680));function o(e){return e&&e.__esModule?e:{default:e}}var p=r.default.bind(d.default),u="Profile Name";t.A=function(){return l.default.createElement("div",{className:p("flex-box-container")},l.default.createElement("div",null,l.default.createElement("span",{className:p("field-label")},u)),l.default.createElement("div",null,l.default.createElement(a.InputField,{inputId:"profile-name",isLabelHidden:!0,isInline:!0,label:u,help:"Note: profile name cannot be changed in the future",type:"text",inputAttrs:{name:"profile"}})))}},16052:function(e,t,n){t.A=void 0;var l,r=(l=n(96540))&&l.__esModule?l:{default:l},a=n(45947);t.A=function(){return r.default.createElement(a.InputField,{inputId:"profile-name",label:"Profile Name",help:"Note: This can not be changed in the future",type:"text",inputAttrs:{name:"profile"}})}},21689:function(e,t,n){t.A=void 0;var l,r=(l=n(96540))&&l.__esModule?l:{default:l},a=n(45947);t.A=function(){return r.default.createElement(a.InputField,{inputId:"numeric-input",label:"Numeric Value",type:"number",help:"Enter Digits",inputAttrs:{name:"numeric"}})}},84565:function(e,t,n){t.A=void 0;var l,r=(l=n(96540))&&l.__esModule?l:{default:l},a=n(45947);t.A=function(){return r.default.createElement(a.InputField,{inputId:"requiredField",label:"Required Input Field",help:"Note: This is help text",type:"text",required:!0,inputAttrs:{name:"requiredField"}})}},201:function(e,t,n){var l=n(24994),r=n(73738);t.A=void 0;var a=l(n(85715)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=a?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(l,d,o):l[d]=e[d]}return l.default=e,n&&n.set(e,l),l}(n(96540)),o=l(n(5556)),p=l(n(67967)),u=n(92912),i=l(n(49558)),m=l(n(53665)),c=n(25966),s=l(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 x=p.default.bind(s.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},g=function(e){var t=e.example,n=e.exampleSrc,l=e.exampleCssSrc,r=e.title,o=e.description,p=e.isExpanded,s=(0,d.useState)(p),f=(0,a.default)(s,2),y=f[0],g=f[1],h=(0,d.useState)(!1),T=(0,a.default)(h,2),_=T[0],N=T[1],O=d.default.useContext(u.ThemeContext),j=void 0!==l,C=function(){N(!_),y&&g(!y)},E=function(){g(!y),_&&N(!_)},w=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:x("template",O.className)},d.default.createElement("div",{className:x("header")},r&&d.default.createElement("h2",{className:x("title")},r)),d.default.createElement("div",{className:x("content")},o&&d.default.createElement("div",{className:x("description")},o),t),d.default.createElement("div",{className:x("footer")},n?d.default.createElement("div",{className:x("button-container")},j&&d.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":_}),onClick:C,onKeyDown:function(e){return w(e,C)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(i.default,{className:x("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(m.default,{className:x("chevron")})),d.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:E,onKeyDown:function(e){return w(e,E)},onBlur:b,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(i.default,{className:x("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(m.default,{className:x("chevron")}))):null,d.default.createElement("div",null,_&&d.default.createElement("div",{className:x("css")},l),y&&d.default.createElement("div",{className:x("code")},n))))};g.propTypes=y,g.defaultProps={isExpanded:!1};t.A=g},12883:function(e,t,n){var l=n(24994),r=n(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return u.Row}}),t.Ay=t.$d=void 0;var a=c(n(96540)),d=l(n(5556)),o=l(n(67967)),p=n(92912),u=c(n(26984)),i=l(n(89744));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(m=function(e){return e?n:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=m(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=a?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(l,d,o):l[d]=e[d]}return l.default=e,n&&n.set(e,l),l}var s=o.default.bind(i.default),f={children:d.default.node},x={isRequired:d.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return a.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return a.default.createElement(u.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,a.useContext)(p.ThemeContext);return a.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},a.default.createElement(u.Header,{className:s("header")},a.default.createElement(u.HeaderCell,null,"Prop"),a.default.createElement(u.HeaderCell,null,"Type"),a.default.createElement(u.HeaderCell,null,"Required"),a.default.createElement(u.HeaderCell,null,"Default"),a.default.createElement(u.HeaderCell,null,"Description")),a.default.createElement(u.Body,null,t))};y.propTypes=f;t.Ay=y},94821:function(e,t,n){n.r(t),n.d(t,{default:function(){return ae}});var l=n(96540),r=n(36665),a=n(1804),d=n(16052),o=["components"];function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var i={};function m(e){var t=e.components,n=u(e,o);return(0,r.mdx)("wrapper",p({},i,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst DefaultInputField = () => (\n \n);\n\nexport default DefaultInputField;\n\n')))}m.isMDXComponent=!0;var c=n(201),s=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Input Field",description:n,example:l.createElement(d.A,null),exampleSrc:l.createElement(m,null),isExpanded:r})},f=n(11655),x=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var v={};function g(e){var t=e.components,n=b(e,x);return(0,r.mdx)("wrapper",y({},v,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport { InputField } from 'terra-form-input';\nimport styles from '../common/InputFieldDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst label = 'Profile Name';\nconst InlineLabelFieldExample = () => (\n
    \n
    \n {label}\n
    \n
    \n \n
    \n
    \n);\n\nexport default InlineLabelFieldExample;\n\n")))}g.isMDXComponent=!0;var h=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={};function O(e){var t=e.components,n=_(e,h);return(0,r.mdx)("wrapper",T({},N,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .field-label {\n font-weight: 700;\n }\n\n .flex-box-container {\n display: flex;\n flex-direction: row;\n gap: 0.5rem;\n }\n}\n\n")))}O.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Inline Label Field",description:n,example:l.createElement(f.A,null),exampleCssSrc:l.createElement(O,null),exampleSrc:l.createElement(g,null),isExpanded:r})},C=n(84565),E=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var P={};function R(e){var t=e.components,n=I(e,E);return(0,r.mdx)("wrapper",w({},P,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst RequiredInputField = () => (\n \n);\n\nexport default RequiredInputField;\n\n')))}R.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Required Input Field",description:n,example:l.createElement(C.A,null),exampleSrc:l.createElement(R,null),isExpanded:r})},q=n(14696),F=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var M={};function A(e){var t=e.components,n=k(e,F);return(0,r.mdx)("wrapper",S({},M,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst RequiredInputField = () => (\n \n);\n\nexport default RequiredInputField;\n\n')))}A.isMDXComponent=!0;var Z=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Incomplete Input Field",description:n,example:l.createElement(q.A,null),exampleSrc:l.createElement(A,null),isExpanded:r})},H=n(21689),W=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var $={};function L(e){var t=e.components,n=V(e,W);return(0,r.mdx)("wrapper",Y({},$,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { InputField } from \'terra-form-input\';\n\nconst NumberInputField = () => (\n \n);\n\nexport default NumberInputField;\n\n')))}L.isMDXComponent=!0;var X=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Number Input Field",description:n,example:l.createElement(H.A,null),exampleSrc:l.createElement(L,null),isExpanded:r})},B=n(12883),U=["components"];function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var K={},z="wrapper";function Q(e){var t=e.components,n=J(e,U);return(0,r.mdx)(z,G({},K,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(B.Ay,{mdxType:"PropsTable"},(0,r.mdx)(B.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"inputId"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(B.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Id of the input. Populates both the input and the htmlFor prop of the wrapper Field."))),(0,r.mdx)(B.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"label"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(B.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The label of the form control children."))),(0,r.mdx)(B.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The defaultValue of the input field. Use this to create an uncontrolled input."))),(0,r.mdx)(B.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"disabled"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the input is disabled."))),(0,r.mdx)(B.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"error"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error message for when the input is invalid."))),(0,r.mdx)(B.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"errorIcon"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Error Icon to display when the input is invalid."))),(0,r.mdx)(B.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"help"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Help element to display with the input."))),(0,r.mdx)(B.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"inputAttrs"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Attributes to attach to the input object"))),(0,r.mdx)(B.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field and input displays as Incomplete. Use when no value has been provided. ",(0,r.mdx)("em",{parentName:"p"},"(usage note: ",(0,r.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,r.mdx)(B.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"isInline"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the field is an inline field."))),(0,r.mdx)(B.fI,{key:"ROW11",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether the field and input displays as Invalid. Use when value does not meet validation pattern."))),(0,r.mdx)(B.fI,{key:"ROW12",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Attributes to attach to the label."))),(0,r.mdx)(B.fI,{key:"ROW13",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Set the max-width of a field using ",(0,r.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,r.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,r.mdx)(B.fI,{key:"ROW14",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"onChange"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to trigger when user changes the input value. Provide a function to create a controlled input."))),(0,r.mdx)(B.fI,{key:"ROW15",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"onInput"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Function to trigger when user inputs a value. Use when programmatically setting a value. Sends parameter {Event} event."))),(0,r.mdx)(B.fI,{key:"ROW16",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"refCallback"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Ref callback to pass into the ref attribute of the html input element."))),(0,r.mdx)(B.fI,{key:"ROW17",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"required"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not the field is required."))),(0,r.mdx)(B.fI,{key:"ROW18",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"showOptional"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Whether or not to append the 'optional' label to a non-required field label."))),(0,r.mdx)(B.fI,{key:"ROW19",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"type"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Specifies the type of input element to display."))),(0,r.mdx)(B.fI,{key:"ROW20",mdxType:"Row"},(0,r.mdx)(B.dt,{mdxType:"PropNameCell"},"value"),(0,r.mdx)(B.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,r.mdx)(B.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(B.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,r.mdx)(B.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The value of the input field. Use this to create a controlled input.")))))}Q.isMDXComponent=!0;var ee=["components"];function te(){return te=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var le={},re="wrapper";function ae(e){var t=e.components,n=ne(e,ee);return(0,r.mdx)(re,te({},le,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-form-input-field"},"Terra Form Input Field"),(0,r.mdx)("p",null,(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-input"},"terra-form-input")," component that is wrapped inside a\n",(0,r.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field")," component."),(0,r.mdx)("p",null,(0,r.mdx)("strong",{parentName:"p"},"Note:")," To follow ",(0,r.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"UX Best Practices"),", this component does not allow ",(0,r.mdx)("inlineCode",{parentName:"p"},"placeholder"),"."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-input"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { InputField } from 'terra-form-input';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s,{mdxType:"InputFieldExample"}),(0,r.mdx)(D,{mdxType:"RequiredInputFieldExample"}),(0,r.mdx)(Z,{description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteInputFieldExample"}),(0,r.mdx)(X,{mdxType:"NumberInputFieldExample"}),(0,r.mdx)(j,{title:"Input Field with Inline Label",mdxType:"InlineLabelField"}),(0,r.mdx)("h2",{id:"form-input-field-props"},"Form Input Field Props"),(0,r.mdx)(Q,{mdxType:"FormInputFieldPropsTable"}))}ae.isMDXComponent=!0},1804:function(e,t,n){n.d(t,{E:function(){return a}});var l=n(96540),r=n(55713),a=function(e){var t=e.url;return l.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-input",name:"terra-form-input",version:"4.32.0",url:t})}},44680:function(e,t,n){n.r(t),t.default={"field-label":"InputFieldDocCommon-module__field-label___vxa7d","flex-box-container":"InputFieldDocCommon-module__flex-box-container___VT6SP"}},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"}},45947:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var l=a(n(51459)),r=a(n(19127));function a(e){return e&&e.__esModule?e:{default:e}}t.default=l.default},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=i(n(96540)),r=i(n(5556)),a=i(n(46942)),d=i(n(67967)),o=i(n(52103)),p=i(n(78482)),u=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var s=d.default.bind(p.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,r=e.paddingStyle,d=c(e,u),p=l.default.useContext(o.default),i=(0,a.default)(s("table",{striped:!n},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},p.className),d.className);return l.default.createElement("table",m({},d,{className:i}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(n(96540)),r=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},a=Object.keys(e);for(l=0;l=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},u=function(e){var t=e.children,n=o(e,a);return l.default.createElement("tbody",n,t)};u.propTypes=p,u.defaultProps={children:[]};t.default=u},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(n(96540)),r=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},a=Object.keys(e);for(l=0;l=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},u=function(e){var t=e.children,n=o(e,a);return l.default.createElement("td",n,t)};u.propTypes=p,u.defaultProps={children:[]};t.default=u},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=o(n(96540)),r=o(n(5556)),a=o(n(10767)),d=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function p(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},a=Object.keys(e);for(l=0;l=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={children:r.default.node},i=function(e){var t=e.children,n=p(e,d);return l.default.createElement("thead",n,l.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=u,i.defaultProps={children:[]};t.default=i},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=d(n(96540)),r=d(n(5556)),a=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},a=Object.keys(e);for(l=0;l=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={children:r.default.node},u=function(e){var t=e.children,n=o(e,a);return l.default.createElement("th",n,t)};u.propTypes=p,u.defaultProps={children:[]};t.default=u},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=u(n(96540)),r=u(n(5556)),a=u(n(67967)),d=u(n(78482)),o=u(n(10767)),p=["children"];function u(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||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c=a.default.bind(d.default),s={children:r.default.node},f=function(e){var t=e.children,n=m(e,p),r=c(["row"]);return l.default.createElement("tr",i({},n,{className:n.className?"".concat(r," ").concat(n.className):r}),o.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 l,r=(l=n(96540))&&l.__esModule?l:{default:l};var a={addScope:function(e,t){var n=[];return r.default.Children.forEach(e,(function(e){n.push(r.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 r.default}}),Object.defineProperty(t,"Cell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return p.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var l=u(n(85444)),r=u(n(61452)),a=u(n(36142)),d=u(n(86472)),o=u(n(97441)),p=u(n(22417));function u(e){return e&&e.__esModule?e:{default:e}}t.default=l.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=a(n(96540)),r=a(n(25365));function a(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||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var c={},m="wrapper";function u(e){var t=e.components,n=s(e,l);return(0,o.mdx)(m,i({},c,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(d.Ay,{mdxType:"PropsTable"},(0,o.mdx)(d.fI,{key:"ROW1",mdxType:"Row"},(0,o.mdx)(d.dt,{mdxType:"PropNameCell"},"children"),(0,o.mdx)(d.$d,{mdxType:"TypeCell"},(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,o.mdx)(d.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,o.mdx)(d.NZ,{mdxType:"DefaultValueCell"},(0,o.mdx)("p",null,"none")),(0,o.mdx)(d.Hd,{mdxType:"DescriptionCell"},(0,o.mdx)("p",null,"The content which will be embedded in an iframe by the XFC consumer.")))))}u.isMDXComponent=!0;var p=n(85069),f=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var b={};function y(e){var t=e.components,n=v(e,f);return(0,o.mdx)("wrapper",h({},b,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ProviderTestTemplate from 'terra-embedded-content-consumer/lib/EmbeddedContentProviderTestTemplate';\nimport styles from './EmbeddedContentConsumerCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst BasicProvider = () => (\n \n
    \n

    Basic Content

    \n

    This example demonstrates that the embedded content consumer will display the providers web content within an iframe.

    \n
    \n     \n);\n\nexport default BasicProvider;\n\n")))}y.isMDXComponent=!0;var g=n(201),E=n(74783),x=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(g.A,{title:t||"Basic Provider Provider",description:n,example:r.createElement(p.A,null),exampleCssSrc:r.createElement(E.A,null),exampleSrc:r.createElement(y,null),isExpanded:o})},C=n(53248),T=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var P={};function k(e){var t=e.components,n=O(e,T);return(0,o.mdx)("wrapper",w({},P,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Provider } from 'xfc';\nimport classNames from 'classnames/bind';\nimport ProviderTestTemplate from 'terra-embedded-content-consumer/lib/EmbeddedContentProviderTestTemplate';\nimport styles from './EmbeddedContentConsumerCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass EmbeddedContent extends React.Component {\n constructor(props) {\n super(props);\n this.onClick = this.onClick.bind(this);\n }\n\n // eslint-disable-next-line\n onClick() {\n Provider.trigger('EventA');\n }\n\n render() {\n return (\n
    \n

    Listening to Custom Event

    \n

    A custom event can be registered with the consumer and intiated by the provider. What this means is that the embedded-content-consumer will listen for an event message that will be sent by the embedded web content. When it receives that message, the embedded-content-consumer is then responsible for handling the message for the corresponding iframe.

    \n

    This example demonstrates that the custom event `EventA` has been registered and received by the embedded-content-container that has been registered with the XFC Consumer app broker.

    \n
      \n

    1. Click the button below for the provider (i.e. embedded web content) to send the message `EventA`.

      2. \n

    2. The embedded-content-consumer receives this message and handles the message by adding a border to the embedded content

      3. \n
    \n \n
    \n );\n }\n}\n\nconst CustomEventProvider = () => (\n \n \n \n);\n\nexport default CustomEventProvider;\n\n")))}k.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(g.A,{title:t||"Custom Event Provider Provider",description:n,example:r.createElement(C.A,null),exampleCssSrc:r.createElement(E.A,null),exampleSrc:r.createElement(k,null),isExpanded:o})},j=n(67493),B=["components"];function N(){return N=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var L={};function R(e){var t=e.components,n=S(e,B);return(0,o.mdx)("wrapper",N({},L,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { Provider } from 'xfc';\nimport classNames from 'classnames/bind';\nimport ProviderTestTemplate from 'terra-embedded-content-consumer/lib/EmbeddedContentProviderTestTemplate';\nimport styles from './EmbeddedContentConsumerCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass EmbeddedContent extends React.Component {\n constructor(props) {\n super(props);\n this.addEventListener = this.addEventListener.bind(this);\n this.onClickA = this.onClickA.bind(this);\n this.onClickB = this.onClickB.bind(this);\n\n this.addEventListener('Event-Reply');\n }\n\n // eslint-disable-next-line\n onClickA() {\n Provider.trigger('EventA');\n }\n\n // eslint-disable-next-line\n onClickB() {\n Provider.trigger('EventB');\n }\n\n // eslint-disable-next-line\n addEventListener(eventName) {\n Provider.on(eventName, (event) => {\n document.getElementById('embedded-content-consumer-reply').innerHTML = `embedded-content-consumer reply: ${JSON.stringify(event)}`;\n });\n }\n\n render() {\n return (\n
    \n

    Communication Between the Consumer and Embedded Content

    \n

    Multiple custom events can be registered with the consumer and intiated by the provider to enable seamless communication. Thus the embedded-content-consumer will listen for an event message, handle it and send a reply to the provider.

    \n

    This example demonstrates that both custom events `EventA` and `EventB` has been registered and received by the embedded-content-container and that communication occurs between the consumer and embbedded content.

    \n
      \n

    1. Click the button `Trigger Event A!` below for the provider (i.e. embedded web content) to send the message `EventA`.

      2. \n

    2. The embedded-content-consumer receives this message and handles the message by adding a border around the embedded content iframe and send a reply to the provider.

      3. \n

    3. Click the button `Trigger Event B!` below for the provider to send the second event message `EventB`.

      4. \n

    4. The embedded-content-consumer receives this message and will change the border around the embedded content iframe and send a reply to the provider.

      5. \n
    \n

    Then, to demonstrate seamless communication, click the button and read message sent by the embbedded-content-consumer to the embedded content.

    \n \n \n
    No message has been sent.
    \n
    \n );\n }\n}\n\nconst CustomEventsProvider = () => (\n \n \n \n);\n\nexport default CustomEventsProvider;\n\n")))}R.isMDXComponent=!0;var D=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(g.A,{title:t||"Custom Events Provider Provider",description:n,example:r.createElement(j.A,null),exampleCssSrc:r.createElement(E.A,null),exampleSrc:r.createElement(R,null),isExpanded:o})},M=n(2697),X=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var W={};function F(e){var t=e.components,n=z(e,X);return(0,o.mdx)("wrapper",I({},W,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport ProviderTestTemplate from 'terra-embedded-content-consumer/lib/EmbeddedContentProviderTestTemplate';\nimport styles from './EmbeddedContentConsumerCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst DataStatusProvider2 = () => (\n \n
    \n

    Embedded Application Lifecycle

    \n

    The embedded container consumer will go through three lifecyle stages as it loads. These statuses are communicated via `data-status` attributes on the iframe wrapper and listeners can be add to listen for the lifecyle changes of the frame.

    \n

    In this example the consumer listens for each lifecyle stage and adds its status value below after a small delay (to help differentiate each lifecycle stages):

    \n
      \n
    \n     \n);\n\nexport default DataStatusProvider2;\n\n")))}F.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,o=e.isExpanded;return r.createElement(g.A,{title:t||"Data Status Provider Provider",description:n,example:r.createElement(M.A,null),exampleCssSrc:r.createElement(E.A,null),exampleSrc:r.createElement(F,null),isExpanded:o})},q=["components"];function H(){return H=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var Z={},$="wrapper";function U(e){var t=e.components,n=J(e,q);return(0,o.mdx)($,H({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)(a.E,{mdxType:"Badge"}),(0,o.mdx)("h1",{id:"testing-embedded-content"},"Testing Embedded Content"),(0,o.mdx)("p",null,"The Embedded Content Provider Test Template is a test template component which should be used to verify that the provided content does indeed resize and behave as expected when embedded in an terra-embedded-content-consumer XFC Consumer iframe."),(0,o.mdx)("p",null,"By default, when the embedded-content-consumer provides the iframe with the url of the embedded content, it will resize the iframe's height to be the height of the content supplied in the url. This resize logic, however, does not recognize height 100% and will continoulsy re-trigger resize events until the iframe collapes with a height of zero if the root style sets height to 100%."),(0,o.mdx)("p",null,"This test template provides the styles needed to correctly set the iframed container's height to the actual height of the provided content when the XFC's default height resizing logic is triggered."),(0,o.mdx)("h2",{id:"examples"},"Examples"),(0,o.mdx)(x,{title:"Provider for the Basic Consumer Example",mdxType:"BasicProvider"}),(0,o.mdx)(_,{title:"Provider Content for the Lifecycle Statuses Consumer Example",mdxType:"DataStatusProvider"}),(0,o.mdx)(A,{title:"Provider Content for the Custom Event Consumer Example",mdxType:"CustomEventProvider"}),(0,o.mdx)(D,{title:"Provider Content for the Seamless Communication Consumer Example",mdxType:"CustomEventsProvider"}),(0,o.mdx)("h2",{id:"embedded-content-provider-test-template-props-table"},"Embedded Content Provider Test Template Props Table"),(0,o.mdx)(u,{mdxType:"EmbeddedContentProviderTestTemplate"}))}U.isMDXComponent=!0},95194:function(e,t,n){n.r(t),t.default={}},44716:function(e,t,n){n.r(t),t.default={}},20389:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(94634)),a=r(n(91847)),d=r(n(17383)),l=r(n(34579)),i=r(n(29511)),s=r(n(28452)),c=r(n(63072)),m=r(n(96540)),u=r(n(5556));n(95194),n(44716);var p=["children"];function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=(0,c.default)(e);if(t){var o=(0,c.default)(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return(0,s.default)(this,n)}}var h={children:u.default.node.isRequired},v=function(e){(0,i.default)(n,e);var t=f(n);function n(){return(0,d.default)(this,n),t.apply(this,arguments)}return(0,l.default)(n,[{key:"componentDidMount",value:function(){document.body.classList.toggle("embedded-content-provider-test-template-body")}},{key:"componentWillUnmount",value:function(){document.body.classList.toggle("embedded-content-provider-test-template-body")}},{key:"render",value:function(){var e=this.props,t=e.children,n=(0,a.default)(e,p);return m.default.createElement("div",(0,o.default)({"data-embedded-content-consumer-provider-test-template":!0},n),t)}}]),n}(m.default.Component);v.propTypes=h;t.default=v}}]); \ No newline at end of file diff --git a/68042-f904f1d2e537960918af.css b/68042-f904f1d2e537960918af.css new file mode 100644 index 000000000..7387e4b4e --- /dev/null +++ b/68042-f904f1d2e537960918af.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} +.InfiniteList-module__infinite-list___oi3yH{display:block;height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative;width:100%}.InfiniteList-module__infinite-hidden___YgQc6{display:block;height:0;overflow:hidden;position:absolute;top:100%;width:100%}[dir] .InfiniteList-module__infinite-hidden___YgQc6{border:0;margin:0;padding:0}.InfiniteList-module__full-loading___FMz-n{height:100%;overflow:hidden;position:relative;width:100%}.InfiniteList-module__loading___Dxbpd{display:block;position:relative;width:100%}.InfiniteList-module__spacer___FzOiF{display:block;position:relative;width:100%}[dir] .InfiniteList-module__spacer___FzOiF{margin:0;padding:0} +.MyInitialLoadingIndicator-module__indicator___uYEVR{display:block;height:100%;position:relative;width:100%}[dir] .MyInitialLoadingIndicator-module__indicator___uYEVR{background-color:#282828} +.InfiniteListDocExampleCommon-module__placeholder___F4qLk{height:50px}.InfiniteListDocExampleCommon-module__item-content___Q4mK8{height:50px;width:100%}.InfiniteListDocExampleCommon-module__main-content___ZKJiv{height:300px;position:relative;width:100%}[dir] .InfiniteListDocExampleCommon-module__main-content___ZKJiv{border:1px solid #000} +.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)} +.MyProgressiveLoadingIndicator-module__indicator___JTGPM{display:block;height:80px;width:100%}[dir] .MyProgressiveLoadingIndicator-module__indicator___JTGPM{background-color:#282828} diff --git a/68042-f904f1d2e537960918af.js b/68042-f904f1d2e537960918af.js new file mode 100644 index 000000000..2942b47d7 --- /dev/null +++ b/68042-f904f1d2e537960918af.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[68042,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)),i=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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(96540)),o=r(n(5556)),d=r(n(67967)),u=n(92912),m=r(n(49558)),c=r(n(53665)),p=n(25966),s=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 x=d.default.bind(s.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,a=e.title,o=e.description,d=e.isExpanded,s=(0,i.useState)(d),f=(0,l.default)(s,2),y=f[0],v=f[1],h=(0,i.useState)(!1),_=(0,l.default)(h,2),O=_[0],N=_[1],T=i.default.useContext(u.ThemeContext),E=void 0!==r,j=function(){N(!O),y&&v(!y)},w=function(){v(!y),O&&N(!O)},C=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:x("template",T.className)},i.default.createElement("div",{className:x("header")},a&&i.default.createElement("h2",{className:x("title")},a)),i.default.createElement("div",{className:x("content")},o&&i.default.createElement("div",{className:x("description")},o),t),i.default.createElement("div",{className:x("footer")},n?i.default.createElement("div",{className:x("button-container")},E&&i.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(m.default,{className:x("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(c.default,{className:x("chevron")})),i.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":y}),onClick:w,onKeyDown:function(e){return C(e,w)},onBlur:g,onMouseDown:b,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(m.default,{className:x("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(c.default,{className:x("chevron")}))):null,i.default.createElement("div",null,O&&i.default.createElement("div",{className:x("css")},r),y&&i.default.createElement("div",{className:x("code")},n))))};v.propTypes=y,v.defaultProps={isExpanded:!1};t.A=v},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 u.Row}}),t.Ay=t.$d=void 0;var l=p(n(96540)),i=r(n(5556)),o=r(n(67967)),d=n(92912),u=p(n(26984)),m=r(n(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}var s=o.default.bind(m.default),f={children:i.default.node},x={isRequired:i.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(u.Cell,{className:s([t?["required"]:[]])},t?"required":"optional")}).propTypes=x,(t.NZ=function(e){var t=e.children;return l.default.createElement(u.Cell,{className:s("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return l.default.createElement(u.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,n=(0,l.useContext)(d.ThemeContext);return l.default.createElement(u.default,{paddingStyle:"compact",className:s("table",n.className)},l.default.createElement(u.Header,{className:s("header")},l.default.createElement(u.HeaderCell,null,"Prop"),l.default.createElement(u.HeaderCell,null,"Type"),l.default.createElement(u.HeaderCell,null,"Required"),l.default.createElement(u.HeaderCell,null,"Default"),l.default.createElement(u.HeaderCell,null,"Description")),l.default.createElement(u.Body,null,t))};y.propTypes=f;t.Ay=y},76155:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(67967)),i=n(74647),o=r(n(68091)),d=l.default.bind(o.default);t.default=function(){return a.default.createElement("div",{className:d("indicator")},a.default.createElement(i.Placeholder,{title:"I'm Loading"}))}},41300:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(96540)),l=r(n(67967)),i=n(74647),o=r(n(69274)),d=l.default.bind(o.default);t.default=function(){return a.default.createElement("div",{className:d("indicator")},a.default.createElement(i.Placeholder,{title:"I'm Loading More"}))}},22211:function(e,t,n){var r=n(24994);t.A=void 0;var a=r(n(96540)),l=r(n(10547)),i=r(n(76155)),o=r(n(71149));t.A=function(){return a.default.createElement(o.default,null,a.default.createElement(l.default,{dividerStyle:"standard",ariaLabel:"Initial Loading",initialLoadingIndicator:a.default.createElement(i.default,null)}))}},19320:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(96540)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(10547)),o=n(74647),d=r(n(67967)),u=r(n(41300)),m=r(n(71149)),c=r(n(21390));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var s=d.default.bind(c.default);t.A=function(){return l.default.createElement(m.default,null,l.default.createElement(i.default,{dividerStyle:"standard",ariaLabel:"Progressive Loading",progressiveLoadingIndicator:l.default.createElement(u.default,null)},l.default.createElement(i.Item,{key:"item-1"},l.default.createElement(o.Placeholder,{title:"Item 1",className:s("placeholder")}))))}},7964:function(e,t,n){var r=n(24994),a=n(73738);t.A=void 0;var l=r(n(96540)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(10547)),o=n(74647),d=r(n(67967)),u=r(n(21858)),m=r(n(71149)),c=r(n(21390));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}var s=d.default.bind(c.default),f=function(e){return e.map((function(e){return t=e,l.default.createElement(i.Item,{key:t.key},l.default.createElement(o.Placeholder,{title:t.title,className:s("placeholder")}));var t}))};t.A=function(){return l.default.createElement(m.default,null,l.default.createElement(i.default,{dividerStyle:"standard",isFinishedLoading:!0,ariaLabel:"Virtualized"},f(u.default)))}},21858:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=function(){for(var e=[],t=0;t<100;t+=1)e.push({title:"Item ".concat(t),key:"unique-".concat(t)});return e}();t.default=n},13585:function(e,t,n){n.r(t),n.d(t,{default:function(){return X}});var r=n(96540),a=n(36665),l=n(95282),i=n(74647),o=n(12883),d=["components"];function u(){return u=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 c={},p="wrapper";function s(e){var t=e.components,n=m(e,d);return(0,a.mdx)(p,u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.Ay,{mdxType:"PropsTable"},(0,a.mdx)(o.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"String that labels the list for screen readers."))),(0,a.mdx)(o.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The child list items, of type InfiniteList Item, to be placed within the infinite list.\nFor further documentation of InfiniteList Item see terra-list's ListItem."))),(0,a.mdx)(o.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"dividerStyle"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'bottom-only'\n],\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the list's child items should have a border color applied.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'bottom-only'"),"."))),(0,a.mdx)(o.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"initialLoadingIndicator"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An indicator to be displayed when no children are yet present."))),(0,a.mdx)(o.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"isFinishedLoading"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Determines whether or not the loading indicator is visible and if callbacks are triggered."))),(0,a.mdx)(o.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"onRequestItems"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback trigger when new list items are requested."))),(0,a.mdx)(o.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"paddingStyle"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'none'\n 'standard'\n 'compact'\n],\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The padding styling to apply to the child list item content.\nOne of ",(0,a.mdx)("inlineCode",{parentName:"p"},"'none'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'standard'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'compact'"),"."))),(0,a.mdx)(o.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"progressiveLoadingIndicator"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An indicator to be displayed at the end of the current loaded children."))),(0,a.mdx)(o.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"progressiveLoadingMessage"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A message to be provided to screen readers as new items are progressively loaded in"))),(0,a.mdx)(o.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"role"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'none'\n"))),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Accessibility role of the list, defaults to 'none'. If creating a list with selectable items, pass 'listbox'."))),(0,a.mdx)(o.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(o.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(o.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(o.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(o.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(o.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback for the ref of the List(ul).")))))}s.isMDXComponent=!0;var f=n(22211),x=["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={};function v(e){var t=e.components,n=g(e,x);return(0,a.mdx)("wrapper",y({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList from 'terra-infinite-list';\n\nimport MyInitialLoadingIndicator from '../common/MyInitialLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\n\nconst InitialLoadingExample = () => (\n \n }\n />\n \n);\n\nexport default InitialLoadingExample;\n\n")))}v.isMDXComponent=!0;var h=n(201),_=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Initial Loading Example",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(v,null),isExpanded:a})},O=n(19320),N=["components"];function T(){return T=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 j={};function w(e){var t=e.components,n=E(e,N);return(0,a.mdx)("wrapper",T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport MyProgressiveLoadingIndicator from '../common/MyProgressiveLoadingIndicator';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ProgressiveLoadingExample = () => (\n \n }\n >\n \n \n \n \n \n);\n\nexport default ProgressiveLoadingExample;\n\n")))}w.isMDXComponent=!0;var C=["components"];function P(){return P=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 L(e){var t=e.components,n=I(e,C);return(0,a.mdx)("wrapper",P({},M,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .placeholder {\n height: 50px;\n }\n\n .item-content {\n height: 50px;\n width: 100%;\n }\n\n .main-content {\n border: 1px solid #000;\n height: 300px;\n position: relative;\n width: 100%;\n }\n}\n\n")))}L.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Progressive Loading Example",description:n,example:r.createElement(O.A,null),exampleCssSrc:r.createElement(L,null),exampleSrc:r.createElement(w,null),isExpanded:a})},S=n(7964),D=["components"];function R(){return R=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 Z={};function A(e){var t=e.components,n=q(e,D);return(0,a.mdx)("wrapper",R({},Z,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport InfiniteList, { Item } from 'terra-infinite-list';\nimport { Placeholder } from '@cerner/terra-docs';\nimport classNames from 'classnames/bind';\n\nimport mockData from './mock-data/virtualizedData';\nimport MyExampleContainer from '../common/MyExampleContainer';\nimport styles from './InfiniteListDocExampleCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst createListItem = itemData => (\n \n \n \n);\n\nconst createItems = data => data.map(item => createListItem(item));\n\nconst VirtualizedExample = () => (\n \n \n {createItems(mockData)}\n \n \n);\n\nexport default VirtualizedExample;\n\n")))}A.isMDXComponent=!0;var H=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(h.A,{title:t||"Virtualized Example",description:n,example:r.createElement(S.A,null),exampleCssSrc:r.createElement(L,null),exampleSrc:r.createElement(A,null),isExpanded:a})},W=["components"];function V(){return V=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={},z="wrapper";function X(e){var t=e.components,n=Y(e,W);return(0,a.mdx)(z,V({},F,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-framework/blob/main/packages/terra-infinite-list#readme"},(0,a.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,a.mdx)("h1",{id:"terra-infinite-list"},"Terra Infinite List"),(0,a.mdx)(i.Notice,{variant:"deprecation",mdxType:"Notice"},(0,a.mdx)("p",null,"The terra-infinite-list component has been deprecated and is no longer recommended for use."),(0,a.mdx)("p",null,"From a usability perspective, infinite scrolling is a pattern designed and best used when users are casually looking for or discovering things, like shopping and social media. The infinite scrolling pattern should not be used for ",(0,a.mdx)("a",{parentName:"p",href:"https://www.nngroup.com/articles/infinite-scrolling/"},"goal-oriented tasks"),". Cerner products and our users most often fall into goal-oriented workflows. Users should have proper navigation methods (pagination) to navigate to predetermined points within the content easily."),(0,a.mdx)("p",null,"Infinite scrolling also poses significant accessibility challenges for multiple user groups:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard-only users have to navigate the entire infinite scroll to get to the content below or to the side of the endless loading content. This creates a very time-consuming and unnecessary burden for the keyboard-only user."),(0,a.mdx)("li",{parentName:"ul"},"Screen reader users would have the same problem even though they have more ways to navigate content on the page. When content is dynamically loaded and not within the DOM, screen reader users won't have access to any of that content which poses more significant challenges than just navigating."),(0,a.mdx)("li",{parentName:"ul"},"Focus can be lost when new content loads. Unless focus is managed, sighted keyboard-only users will have difficulties finding where they are on the page."),(0,a.mdx)("li",{parentName:"ul"},"For data with hierarchical relationships, infinite scrolling can make it difficult for screen readers to effectively communicate the required context if related content is split between loaded and unloaded content.")),(0,a.mdx)("p",null,"The ",(0,a.mdx)("a",{parentName:"p",href:"https://engineering.cerner.com/terra-ui/components/cerner-terra-core-docs/paginator/paginator"},"terra-paginator")," should be considered as an alternative approach to paging large amounts of data.")),(0,a.mdx)("p",null,"The infinite list component provides virtual dom management and data request callbacks to manage large data sets within a list.\nInfiniteList is a controlled HOC built upon the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-list")," component in order to allow for list style and selection patterns."),(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-infinite-list"))))),(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:"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)("h2",{id:"list-item-selection"},"List Item Selection"),(0,a.mdx)("p",null,"Management of list selection is provided by the HOC implementing the InfiniteList. For an example of list item selection you can refer to List's documentation:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/single-select-list"},"Single Select List")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/#/components/terra-list/list/guides/multi-select-list"},"Multi Select List"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(_,{title:"Example Initial Loading Indicator",mdxType:"InitialLoadingExample"}),(0,a.mdx)(k,{title:"Example Progressive Loading Indicator",mdxType:"ProgressiveLoadingExample"}),(0,a.mdx)(H,{title:"Example Virtualized List",mdxType:"VirtualizedExample"}),(0,a.mdx)("h2",{id:"infinite-list-props-table"},"Infinite List Props Table"),(0,a.mdx)(s,{mdxType:"InfiniteListSrc"}))}X.isMDXComponent=!0},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"}},68091:function(e,t,n){n.r(t),t.default={indicator:"MyInitialLoadingIndicator-module__indicator___uYEVR"}},69274:function(e,t,n){n.r(t),t.default={indicator:"MyProgressiveLoadingIndicator-module__indicator___JTGPM"}},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=m(n(96540)),a=m(n(5556)),l=m(n(46942)),i=m(n(67967)),o=m(n(52103)),d=m(n(78482)),u=["children","disableStripes","paddingStyle"];function m(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 s=i.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},x=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,i=p(e,u),d=r.default.useContext(o.default),m=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),i.className);return r.default.createElement("table",c({},i,{className:m}),t)};x.propTypes=f,x.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=x},61452:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(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 d={children:a.default.node},u=function(e){var t=e.children,n=o(e,l);return r.default.createElement("tbody",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(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 d={children:a.default.node},u=function(e){var t=e.children,n=o(e,l);return r.default.createElement("td",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),a=o(n(5556)),l=o(n(10767)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(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 u={children:a.default.node},m=function(e){var t=e.children,n=d(e,i);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};m.propTypes=u,m.defaultProps={children:[]};t.default=m},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(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 d={children:a.default.node},u=function(e){var t=e.children,n=o(e,l);return r.default.createElement("th",n,t)};u.propTypes=d,u.defaultProps={children:[]};t.default=u},36142: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)),i=u(n(78482)),o=u(n(10767)),d=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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(i.default),s={children:a.default.node},f=function(e){var t=e.children,n=c(e,d),a=p(["row"]);return r.default.createElement("tr",m({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),o.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,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 i.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=u(n(85444)),a=u(n(61452)),l=u(n(36142)),i=u(n(86472)),o=u(n(97441)),d=u(n(22417));function u(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 i(){return i=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 s(e){var t=e.components,n=m(e,i);return(0,a.mdx)("wrapper",p({},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 Avatar from 'terra-avatar';\n\nconst AvatarUser = () => (\n \n);\n\nexport default AvatarUser;\n\n")))}s.isMDXComponent=!0;var u=n(201),c=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar User",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},x=n(33439),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 g={};function b(e){var t=e.components,n=v(e,f);return(0,a.mdx)("wrapper",y({},g,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Avatar from 'terra-avatar';\n\nconst AvatarOneInitial = () => (\n \n);\n\nexport default AvatarOneInitial;\n\n")))}b.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar One Initial",description:n,example:r.createElement(x.A,null),exampleSrc:r.createElement(b,null),isExpanded:a})},h=n(68220),T=["components"];function N(){return N=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 A={};function C(e){var t=e.components,n=j(e,T);return(0,a.mdx)("wrapper",N({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Avatar from 'terra-avatar';\n\nconst AvatarTwoInitials = () => (\n \n);\n\nexport default AvatarTwoInitials;\n\n")))}C.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar Two Initials",description:n,example:r.createElement(h.A,null),exampleSrc:r.createElement(C,null),isExpanded:a})},E=n(22550),D=["components"];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={};function R(e){var t=e.components,n=I(e,D);return(0,a.mdx)("wrapper",S({},P,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Avatar from 'terra-avatar';\nimport exampleAvatarImage from '../../assets/150x150.jpg';\n\nconst AvatarImage = () => (\n \n);\n\nexport default AvatarImage;\n\n")))}R.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar Image",description:n,example:r.createElement(E.A,null),exampleSrc:r.createElement(R,null),isExpanded:a})},k=n(45741),J=["components"];function V(){return V=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 Z(e){var t=e.components,n=X(e,J);return(0,a.mdx)("wrapper",V({},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 Avatar from 'terra-avatar';\n\nconst AvatarImage = () => (\n \n);\n\nexport default AvatarImage;\n\n")))}Z.isMDXComponent=!0;var _=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar Is Deceased",description:n,example:r.createElement(k.A,null),exampleSrc:r.createElement(Z,null),isExpanded:a})},W=n(49002),L=["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 Y={};function $(e){var t=e.components,n=H(e,L);return(0,a.mdx)("wrapper",z({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Avatar from 'terra-avatar';\nimport exampleAvatarImage from '../../assets/150x150.jpg';\n\nconst AvatarSize = () => (\n \n);\n\nexport default AvatarSize;\n\n")))}$.isMDXComponent=!0;var U=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar Size",description:n,example:r.createElement(W.A,null),exampleSrc:r.createElement($,null),isExpanded:a})},B=n(858),F=["components"];function G(){return G=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=K(e,F);return(0,a.mdx)("wrapper",G({},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 PropTypes from 'prop-types';\nimport Avatar from 'terra-avatar';\nimport ColorVariantsWrapper from '../common/ColorVariantsWrapper';\n\nconst propTypes = { color: PropTypes.string };\n\nconst AvatarColorVariants = ({\n ...props\n}) => (\n \n);\n\nAvatarColorVariants.propTypes = propTypes;\nexport default ColorVariantsWrapper(AvatarColorVariants);\n\n")))}ee.isMDXComponent=!0;var te=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(u.A,{title:t||"Avatar Color Variants",description:n,example:r.createElement(B.A,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(12883),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={},ie="wrapper";function pe(e){var t=e.components,n=le(e,re);return(0,a.mdx)(ie,ae({},oe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(ne.Ay,{mdxType:"PropsTable"},(0,a.mdx)(ne.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"alt"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Specifies the alternative text for the image."))),(0,a.mdx)(ne.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"color"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'auto'\n 'neutral'\n 'one'\n 'two'\n 'three'\n 'four'\n 'five'\n 'six'\n 'seven'\n 'eight'\n 'nine'\n 'ten'\n],\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background color. Defaults to ",(0,a.mdx)("inlineCode",{parentName:"p"},"auto"),". Accepted color variants are theme specific.\nOne of: ",(0,a.mdx)("inlineCode",{parentName:"p"},"'auto'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'neutral'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'one'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'two'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'three'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'four'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'five'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'six'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'seven'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'eight'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'nine'"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"'ten'"),"."))),(0,a.mdx)(ne.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"hashValue"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Value used for the hash function when color is set to ",(0,a.mdx)("inlineCode",{parentName:"p"},"auto"),". If not provided, hash function utilizes alt."))),(0,a.mdx)(ne.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"image"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The image to display."))),(0,a.mdx)(ne.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"initials"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"One or two letters to display."))),(0,a.mdx)(ne.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"isAriaHidden"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether to hide avatar from the accessibility tree."))),(0,a.mdx)(ne.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"isDeceased"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the person is deceased. Overrides any color variant."))),(0,a.mdx)(ne.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(ne.dt,{mdxType:"PropNameCell"},"size"),(0,a.mdx)(ne.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(ne.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(ne.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(ne.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Overrides the default size.")))))}pe.isMDXComponent=!0;var me=["components"];function de(){return de=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 ue={},ce="wrapper";function xe(e){var t=e.components,n=se(e,me);return(0,a.mdx)(ce,de({},ue,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-avatar"},"Terra Avatar"),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"Avatar")," variant represents a person - it displays an image or initials in a circular frame. If a valid image is not provided then the avatar falls back to displaying initials. This is the default export of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-avatar")," package."),(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-avatar"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Avatar from 'terra-avatar';\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#mobile-support"},"Mobile Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(c,{title:"Default - Fallback Icon",mdxType:"AvatarUser"}),(0,a.mdx)(O,{title:"Initials (1)",mdxType:"AvatarOneInitial"}),(0,a.mdx)(w,{title:"Initials (2)",mdxType:"AvatarTwoInitials"}),(0,a.mdx)(_,{title:"Is Deceased",mdxType:"AvatarIsDeceased"}),(0,a.mdx)(M,{title:"Image",mdxType:"AvatarImage"}),(0,a.mdx)(U,{title:"Override Size",mdxType:"AvatarSize"}),(0,a.mdx)(te,{title:"Toggle Color Variants - Theme Specific",mdxType:"AvatarColorVariants"}),(0,a.mdx)("h2",{id:"avatar-props"},"Avatar Props"),(0,a.mdx)(pe,{mdxType:"AvatarPropsTable"}))}xe.isMDXComponent=!0},97665:function(e,t,n){n.r(t),t.default=n.p+"51d085f765a7361bab659ffffdb9bb46.jpg"}}]); \ No newline at end of file diff --git a/70118-cc2b8a3097ef9479c396.css b/70118-cc2b8a3097ef9479c396.css new file mode 100644 index 000000000..d05f79082 --- /dev/null +++ b/70118-cc2b8a3097ef9479c396.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} +[dir] .Heading-module__heading___v5\+PO{margin:0}.Heading-module__italic___AZeOx{font-style:italic}.Heading-module__level-1___Dzh7M{font-size:2.286rem}.Heading-module__level-2___Fn5NE{font-size:1.714rem}.Heading-module__level-3___HjC1Z{font-size:1.429rem}.Heading-module__level-4___gatwI{font-size:1.286rem}.Heading-module__level-5___-iiqy{font-size:1.143rem}.Heading-module__level-6___VXhR\+{font-size:1rem}.Heading-module__size-huge___0iP2D{font-size:2.286rem}.Heading-module__size-large___rZwu-{font-size:1.714rem}.Heading-module__size-medium___Hk3pG{font-size:1.429rem}.Heading-module__size-small___OWyDY{font-size:1.286rem}.Heading-module__size-tiny___Z5Fm4{font-size:1.143rem}.Heading-module__size-mini___Gd90U{font-size:1rem}.Heading-module__weight-200___EQF-G{font-weight:200}.Heading-module__weight-400___cOGso{font-weight:400}.Heading-module__weight-700___SbBvg{font-weight:700}.Heading-module__visually-hidden___5i7ow{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Heading-module__visually-hidden___5i7ow{border:0;margin:-1px;padding:0} +.colors-module__clinical-lowlight-theme___Gb7Fm{--terra-heading-attention-color: #fb4c4c;--terra-heading-default-color: #6f7477;--terra-heading-info-color: #5a81ff;--terra-heading-success-color: #78c346}.colors-module__orion-fusion-theme___PV3m2{--terra-heading-attention-color: #c00;--terra-heading-default-color: #1c1f21;--terra-heading-info-color: #0065a3;--terra-heading-success-color: #2e7d32}:root{--terra-heading-attention-color: rgb(220, 20, 60);--terra-heading-success-color: rgb(46, 125, 50);--terra-heading-info-color: #304ffe;--terra-heading-default-color: #333}.colors-module__default___4zRkm{color:#333;color:var(--terra-heading-default-color, #333)}.colors-module__attention___9u9c3{color:rgb(220, 20, 60);color:var(--terra-heading-attention-color, rgb(220, 20, 60))}.colors-module__success___8iK\+T{color:rgb(46, 125, 50);color:var(--terra-heading-success-color, rgb(46, 125, 50))}.colors-module__info___PEk-5{color:#304ffe;color:var(--terra-heading-info-color, #304ffe)} +.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)} +.Arrange-module__arrange___hY0Ml{display:-ms-flexbox;display:flex}.Arrange-module__fill___m88eq{-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;min-width:0}.Arrange-module__fit___tv8j-{-ms-flex-item-align:start;align-self:flex-start;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}.Arrange-module__center___9qfhG{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___8beod{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___eQF-k{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___z\+O29{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___tv8j-{-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}} +.HeadingDocCommon-module__fitstart-content___2UtvR{color:#333;font-size:1.429rem}[dir=ltr] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-left:10px;margin-right:10px}[dir=rtl] .HeadingDocCommon-module__heading-wrapper___uK5Ux{margin-right:10px;margin-left:10px}.HeadingDocCommon-module__heading-content___Qtdrd{color:#767676} +.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/70118-cc2b8a3097ef9479c396.js b/70118-cc2b8a3097ef9479c396.js new file mode 100644 index 000000000..bcc5d5ba4 --- /dev/null +++ b/70118-cc2b8a3097ef9479c396.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[70118,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],{10937:function(e,n,t){n.A=void 0;var a=i(t(96540)),r=i(t(6584)),l=i(t(67967)),o=i(t(40034));function i(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(o.default);n.A=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{level:3,colorClass:d(["attention"])},"Font Color: 'attention' class"),a.default.createElement(r.default,{level:3,colorClass:d(["success"])},"Font Color: 'success' class"),a.default.createElement(r.default,{level:3,colorClass:d(["info"])},"Font Color: 'info' class"))}},74523:function(e,n,t){n.A=void 0;var a=d(t(96540)),r=d(t(39496)),l=d(t(6584)),o=d(t(67967)),i=d(t(55282));function d(e){return e&&e.__esModule?e:{default:e}}var s=o.default.bind(i.default);n.A=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"huge"},"Huge",a.default.createElement("span",{className:s("heading-content")}," 32px (2.286rem)")))}),a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"large"},"Large",a.default.createElement("span",{className:s("heading-content")}," 24px (1.714rem)")))}),a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"medium"},"Medium",a.default.createElement("span",{className:s("heading-content")}," 20px (1.429rem)")))}),a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"small"},"Small",a.default.createElement("span",{className:s("heading-content")}," 18px (1.286rem)")))}),a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"tiny"},"Tiny",a.default.createElement("span",{className:s("heading-content")}," 16px (1.143rem)")))}),a.default.createElement(r.default,{align:"center",fitStart:a.default.createElement("span",{className:s("fitstart-content")},"h3"),fill:a.default.createElement("div",{className:s("heading-wrapper")},a.default.createElement(l.default,{level:3,size:"mini"},"Mini",a.default.createElement("span",{className:s("heading-content")}," 14px (1rem)")))}))}},63219:function(e,n,t){n.A=void 0;var a=i(t(96540)),r=i(t(6584)),l=i(t(67967)),o=i(t(40034));function i(e){return e&&e.__esModule?e:{default:e}}var d=l.default.bind(o.default);n.A=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{level:3,colorClass:d(["success"]),isItalic:!0},"H3 heading with color set to",a.default.createElement("code",null,"'success' class")," ","and",a.default.createElement("code",null,"isItalic")),a.default.createElement(r.default,{level:3,size:"huge",weight:200},"H3 heading with size set to",a.default.createElement("code",null," huge")," ","and weight set to",a.default.createElement("code",null,"200")))}},90478:function(e,n,t){n.A=void 0;var a=l(t(96540)),r=l(t(6584));function l(e){return e&&e.__esModule?e:{default:e}}n.A=function(){return a.default.createElement("div",null,a.default.createElement("p",null,"The example below includes a"," ",a.default.createElement("code",null,"")," ","component using the",a.default.createElement("code",null," isVisuallyHidden")," ","prop."),a.default.createElement(r.default,{level:3,isVisuallyHidden:!0},"This text is not visible, however it is accessible to screen readers."))}},23508:function(e,n,t){n.A=void 0;var a=l(t(96540)),r=l(t(6584));function l(e){return e&&e.__esModule?e:{default:e}}n.A=function(){return a.default.createElement("div",null,a.default.createElement(r.default,{level:3,weight:200},"Font Weight: 200"),a.default.createElement(r.default,{level:3,weight:400},"Font Weight: 400"),a.default.createElement(r.default,{level:3,weight:700},"Font Weight: 700"))}},201:function(e,n,t){var a=t(24994),r=t(73738);n.A=void 0;var l=a(t(85715)),o=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=f(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.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,t&&t.set(e,a),a}(t(96540)),i=a(t(5556)),d=a(t(67967)),s=t(92912),c=a(t(49558)),p=a(t(53665)),u=t(25966),m=a(t(89986));function f(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(f=function(e){return e?t:n})(e)}var g=d.default.bind(m.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},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var n=e.example,t=e.exampleSrc,a=e.exampleCssSrc,r=e.title,i=e.description,d=e.isExpanded,m=(0,o.useState)(d),f=(0,l.default)(m,2),x=f[0],y=f[1],b=(0,o.useState)(!1),_=(0,l.default)(b,2),N=_[0],O=_[1],E=o.default.useContext(s.ThemeContext),w=void 0!==a,C=function(){O(!N),x&&y(!x)},j=function(){y(!x),N&&O(!N)},T=function(e,n){e.nativeEvent.keyCode!==u.KEY_SPACE&&e.nativeEvent.keyCode!==u.KEY_RETURN||(e.preventDefault(),n())};return o.default.createElement("div",{className:g("template",E.className)},o.default.createElement("div",{className:g("header")},r&&o.default.createElement("h2",{className:g("title")},r)),o.default.createElement("div",{className:g("content")},i&&o.default.createElement("div",{className:g("description")},i),n),o.default.createElement("div",{className:g("footer")},t?o.default.createElement("div",{className:g("button-container")},w&&o.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":N}),onClick:C,onKeyDown:function(e){return T(e,C)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:g("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(p.default,{className:g("chevron")})),o.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":x}),onClick:j,onKeyDown:function(e){return T(e,j)},onBlur:h,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:g("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(p.default,{className:g("chevron")}))):null,o.default.createElement("div",null,N&&o.default.createElement("div",{className:g("css")},a),x&&o.default.createElement("div",{className:g("code")},t))))};y.propTypes=x,y.defaultProps={isExpanded:!1};n.A=y},12883:function(e,n,t){var a=t(24994),r=t(73738);n.YZ=n.dt=n.Hd=n.NZ=void 0,Object.defineProperty(n,"fI",{enumerable:!0,get:function(){return s.Row}}),n.Ay=n.$d=void 0;var l=u(t(96540)),o=a(t(5556)),i=a(t(67967)),d=t(92912),s=u(t(26984)),c=a(t(89744));function p(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(p=function(e){return e?t:n})(e)}function u(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var t=p(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.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,t&&t.set(e,a),a}var m=i.default.bind(c.default),f={children:o.default.node},g={isRequired:o.default.bool};(n.dt=function(e){var n=e.children;return l.default.createElement(s.Cell,{className:m("bold")},n)}).propTypes=f,(n.$d=function(e){var n=e.children;return l.default.createElement(s.Cell,{className:m("code-block-override")},n)}).propTypes=f,(n.YZ=function(e){var n=e.isRequired;return l.default.createElement(s.Cell,{className:m([n?["required"]:[]])},n?"required":"optional")}).propTypes=g,(n.NZ=function(e){var n=e.children;return l.default.createElement(s.Cell,{className:m("code-block-override")},n)}).propTypes=f,(n.Hd=function(e){var n=e.children;return l.default.createElement(s.Cell,null,n)}).propTypes=f;var x=function(e){var n=e.children,t=(0,l.useContext)(d.ThemeContext);return l.default.createElement(s.default,{paddingStyle:"compact",className:m("table",t.className)},l.default.createElement(s.Header,{className:m("header")},l.default.createElement(s.HeaderCell,null,"Prop"),l.default.createElement(s.HeaderCell,null,"Type"),l.default.createElement(s.HeaderCell,null,"Required"),l.default.createElement(s.HeaderCell,null,"Default"),l.default.createElement(s.HeaderCell,null,"Description")),l.default.createElement(s.Body,null,n))};x.propTypes=f;n.Ay=x},84054:function(e,n,t){t.r(n),t.d(n,{default:function(){return ye}});var a=t(96540),r=t(36665),l=t(6501),o=t(10937),i=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var c={};function p(e){var n=e.components,t=s(e,i);return(0,r.mdx)("wrapper",d({},c,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Heading from 'terra-heading';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-heading/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst HeadingColors = () => (\n
    \n {'Font Color: \\'attention\\' class'}\n {'Font Color: \\'success\\' class'}\n {'Font Color: \\'info\\' class'}\n
    \n);\n\nexport default HeadingColors;\n\n")))}p.isMDXComponent=!0;var u=t(201),m=["components"];function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var x={};function h(e){var n=e.components,t=g(e,m);return(0,r.mdx)("wrapper",f({},x,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-heading-attention-color: rgb(220, 20, 60);\n --terra-heading-success-color: rgb(46, 125, 50);\n --terra-heading-info-color: #304ffe;\n --terra-heading-default-color: #333;\n}\n\n:local {\n .default {\n color: var(--terra-heading-default-color, #333);\n }\n\n .attention {\n color: var(--terra-heading-attention-color, rgb(220, 20, 60));\n }\n\n .success {\n color: var(--terra-heading-success-color, rgb(46, 125, 50));\n }\n\n .info {\n color: var(--terra-heading-info-color, #304ffe);\n }\n}\n\n")))}h.isMDXComponent=!0;var v=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Colors",description:t,example:a.createElement(o.A,null),exampleCssSrc:a.createElement(h,null),exampleSrc:a.createElement(p,null),isExpanded:r})},y=t(95238),b=["components"];function _(){return _=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var O={};function E(e){var n=e.components,t=N(e,b);return(0,r.mdx)("wrapper",_({},O,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Heading from 'terra-heading';\nimport classNames from 'classnames/bind';\nimport styles from './HeadingDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst HeadingLevels = () => (\n
    \n h1}\n fill={(\n
    \n \n Level 1 Heading\n 32px (2.286rem)\n \n
    \n)}\n />\n h2}\n fill={(\n
    \n \n Level 2 Heading\n 24px (1.714rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Level 3 Heading\n 20px (1.429rem)\n \n
    \n)}\n />\n h4}\n fill={(\n
    \n \n Level 4 Heading\n 18px (1.286rem)\n \n
    \n)}\n />\n h5}\n fill={(\n
    \n \n Level 5 Heading\n 16px (1.143rem)\n \n
    \n)}\n />\n h6}\n fill={(\n
    \n \n Level 6 Heading\n 14px (1rem)\n \n
    \n)}\n />\n
    \n);\n\nexport default HeadingLevels;\n\n")))}E.isMDXComponent=!0;var w=["components"];function C(){return C=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var T={};function H(e){var n=e.components,t=j(e,w);return(0,r.mdx)("wrapper",C({},T,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .fitstart-content {\n color: #333;\n font-size: 1.429rem;\n }\n\n .heading-wrapper {\n margin-left: 10px;\n margin-right: 10px;\n }\n\n .heading-content {\n color: #767676;\n }\n}\n\n")))}H.isMDXComponent=!0;var P=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Levels",description:t,example:a.createElement(y.A,null),exampleCssSrc:a.createElement(H,null),exampleSrc:a.createElement(E,null),isExpanded:r})},S=t(74523),M=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var A={};function R(e){var n=e.components,t=k(e,M);return(0,r.mdx)("wrapper",D({},A,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Arrange from 'terra-arrange';\nimport Heading from 'terra-heading';\nimport classNames from 'classnames/bind';\nimport styles from './HeadingDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst HeadingSizes = () => (\n
    \n h3}\n fill={(\n
    \n \n Huge\n 32px (2.286rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Large\n 24px (1.714rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Medium\n 20px (1.429rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Small\n 18px (1.286rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Tiny\n 16px (1.143rem)\n \n
    \n)}\n />\n h3}\n fill={(\n
    \n \n Mini\n 14px (1rem)\n \n
    \n)}\n />\n
    \n);\n\nexport default HeadingSizes;\n\n")))}R.isMDXComponent=!0;var z=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Sizes",description:t,example:a.createElement(S.A,null),exampleCssSrc:a.createElement(H,null),exampleSrc:a.createElement(R,null),isExpanded:r})},I=t(90478),L=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var W={};function X(e){var n=e.components,t=V(e,L);return(0,r.mdx)("wrapper",q({},W,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Heading from 'terra-heading';\n\nconst HeadingVisuallyHidden = () => (\n
    \n

    \n The example below includes a\n {' '}\n <Heading />\n {' '}\n component using the\n isVisuallyHidden\n {' '}\n prop.\n

    \n This text is not visible, however it is accessible to screen readers.\n
    \n);\n\nexport default HeadingVisuallyHidden;\n\n")))}X.isMDXComponent=!0;var Z=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Visually Hidden",description:t,example:a.createElement(I.A,null),exampleSrc:a.createElement(X,null),isExpanded:r})},F=t(23508),Y=["components"];function B(){return B=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var K={};function G(e){var n=e.components,t=$(e,Y);return(0,r.mdx)("wrapper",B({},K,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Heading from 'terra-heading';\n\nconst HeadingWeights = () => (\n
    \n Font Weight: 200\n Font Weight: 400\n Font Weight: 700\n
    \n);\n\nexport default HeadingWeights;\n\n")))}G.isMDXComponent=!0;var J=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Weights",description:t,example:a.createElement(F.A,null),exampleSrc:a.createElement(G,null),isExpanded:r})},Q=t(63219),U=["components"];function ee(){return ee=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var te={};function ae(e){var n=e.components,t=ne(e,U);return(0,r.mdx)("wrapper",ee({},te,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Heading from 'terra-heading';\nimport classNames from 'classnames/bind';\nimport styles from 'terra-heading/lib/colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst HeadingVariations = () => (\n
    \n \n H3 heading with color set to\n {'\\'success\\' class'}\n {' '}\n and\n isItalic\n \n \n H3 heading with size set to\n huge\n {' '}\n and weight set to\n 200\n \n
    \n);\n\nexport default HeadingVariations;\n\n")))}ae.isMDXComponent=!0;var re=function(e){var n=e.title,t=e.description,r=e.isExpanded;return a.createElement(u.A,{title:n||"Heading Variations",description:t,example:a.createElement(Q.A,null),exampleCssSrc:a.createElement(h,null),exampleSrc:a.createElement(ae,null),isExpanded:r})},le=t(12883),oe=["components"];function ie(){return ie=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var se={},ce="wrapper";function pe(e){var n=e.components,t=de(e,oe);return(0,r.mdx)(ce,ie({},se,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(le.Ay,{mdxType:"PropsTable"},(0,r.mdx)(le.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,r.mdx)(le.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Child nodes"))),(0,r.mdx)(le.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"level"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,r.mdx)(le.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the heading level. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6"),"."))),(0,r.mdx)(le.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"isItalic"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(le.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the text to display in italics."))),(0,r.mdx)(le.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"isVisuallyHidden"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,r.mdx)(le.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the text to appear visually hidden. The text will still be available to screen readers."))),(0,r.mdx)(le.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"size"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'mini'\n 'tiny'\n 'small'\n 'medium'\n 'large'\n 'huge'\n],\n"))),(0,r.mdx)(le.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the text size. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"mini"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"tiny"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"small"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"medium"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"large"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"huge"),"."))),(0,r.mdx)(le.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"weight"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 200\n 400\n 700\n],\n"))),(0,r.mdx)(le.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"700\n"))),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets the text size. One of ",(0,r.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"700"),"."))),(0,r.mdx)(le.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(le.dt,{mdxType:"PropNameCell"},"colorClass"),(0,r.mdx)(le.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,r.mdx)(le.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(le.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(le.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"Sets an author defined class, to control the colors of the heading."),(0,r.mdx)("p",null,(0,r.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,r.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,r.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}pe.isMDXComponent=!0;var ue=["components"];function me(){return me=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var ge,xe=(ge="Link",function(e){return console.warn("Component "+ge+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.mdx)("div",e)}),he={},ve="wrapper";function ye(e){var n=e.components,t=fe(e,ue);return(0,r.mdx)(ve,me({},he,t,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(l.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-heading"},"Terra Heading"),(0,r.mdx)("p",null,"Terra includes styling for all standard headings ",(0,r.mdx)("inlineCode",{parentName:"p"},"h1")," through ",(0,r.mdx)("inlineCode",{parentName:"p"},"h6"),", as well as styles that match the size of their respective heading."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-heading"))))),(0,r.mdx)("h2",{id:"peer-dependencies"},"Peer Dependencies"),(0,r.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(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},"Peer Dependency"),(0,r.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,r.mdx)("td",{parentName:"tr",align:null},"^16.8.5")))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Heading from 'terra-heading';\n")),(0,r.mdx)("h2",{id:"component-features"},"Component Features"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support"))),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)("p",null,"Terra includes styling for all standard headings ",(0,r.mdx)("inlineCode",{parentName:"p"},"h1")," through ",(0,r.mdx)("inlineCode",{parentName:"p"},"h6"),", as well as styles that match the size of their respective heading. Headings should be\nmarked up according to the document hierarchy, not appearance. To facilitate navigation and understanding of overall document structure, authors should use\nheadings that are properly nested (e.g., ",(0,r.mdx)("inlineCode",{parentName:"p"},"h1")," followed by ",(0,r.mdx)("inlineCode",{parentName:"p"},"h2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"h2")," followed by ",(0,r.mdx)("inlineCode",{parentName:"p"},"h2")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"h3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"h3")," followed by ",(0,r.mdx)("inlineCode",{parentName:"p"},"h3")," or ",(0,r.mdx)("inlineCode",{parentName:"p"},"h4"),", etc.). The ",(0,r.mdx)("inlineCode",{parentName:"p"},"level")," prop accepts\none of the following numbers:"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"6")),(0,r.mdx)(P,{mdxType:"HeadingLevels"}),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"size")," prop can be used to alter the default size of any ",(0,r.mdx)("inlineCode",{parentName:"p"},"Heading")," component whenever necessary. The ",(0,r.mdx)("inlineCode",{parentName:"p"},"size")," prop accepts one of the following strings:"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"huge"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"large"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"medium"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"small"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"tiny"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"mini")),(0,r.mdx)(z,{mdxType:"HeadingSizes"}),(0,r.mdx)(v,{description:"By passing in a className, authors can manually set the text color of any '' component.",mdxType:"HeadingColors"}),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"weight")," prop can be used to specify the weight or boldness of the ",(0,r.mdx)("inlineCode",{parentName:"p"},"Heading")," component. Heading components default to a ",(0,r.mdx)("inlineCode",{parentName:"p"},"font-weight")," of ",(0,r.mdx)("inlineCode",{parentName:"p"},"700"),". The ",(0,r.mdx)("inlineCode",{parentName:"p"},"weight")," prop accepts one of the following numbers:"),(0,r.mdx)("p",null,(0,r.mdx)("inlineCode",{parentName:"p"},"200"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"400"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"700")),(0,r.mdx)(J,{mdxType:"HeadingWeights"}),(0,r.mdx)("p",null,"The ",(0,r.mdx)("inlineCode",{parentName:"p"},"isVisuallyHidden")," prop can be used to hide the content visually, yet provide the content to screen readers.\nMore info on this approach can be found here: ",(0,r.mdx)(xe,{to:"http://a11yproject.com/posts/how-to-hide-content/",mdxType:"Link"},(0,r.mdx)("a",{parentName:"p",href:"http://a11yproject.com/posts/how-to-hide-content/"},"http://a11yproject.com/posts/how-to-hide-content/"))),(0,r.mdx)(Z,{mdxType:"HeadingVisuallyHidden"}),(0,r.mdx)(re,{description:"You can mix and match props on the '' component to create various heading styles.",mdxType:"HeadingVariations"}),(0,r.mdx)("h2",{id:"heading-props"},"Heading Props"),(0,r.mdx)(pe,{mdxType:"HeadingPropsTable"}))}ye.isMDXComponent=!0},89986:function(e,n,t){t.r(n),n.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,n,t){t.r(n),n.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"}},40034:function(e,n,t){t.r(n),n.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___Gb7Fm","orion-fusion-theme":"colors-module__orion-fusion-theme___PV3m2",default:"colors-module__default___4zRkm",attention:"colors-module__attention___9u9c3",success:"colors-module__success___8iK+T",info:"colors-module__info___PEk-5"}},78482:function(e,n,t){t.r(n),n.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,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=c(t(96540)),r=c(t(5556)),l=c(t(46942)),o=c(t(67967)),i=c(t(52103)),d=c(t(78482)),s=["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 n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m=o.default.bind(d.default),f={children:r.default.node.isRequired,disableStripes:r.default.bool,paddingStyle:r.default.oneOf(["none","standard","compact"])},g=function(e){var n=e.children,t=e.disableStripes,r=e.paddingStyle,o=u(e,s),d=a.default.useContext(i.default),c=(0,l.default)(m("table",{striped:!t},{"padding-standard":"standard"===r},{"padding-compact":"compact"===r},d.className),o.className);return a.default.createElement("table",p({},o,{className:c}),n)};g.propTypes=f,g.defaultProps={disableStripes:!1,paddingStyle:"none"};n.default=g},61452:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=o(t(96540)),r=o(t(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var d={children:r.default.node},s=function(e){var n=e.children,t=i(e,l);return a.default.createElement("tbody",t,n)};s.propTypes=d,s.defaultProps={children:[]};n.default=s},86472:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=o(t(96540)),r=o(t(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var d={children:r.default.node},s=function(e){var n=e.children,t=i(e,l);return a.default.createElement("td",t,n)};s.propTypes=d,s.defaultProps={children:[]};n.default=s},97441:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=i(t(96540)),r=i(t(5556)),l=i(t(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var s={children:r.default.node},c=function(e){var n=e.children,t=d(e,o);return a.default.createElement("thead",t,a.default.createElement("tr",null,l.default.addScope(n,"col")))};c.propTypes=s,c.defaultProps={children:[]};n.default=c},22417:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=o(t(96540)),r=o(t(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,n){if(null==e)return{};var t,a,r=function(e,n){if(null==e)return{};var t,a,r={},l=Object.keys(e);for(a=0;a=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var d={children:r.default.node},s=function(e){var n=e.children,t=i(e,l);return a.default.createElement("th",t,n)};s.propTypes=d,s.defaultProps={children:[]};n.default=s},36142:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=s(t(96540)),r=s(t(5556)),l=s(t(67967)),o=s(t(78482)),i=s(t(10767)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(r[t]=e[t]);return r}(e,n);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var u=l.default.bind(o.default),m={children:r.default.node},f=function(e){var n=e.children,t=p(e,d),r=u(["row"]);return a.default.createElement("tr",c({},t,{className:t.className?"".concat(r," ").concat(t.className):r}),i.default.addScope(n,"row"))};f.propTypes=m,f.defaultProps={children:[]};n.default=f},10767:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a,r=(a=t(96540))&&a.__esModule?a:{default:a};var l={addScope:function(e,n){var t=[];return r.default.Children.forEach(e,(function(e){t.push(r.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?n:void 0}))})),t}};n.default=l},26984:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"Body",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(n,"Cell",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(n,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(n,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(n,"Row",{enumerable:!0,get:function(){return l.default}}),n.default=void 0;var a=s(t(85444)),r=s(t(61452)),l=s(t(36142)),o=s(t(86472)),i=s(t(97441)),d=s(t(22417));function s(e){return e&&e.__esModule?e:{default:e}}n.default=a.default},49558:function(e,n,t){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=l(t(96540)),r=l(t(25365));function l(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var n=1;n0,l.setContainer=l.setContainer.bind(l),l.setMenuButton=l.setMenuButton.bind(l),l.resetCache=l.resetCache.bind(l),l.handleResize=l.handleResize.bind(l),l.resetCache(),l}return(0,r.default)(t,e),(0,o.default)(t,[{key:"componentDidMount",value:function(){var e=this;this.resizeObserver=new f.default((function(){e.isCalculating||(e.animationFrameID=window.requestAnimationFrame((function(){e.props.allowResetCache&&e.resetCache(),e.forceUpdate()})))})),this.resizeObserver.observe(this.container),this.handleResize()}},{key:"componentDidUpdate",value:function(){this.isCalculating&&(this.isCalculating=!1,this.handleResize())}},{key:"componentWillUnmount",value:function(){window.cancelAnimationFrame(this.animationFrameID),this.resizeObserver.disconnect(this.container),this.container=null}},{key:"handleResize",value:function(){if(this.container){var e=this.container.getBoundingClientRect().width,t=c.default.Children.toArray(this.props.children),l=t.length>1?this.menuButton.getBoundingClientRect().width:0,n=Math.abs(e-l),a=-1,i=0,u=!0;if(this.props.isReversedChildrenOrder)for(var o=t.length-1;o>=0;o-=1){var d=this.container.children[o];if((i+=d?d.getBoundingClientRect().width:0)>n){if(!this.collapsedMenuAlwaysShown&&o===t.length-1&&i<=n)break;a=t.length>1&&t[o].type!==g.default?o+1:o,u=!1;break}}else for(var s=0;sn){if(!this.collapsedMenuAlwaysShown&&s===t.length-1&&i<=n)break;a=t.length>1&&t[s].type===g.default?s-1:s,u=!1;break}}this.menuHidden===u&&this.hiddenStartIndex===a||(this.menuHidden=u,this.hiddenStartIndex=a,this.forceUpdate())}}},{key:"setContainer",value:function(e){null!==e&&(this.container=e)}},{key:"setMenuButton",value:function(e){null!==e&&(this.menuButton=e)}},{key:"resetCache",value:function(){this.animationFrameID=null,this.hiddenStartIndex=-1,this.isCalculating=!0,this.menuHidden=!1}},{key:"render",value:function(){var e=this.props,t=e.children,l=e.boundingRef,n=e.menuWidth,u=e.intl,o=e.alwaysCollapsedMenuItems,d=e.isStartAligned,s=e.useHorizontalIcon,r=e.isReversedChildrenOrder,f=e.menuIconText,p=(e.allowResetCache,(0,i.default)(e,O)),m=this.context,b=(0,h.default)(k("collapsible-menu-view",{"is-calculating":this.isCalculating},{"collapsible-menu-view-flex-end":!d},{"collapsible-menu-view-flex-start":d},m.className),p.className),C=k("menu-button",{hidden:!this.collapsedMenuAlwaysShown&&this.menuHidden}),g=t,w=o;this.hiddenStartIndex>=0&&(g=c.default.Children.toArray(t),w=this.props.isReversedChildrenOrder?g.splice(0,this.hiddenStartIndex+2).concat(w):this.collapsedMenuAlwaysShown?g.splice(this.hiddenStartIndex).concat(R).concat(w):g.splice(this.hiddenStartIndex).concat(w));var _=(0,h.default)(k({"collapsible-menu-view-icon-vertical":!s},m.className)),M=c.default.createElement("div",{className:C,ref:this.setMenuButton},c.default.createElement(y.default,{"data-collapsible-menu-toggle":!0,icon:c.default.createElement(v.IconEllipses,{className:_}),subMenuItems:w,boundingRef:l,menuWidth:n,isIconOnly:!0,text:f||u.formatMessage({id:"Terra.collapsibleMenuView.more"}),variant:"utility"}));return r?c.default.createElement("div",(0,a.default)({},p,{className:b,ref:this.setContainer}),M,g):c.default.createElement("div",(0,a.default)({},p,{className:b,ref:this.setContainer}),g,M)}}])}(c.default.Component);x.propTypes=I,x.contextType=b.default,x.defaultProps={alwaysCollapsedMenuItems:[],isStartAligned:!1,allowResetCache:!0};t.default=(0,C.injectIntl)(x)},94759:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(96540)),i=n(l(5556)),u=n(l(67967)),o=n(l(59940)),d=l(33049),s=n(l(52103)),r=n(l(600)),c=u.default.bind(r.default),f={useChevronRightIcon:i.default.bool},p={isCollapsibleMenuItem:i.default.bool},h=function(e,t){var l=t.isCollapsibleMenuItem,n=e.useChevronRightIcon,i=a.default.useContext(s.default);return n&&l?null:n?a.default.createElement("div",{className:c(["chevron-right","face-up-item",i.className])},a.default.createElement(d.IconChevronRight,null)):l?a.default.createElement(o.default.Divider,null):a.default.createElement("div",{className:c(["divider","face-up-item",i.className])})};h.contextTypes=p,h.propTypes=f;t.default=h},15440:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(94634)),i=n(l(91847)),u=n(l(96540)),o=n(l(5556)),d=n(l(67967)),s=n(l(19992)),r=n(l(88696)),c=n(l(600)),f=["text","title","href","onClick","onBlur","onFocus","onKeyDown","onKeyUp","onMouseDown","variant"],p=d.default.bind(c.default),h={isCollapsibleMenuItem:o.default.bool},m={text:o.default.string,title:o.default.string,href:o.default.string,onClick:o.default.func,onBlur:o.default.func,onFocus:o.default.func,onKeyDown:o.default.func,onKeyUp:o.default.func,onMouseDown:o.default.func,variant:o.default.oneOf(["default","external","image","video","audio","document"])},b={variant:"default"},C=function(e,t){var l=e.text,n=e.title,o=e.href,d=e.onClick,c=e.onBlur,h=e.onFocus,m=e.onKeyDown,b=e.onKeyUp,C=e.onMouseDown,v=e.variant,y=(0,i.default)(e,f),g=t.isCollapsibleMenuItem,w=function(e){o?window.location.href=o:d(e)};return g?u.default.createElement(r.default.Item,(0,a.default)({},y,{text:l,onClick:function(e){return w(e)},onBlur:c,onFocus:h,onKeyDown:m,onKeyUp:b,onMouseDown:C})):u.default.createElement("div",{className:p(["face-up-item"])},u.default.createElement(s.default,(0,a.default)({},y,{text:l,title:n,href:o,onClick:d,onBlur:c,onFocus:h,onKeyDown:m,onKeyUp:b,onMouseDown:C,variant:v})))};C.propTypes=m,C.defaultProps=b,C.contextTypes=h;t.default=C},75067:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(94634)),i=n(l(43693)),u=n(l(91847)),o=n(l(17383)),d=n(l(34579)),s=n(l(28452)),r=n(l(63072)),c=n(l(29511)),f=n(l(96540)),p=n(l(5556)),h=n(l(67967)),m=n(l(23986)),b=n(l(15853)),C=n(l(88696)),v=n(l(600)),y=["icon","isIconOnly","isReversed","text","isSelected","isDisabled","subMenuItems","shouldCloseOnClick","boundingRef","menuWidth","isTextOnly"];function g(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function w(e,t,l){return t=(0,r.default)(t),(0,s.default)(e,O()?Reflect.construct(t,l||[],(0,r.default)(e).constructor):t.apply(e,l))}function O(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(O=function(){return!!e})()}var _=h.default.bind(v.default),M={text:p.default.string.isRequired,boundingRef:p.default.func,icon:p.default.element,isIconOnly:p.default.bool,isReversed:p.default.bool,isSelected:p.default.bool,isDisabled:p.default.bool,shouldCloseOnClick:p.default.bool,subMenuItems:p.default.arrayOf(p.default.element),onClick:p.default.func,menuWidth:p.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),isTextOnly:p.default.bool},k={isCollapsibleGroupItem:p.default.bool,isCollapsibleMenuItem:p.default.bool},I=function(e){function t(e){var l;return(0,o.default)(this,t),(l=w(this,t,[e])).setButtonNode=l.setButtonNode.bind(l),l.getButtonNode=l.getButtonNode.bind(l),l}return(0,c.default)(t,e),(0,d.default)(t,[{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"render",value:function(){var e=this.props,t=e.icon,l=e.isIconOnly,n=e.isReversed,o=e.text,d=e.isSelected,s=e.isDisabled,r=e.subMenuItems,c=(e.shouldCloseOnClick,e.boundingRef),p=e.menuWidth,h=e.isTextOnly,v=(0,u.default)(e,y),w=this.context,O=w.isCollapsibleGroupItem,M=w.isCollapsibleMenuItem,k=v.isSelectable,I=function(e){for(var t=1;t0?f.default.createElement(C.default,{contentWidth:p,boundingRef:c,button:f.default.createElement(m.default,(0,a.default)({},I,{"aria-haspopup":"dialog",icon:t,text:o,isReversed:n,isDisabled:s,isIconOnly:l}))},r):h?f.default.createElement("div",{className:_("face-up-item")},o):f.default.createElement("div",{className:_("face-up-item")},f.default.createElement(m.default,(0,a.default)({},I,{icon:t,text:o,isReversed:n,isDisabled:s,isIconOnly:l,isSelectable:k,isSelected:d})))}}])}(f.default.Component);I.propTypes=M,I.defaultProps={isSelected:!1,isReversed:!1,shouldCloseOnClick:!0,isIconOnly:!1,isTextOnly:!1},I.contextTypes=k,I.Opts={widths:C.default.Opts.widths};t.default=I},62244:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(94634)),i=n(l(91847)),u=n(l(17383)),o=n(l(34579)),d=n(l(28452)),s=n(l(63072)),r=n(l(29511)),c=n(l(96540)),f=n(l(5556)),p=n(l(67967)),h=n(l(15853)),m=n(l(88696)),b=n(l(600)),C=["children","onChange","isMultiSelect","selectedKeys","ariaLabel","groupId"];function v(e,t,l){return t=(0,s.default)(t),(0,d.default)(e,y()?Reflect.construct(t,l||[],(0,s.default)(e).constructor):t.apply(e,l))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var g=p.default.bind(b.default),w={onChange:f.default.func,children:f.default.node.isRequired,isMultiSelect:f.default.bool,selectedKeys:f.default.arrayOf(f.default.string),ariaLabel:f.default.string,groupId:f.default.string},O={isCollapsibleGroupItem:f.default.bool},_={isCollapsibleMenuItem:f.default.bool},M=function(e){function t(e){var l;return(0,u.default)(this,t),(l=v(this,t,[e])).handleMenuOnChange=l.handleMenuOnChange.bind(l),l}return(0,r.default)(t,e),(0,o.default)(t,[{key:"getChildContext",value:function(){return{isCollapsibleGroupItem:!0}}},{key:"handleMenuOnChange",value:function(e,t){if(this.props.onChange){var l=t;c.default.Children.forEach(this.props.children,(function(e,n){t===n&&(l=e.key)})),this.props.onChange(e,l)}}},{key:"render",value:function(){var e=this,t=this.props,l=t.children,n=t.onChange,u=t.isMultiSelect,o=t.selectedKeys,d=t.ariaLabel,s=t.groupId,r=(0,i.default)(t,C);if(this.context.isCollapsibleMenuItem){if(u){var f=[];return c.default.Children.forEach(l,(function(t,l){var n;n=c.default.cloneElement(t,{onChange:function(t){return e.handleMenuOnChange(t,l)},isToggleable:!0,isToggled:t.isToggled}),f.push(n)})),c.default.createElement("li",{role:"none"},c.default.createElement("div",(0,a.default)({},r,{role:"group",id:s,"aria-label":d}),f))}return n?c.default.createElement("li",{role:"none"},c.default.createElement(m.default.ItemGroup,(0,a.default)({},r,{onChange:this.handleMenuOnChange,id:s,"aria-label":d}),l)):c.default.createElement("li",{role:"none"},c.default.createElement("div",(0,a.default)({},r,{role:"group"}),l))}var p=g(["face-up-item",r.className]);return c.default.createElement(h.default,(0,a.default)({},r,{isMultiSelect:u,onChange:n,className:p,selectedKeys:o,"aria-label":d}),l)}}])}(c.default.Component);M.propTypes=w,M.defaultProps={selectedKeys:[],isMultiSelect:!1},M.childContextTypes=O,M.contextTypes=_;t.default=M},32380:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(94634)),i=n(l(91847)),u=n(l(17383)),o=n(l(34579)),d=n(l(28452)),s=n(l(63072)),r=n(l(29511)),c=n(l(96540)),f=n(l(5556)),p=n(l(67967)),h=n(l(42112)),m=n(l(88696)),b=n(l(600)),C=["text","isSelected","isSelectable","isDisabled","onChange","shouldCloseOnClick"];function v(e,t,l){return t=(0,s.default)(t),(0,d.default)(e,y()?Reflect.construct(t,l||[],(0,s.default)(e).constructor):t.apply(e,l))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var g=p.default.bind(b.default),w={text:f.default.string.isRequired,isSelected:f.default.bool,onChange:f.default.func,isSelectable:f.default.bool,isDisabled:f.default.bool,shouldCloseOnClick:f.default.bool},O={isCollapsibleMenuItem:f.default.bool},_=function(e){function t(e){var l;return(0,u.default)(this,t),(l=v(this,t,[e])).wrappedOnChange=l.wrappedOnChange.bind(l),l}return(0,r.default)(t,e),(0,o.default)(t,[{key:"wrappedOnChange",value:function(e){this.props.onChange&&this.props.onChange(e,e.target.checked)}},{key:"render",value:function(){var e=this.props,t=e.text,l=e.isSelected,n=e.isSelectable,u=e.isDisabled,o=e.onChange,d=(e.shouldCloseOnClick,(0,i.default)(e,C)),s=this.context.isCollapsibleMenuItem,r=g(["control",{"is-disabled":u||!n},d.className]);return s?c.default.createElement(m.default.Item,(0,a.default)({},d,{text:t,isSelected:l,isSelectable:n,isDisabled:u||!n,onChange:o})):c.default.createElement("div",{className:g(["face-up-item"])},c.default.createElement(h.default,(0,a.default)({},d,{className:r,labelText:t,defaultChecked:l,onChange:this.wrappedOnChange,disabled:u||!n})))}}])}(c.default.Component);_.propTypes=w,_.defaultProps={isSelected:!1,isSelectable:!0,shouldCloseOnClick:!0},_.contextTypes=O;t.default=_},88696:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(94634)),i=n(l(91847)),u=n(l(17383)),o=n(l(34579)),d=n(l(28452)),s=n(l(63072)),r=n(l(29511)),c=n(l(96540)),f=n(l(5556)),p=n(l(67967)),h=n(l(59940)),m=n(l(52103)),b=n(l(600)),C=["children","button","contentWidth"];function v(e,t,l){return t=(0,s.default)(t),(0,d.default)(e,y()?Reflect.construct(t,l||[],(0,s.default)(e).constructor):t.apply(e,l))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var g=p.default.bind(b.default),w={children:f.default.node.isRequired,boundingRef:f.default.func,contentWidth:f.default.oneOf(["160","240","320","640","960","1280","1760","auto"]),button:f.default.element.isRequired},O={isCollapsibleMenuItem:f.default.bool},_=function(e){function t(e){var l;return(0,u.default)(this,t),(l=v(this,t,[e])).handleRequestClose=l.handleRequestClose.bind(l),l.wrappedOnClick=l.wrappedOnClick.bind(l),l.wrapButtonClick=l.wrapButtonClick.bind(l),l.wrapChildrenOnClick=l.wrapChildrenOnClick.bind(l),l.setButtonNode=l.setButtonNode.bind(l),l.getButtonNode=l.getButtonNode.bind(l),l.state={isOpen:!1},l}return(0,r.default)(t,e),(0,o.default)(t,[{key:"getChildContext",value:function(){return{isCollapsibleMenuItem:!0}}},{key:"handleRequestClose",value:function(){this.setState({isOpen:!1})}},{key:"setButtonNode",value:function(e){this.buttonNode=e}},{key:"getButtonNode",value:function(){return this.buttonNode}},{key:"wrappedOnClick",value:function(e){var t=this;return function(l){t.handleRequestClose(),e.props.onClick&&e.props.onClick(l)}}},{key:"wrapButtonClick",value:function(e){var t=this;return function(l){t.setState({isOpen:!0}),e.props.onClick&&e.props.onClick(l)}}},{key:"wrapChildrenOnClick",value:function(e){var t=this,l=e?[]:void 0;return c.default.Children.forEach(e,(function(e){var n=e;if(e.props.shouldCloseOnClick)n=c.default.cloneElement(e,{onClick:t.wrappedOnClick(e)});else if(e.props.children){var a=t.wrapChildrenOnClick(e.props.children);n=c.default.cloneElement(e,{children:a})}else if(e.props.subMenuItems){var i=t.wrapChildrenOnClick(e.props.subMenuItems);n=c.default.cloneElement(e,{subMenuItems:i})}l.push(n)})),l}},{key:"render",value:function(){var e=this.props,t=e.children,l=e.button,n=e.contentWidth,u=(0,i.default)(e,C),o=c.default.cloneElement(l,{onClick:this.wrapButtonClick(l)}),d=this.context;return c.default.createElement("div",{className:g("face-up-item",d.className),ref:this.setButtonNode},c.default.createElement(h.default,(0,a.default)({},u,{onRequestClose:this.handleRequestClose,isArrowDisplayed:!0,isOpen:this.state.isOpen,targetRef:this.getButtonNode,contentWidth:n}),this.wrapChildrenOnClick(t)),o)}}])}(c.default.Component);_.propTypes=w,_.childContextTypes=O,_.Item=h.default.Item,_.ItemGroup=h.default.ItemGroup,_.Opts={widths:h.default.Opts.widths},_.contextType=m.default;t.default=_},29314:function(e,t,l){var n=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(l(8144)),i=n(l(94759)),u=n(l(15440)),o=n(l(75067)),d=n(l(62244)),s=n(l(32380));a.default.Item=o.default,a.default.ItemGroup=d.default,a.default.Toggle=s.default,a.default.Hyperlink=u.default,a.default.Divider=i.default;t.default=a.default}}]); \ No newline at end of file diff --git a/70937-7f9e461aec899346cba8.css b/70937-7f9e461aec899346cba8.css new file mode 100644 index 000000000..1b10b3b83 --- /dev/null +++ b/70937-7f9e461aec899346cba8.css @@ -0,0 +1,4 @@ +.WorklistDataGrid-module__worklist-data-grid-container___nc9kr{height:100%;width:100%} +.DataGrid-module__data-grid-container___wJCne{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___1Jt6A{height:100%;width:100%} +.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)} diff --git a/70937-7f9e461aec899346cba8.js b/70937-7f9e461aec899346cba8.js new file mode 100644 index 000000000..004ffbc83 --- /dev/null +++ b/70937-7f9e461aec899346cba8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[70937],{201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(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=f(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=r?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)),i=a(n(5556)),c=a(n(67967)),u=n(92912),d=a(n(49558)),s=a(n(53665)),m=n(25966),p=a(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 _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,o.useState)(c),f=(0,r.default)(p,2),b=f[0],y=f[1],g=(0,o.useState)(!1),v=(0,r.default)(g,2),E=v[0],w=v[1],O=o.default.useContext(u.ThemeContext),N=void 0!==a,C=function(){w(!E),b&&y(!b)},k=function(){y(!b),E&&w(!E)},A=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",O.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},i&&o.default.createElement("div",{className:_("description")},i),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},N&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:C,onKeyDown:function(e){return A(e,C)},onBlur:h,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:k,onKeyDown:function(e){return A(e,k)},onBlur:h,onMouseDown:x,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:_("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:_("css")},a),b&&o.default.createElement("div",{className:_("code")},n))))};y.propTypes=b,y.defaultProps={isExpanded:!1};t.A=y},93064:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var r=a(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=u(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var i=r?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)),i=n(9543),c=a(n(75868));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)}t.A=function(){var e=(0,o.useState)(!1),t=(0,r.default)(e,2),n=t[0],a=t[1],l={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Action A"},{id:"Column-2",displayName:"Action B"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:o.default.createElement("button",{type:"button","aria-label":"Alert",onClick:function(){a(!0)}},"Alert")},{content:o.default.createElement("a",{href:"https://www.oracle.com/","aria-label":"Visit Oracle"},"Visit Oracle")}]}]},u=l.cols,d=l.rows;return o.default.createElement(o.default.Fragment,null,n&&o.default.createElement(c.default,{variant:"hazard-low",dialogTitle:"Button from Focusable Cell",startMessage:"Button Selected",acceptAction:{text:"OK",onClick:function(){a(!1)}}}),o.default.createElement(i.WorklistDataGrid,{id:"default-terra-worklist-data-grid-focusable-cell",overflowColumns:u,defaultColumnWidth:170,rows:d,rowHeaderIndex:0,rowHeight:"50px",ariaLabel:"Worklist Data Grid",isAutoFocusEnabled:!0}))}},7504:function(e,t,n){n.r(t),n.d(t,{default:function(){return x}});var a=n(96540),l=n(36665),r=n(93064),o=["components"];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 r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={};function d(e){var t=e.components,n=c(e,o);return(0,l.mdx)("wrapper",i({},u,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 { WorklistDataGrid } from 'terra-data-grid';\nimport NotificationDialog from 'terra-notification-dialog';\n\nconst WorklistDataGridAutoFocusableCell = () => {\n const rowHeaderIndex = 0;\n\n const [isOpen, setIsOpen] = useState(false);\n\n const handleCloseModal = () => {\n setIsOpen(false);\n };\n\n const handleButtonOpenModal = () => {\n setIsOpen(true);\n };\n\n const buttonCell = ;\n // eslint-disable-next-line react/forbid-dom-props\n const anchorCell = Visit Oracle;\n\n const gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Action A' },\n { id: 'Column-2', displayName: 'Action B' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: buttonCell },\n { content: anchorCell },\n ],\n },\n ],\n };\n\n const { cols, rows } = gridDataJSON;\n\n return (\n <>\n {isOpen && (\n \n )}\n \n \n );\n};\n\nexport default WorklistDataGridAutoFocusableCell;\n\n")))}d.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(s.A,{title:t||"Worklist Data Grid Auto Focusable Cell",description:n,example:a.createElement(r.A,null),exampleSrc:a.createElement(d,null),isExpanded:l})},p=["components"];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 r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},h="wrapper";function x(e){var t=e.components,n=_(e,p);return(0,l.mdx)(h,f({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"auto-focusable-cell-navigation"},"Auto Focusable Cell Navigation"),(0,l.mdx)("h3",{id:"description"},"Description"),(0,l.mdx)("p",null,"The content of a cell in the ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Worklist Data Grid")," may be empty, text, numerical, or any combination of widgets.\nWhen the only interactable element in the cell is a button or hyperlink element and the isAutoFocusable property is set to true, navigation to the cell will focus the button or hyperlink element directly."),(0,l.mdx)("h4",{id:"keyboard-interactions"},"Keyboard Interactions"),(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},"Key Interaction"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("em",{parentName:"td"},"Enter")),(0,l.mdx)("td",{parentName:"tr",align:null},"Moves focus to the button or hyperlink element when the table cell has focus.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("em",{parentName:"td"},"Escape")),(0,l.mdx)("td",{parentName:"tr",align:null},"Moves focus to the parent table cell element.")))),(0,l.mdx)(m,{mdxType:"WorklistDataGridAutoFocusableCell"}))}x.isMDXComponent=!0},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"}}}]); \ No newline at end of file diff --git a/70945-7ea703c3aaf2ebbfe182.css b/70945-7ea703c3aaf2ebbfe182.css new file mode 100644 index 000000000..4b76695b0 --- /dev/null +++ b/70945-7ea703c3aaf2ebbfe182.css @@ -0,0 +1,9 @@ +.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___OXKKU{display:block;min-height:0}[dir] .Whitespace-module__whitespace___OXKKU{margin:0;padding:0}.Whitespace-module__newline-1___J5RR0{height:1.4285714286em}.Whitespace-module__newline-2___kawg\+{height:2.8571428572em}.Whitespace-module__newline-3___K\+IKl{height:4.2857142858em}.Whitespace-module__newline-4___fHvAZ{height:5.7142857144em}.Whitespace-module__newline-5___VidsD{height:7.142857143em}.Whitespace-module__newline-6___\+7QIy{height:8.5714285716em}.Whitespace-module__newline-7___lyrHl{height:10.0000000002em}.Whitespace-module__newline-8___48hDj{height:11.4285714288em} +.Pill-module__clinical-lowlight-theme___2k01f{--terra-pills-pill-list-item-margin-bottom: 0.28571rem;--terra-pills-pill-list-item-margin-right: 0.42857rem;--terra-pills-pill-list-item-margin-top: 0.28571rem;--terra-pills-pill-background-color: #222a2e;--terra-pills-pill-border: 1px solid #525659;--terra-pills-pill-border-radius: 10rem;--terra-pills-pill-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--terra-pills-pill-color: #b2b5b6;--terra-pills-pill-font-size: 0.85714rem;--terra-pills-pill-height: 1.71429rem;--terra-pills-pill-margin-bottom: 0.28571rem;--terra-pills-pill-margin-right: 0.42857rem;--terra-pills-pill-margin-top: 0.28571rem;--terra-pills-pill-focus-border-color: #525659;--terra-pills-pill-focus-border-width: 1px;--terra-pills-pill-focus-box-shadow: none;--terra-pills-pill-focus-outline: 2px dashed #c8cacb;--terra-pills-pill-focus-outline-offset: 2px;--terra-pills-pill-label-background-color: transparent;--terra-pills-pill-label-color: #b2b5b6;--terra-pills-pill-label-font-size: 0.85714rem;--terra-pills-pill-label-font-weight: 400;--terra-pills-pill-label-line-height: 1.16667;--terra-pills-pill-label-padding-bottom: 0.285714rem;--terra-pills-pill-label-padding-left: 0.71428rem;--terra-pills-pill-label-padding-right: 0.28571rem;--terra-pills-pill-label-padding-top: 0.285714rem;--terra-pills-pill-label-category-font-size: 0.85714rem;--terra-pills-pill-label-category-font-weight: 500;--terra-pills-removable-hover-pill-remove-button-background-color: #3b4245;--terra-pills-removable-hover-pill-remove-button-box-shadow: 1px 0 0 0 #525659, inset 5px 0 5px 1px #222a2e;--terra-pills-removable-hover-pill-remove-button-before-background-color: #141719;--terra-pills-removable-hover-pill-remove-button-before-border-color: #141719;--terra-pills-removable-hover-clear-icon-color: #9b9b9b;--terra-pills-selectable-removable-pill-remove-button-box-shadow: -4px 0 0 -3px #3b4245, 1px 0 0 0 #525659;--terra-pills-selectable-removable-pill-remove-button-min-width: 1.64285rem;--terra-pills-selectable-removable-pill-remove-button-hover-box-shadow: 1px 0 0 0 #525659;--terra-pills-selectable-removable-pill-remove-button-hover-before-border-color: #141719;--terra-pills-selectable-removable-pill-remove-button-active-before-border-color: #0c0d0e;--terra-pills-selectable-removable-hover-pill-label-background-color: #141719;--terra-pills-selectable-removable-hover-pill-label-box-shadow: none;--terra-pills-selectable-removable-hover-pill-label-color: #9b9b9b;--terra-pills-selectable-removable-hover-pill-remove-button-box-shadow: -1px 0 0 0 #525659, 1px 0 0 0 #525659;--terra-pills-selectable-removable-pill-label-active-background-color: #0c0d0e;--terra-pills-selectable-removable-pill-label-active-box-shadow: none;--terra-pills-selectable-removable-pill-label-active-color: #9b9b9b;--terra-pills-pill-remove-button-background-color: #222a2e;--terra-pills-pill-remove-button-border-bottom-right-radius: 0.85714rem;--terra-pills-pill-remove-button-border-top-right-radius: 0.85714rem;--terra-pills-pill-remove-button-box-shadow: 1px 0 0 0 #525659;--terra-pills-pill-remove-button-color: #b2b5b6;--terra-pills-pill-remove-button-height: 1.57143rem;--terra-pills-pill-remove-button-min-width: 1.64285rem;--terra-pills-pill-remove-button-right: 0.5rem;--terra-pills-pill-remove-button-top: 0.35714rem;--terra-pills-pill-remove-button-before-background-color: transparent;--terra-pills-pill-remove-button-before-border: 1px solid #222a2e;--terra-pills-pill-remove-button-before-border-radius: 10rem;--terra-pills-pill-remove-button-before-height: 1.42857rem;--terra-pills-pill-remove-button-before-margin-bottom: 0.07142rem;--terra-pills-pill-remove-button-before-margin-left: 0.07142rem;--terra-pills-pill-remove-button-before-margin-right: 0.14285rem;--terra-pills-pill-remove-button-before-margin-top: 0.07142rem;--terra-pills-pill-remove-button-before-width: 1.42857rem;--terra-pills-pill-remove-button-hover-background-color: #222a2e;--terra-pills-pill-remove-button-hover-box-shadow: 1px 0 0 0 #525659;--terra-pills-pill-remove-button-hover-before-background-color: #141719;--terra-pills-pill-remove-button-hover-before-border-color: rgba(82, 86, 89, 0.8);--terra-pills-pill-remove-button-hover-clear-icon-color: #9b9b9b;--terra-pills-pill-remove-button-active-background-color: #222a2e;--terra-pills-pill-remove-button-active-box-shadow: 1px 0 0 0 #525659;--terra-pills-pill-remove-button-active-before-background-color: #0c0d0e;--terra-pills-pill-remove-button-active-before-border-color: #3b4245;--terra-pills-pill-remove-button-active-clear-icon-color: #9b9b9b;--terra-pills-clear-icon-height: 0.71429rem;--terra-pills-clear-icon-margin-bottom: 0.42857rem;--terra-pills-clear-icon-margin-left: 0.42857rem;--terra-pills-clear-icon-margin-right: 0.5rem;--terra-pills-clear-icon-margin-top: 0.42857rem;--terra-pills-clear-icon-width: 0.71429rem;--terra-pills-clear-icon-ms-height: 0.71429rem;--terra-pills-clear-icon-ms-top: 0;--terra-pills-clear-icon-ms-width: 0.71429rem;--terra-pills-rollup-pill-background-color: #222a2e;--terra-pills-rollup-pill-border: 1px solid #525659;--terra-pills-rollup-pill-border-radius: 10rem;--terra-pills-rollup-pill-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--terra-pills-rollup-pill-color: #b2b5b6;--terra-pills-rollup-pill-font-size: 0.85714rem;--terra-pills-rollup-pill-height: 1.71429rem;--terra-pills-rollup-pill-line-height: 1.16667;--terra-pills-rollup-pill-padding-bottom: 0.28571rem;--terra-pills-rollup-pill-padding-left: 0.71428rem;--terra-pills-rollup-pill-padding-right: 0.71428rem;--terra-pills-rollup-pill-padding-top: 0.28571rem;--terra-pills-rollup-pill-focus-border-color: #525659;--terra-pills-rollup-pill-focus-border-width: 1px;--terra-pills-rollup-pill-focus-box-shadow: none;--terra-pills-rollup-pill-focus-outline: 2px dashed #fff;--terra-pills-rollup-pill-focus-outline-offset: 2px;--terra-pills-rollup-pill-hover-background-color: #141719;--terra-pills-rollup-pill-hover-border: 1px solid #525659;--terra-pills-rollup-pill-hover-color: #9b9b9b;--terra-pills-rollup-pill-active-background-color: #0c0d0e;--terra-pills-rollup-pill-active-border: 1px solid #525659;--terra-pills-rollup-pill-active-color: #9b9b9b;--terra-pills-rollup-pill-label-not-ms-top: -0.01em;--terra-pills-pill-label-not-ms-top: -0.01em;--terra-pills-selectable-removable-pill-label-not-ms-top: 0;--terra-pills-rollup-pill-label-moz-top: -0.02em;--terra-pills-pill-label-moz-top: -0.02em;--terra-pills-selectable-removable-pill-label-moz-top: 0;--terra-pills-popup-pill-label-color: #b2b5b6;--terra-pills-popup-pill-label-font-size: 0.92857rem;--terra-pills-popup-pill-label-font-weight: 400;--terra-pills-popup-pill-label-line-height: 1.23076;--terra-pills-popup-pill-label-max-width: 480px;--terra-pills-popup-pill-label-padding: 0.35714rem 0.5rem;--terra-pills-popup-pill-label-category-font-size: 0.92857rem;--terra-pills-popup-pill-label-category-font-weight: 500;--terra-pills-popup-pill-label-category-line-height: 1.23076;--terra-pills-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23b2b5b6%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-pills-removable-hover-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-pills-pill-remove-button-hover-active-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.Pill-module__orion-fusion-theme___WJ5lx{--terra-pills-pill-list-item-margin-bottom: 0.2rem;--terra-pills-pill-list-item-margin-right: 0.5rem;--terra-pills-pill-list-item-margin-top: 0.25rem;--terra-pills-pill-background-color: #fff;--terra-pills-pill-border: 1px solid #868a8c;--terra-pills-pill-border-radius: 10rem;--terra-pills-pill-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0, 0.2);--terra-pills-pill-color: #595f62;--terra-pills-pill-font-size: 1rem;--terra-pills-pill-height: 2rem;--terra-pills-pill-margin-bottom: 0.2rem;--terra-pills-pill-margin-right: 0.5rem;--terra-pills-pill-margin-top: 0.25rem;--terra-pills-pill-focus-border-color: #868a8c;--terra-pills-pill-focus-border-width: 1px;--terra-pills-pill-focus-box-shadow: none;--terra-pills-pill-focus-outline: 2px dashed #000;--terra-pills-pill-focus-outline-offset: 2px;--terra-pills-pill-label-background-color: transparent;--terra-pills-pill-label-color: #595f62;--terra-pills-pill-label-font-size: 1rem;--terra-pills-pill-label-font-weight: 400;--terra-pills-pill-label-line-height: 1.25;--terra-pills-pill-label-padding-bottom: 0.33333rem;--terra-pills-pill-label-padding-left: 0.83333rem;--terra-pills-pill-label-padding-right: 0.33333rem;--terra-pills-pill-label-padding-top: 0.25rem;--terra-pills-pill-label-category-font-size: 1rem;--terra-pills-pill-label-category-font-weight: 700;--terra-pills-removable-hover-pill-remove-button-background-color: #fff;--terra-pills-removable-hover-pill-remove-button-box-shadow: 1px 0 0 0 #868a8c;--terra-pills-removable-hover-pill-remove-button-before-background-color: #dedfe0;--terra-pills-removable-hover-pill-remove-button-before-border-color: #dedfe0;--terra-pills-removable-hover-clear-icon-color: #222a2e;--terra-pills-selectable-removable-pill-remove-button-box-shadow: -4px 0 0 -3px #d3d4d5, 1px 0 0 0 #868a8c;--terra-pills-selectable-removable-pill-remove-button-min-width: 1.91667rem;--terra-pills-selectable-removable-pill-remove-button-hover-box-shadow: 1px 0 0 0 #868a8c;--terra-pills-selectable-removable-pill-remove-button-hover-before-border-color: #dedfe0;--terra-pills-selectable-removable-pill-remove-button-active-before-border-color: #bcbfc0;--terra-pills-selectable-removable-hover-pill-label-background-color: #dedfe0;--terra-pills-selectable-removable-hover-pill-label-box-shadow: none;--terra-pills-selectable-removable-hover-pill-label-color: #222a2e;--terra-pills-selectable-removable-hover-pill-remove-button-box-shadow: -1px 0 0 0 #868a8c, 1px 0 0 0 #868a8c;--terra-pills-selectable-removable-pill-label-active-background-color: #bcbfc0;--terra-pills-selectable-removable-pill-label-active-box-shadow: none;--terra-pills-selectable-removable-pill-label-active-color: #222a2e;--terra-pills-pill-remove-button-background-color: #fff;--terra-pills-pill-remove-button-border-bottom-right-radius: 0.85714rem;--terra-pills-pill-remove-button-border-top-right-radius: 0.85714rem;--terra-pills-pill-remove-button-box-shadow: 1px 0 0 0 #868a8c;--terra-pills-pill-remove-button-color: #595f62;--terra-pills-pill-remove-button-height: 1.83333rem;--terra-pills-pill-remove-button-min-width: 1.91667rem;--terra-pills-pill-remove-button-right: 0.5834rem;--terra-pills-pill-remove-button-top: 0.41667rem;--terra-pills-pill-remove-button-before-background-color: transparent;--terra-pills-pill-remove-button-before-border: 1px solid #fff;--terra-pills-pill-remove-button-before-border-radius: 10rem;--terra-pills-pill-remove-button-before-height: 1.66667rem;--terra-pills-pill-remove-button-before-margin-bottom: 0.08333rem;--terra-pills-pill-remove-button-before-margin-left: 0.16666rem;--terra-pills-pill-remove-button-before-margin-right: 0.16666rem;--terra-pills-pill-remove-button-before-margin-top: 0.08333rem;--terra-pills-pill-remove-button-before-width: 1.66667rem;--terra-pills-pill-remove-button-hover-background-color: #fff;--terra-pills-pill-remove-button-hover-box-shadow: 1px 0 0 0 #868a8c;--terra-pills-pill-remove-button-hover-before-background-color: #dedfe0;--terra-pills-pill-remove-button-hover-before-border-color: #d3d4d5;--terra-pills-pill-remove-button-hover-clear-icon-color: #222a2e;--terra-pills-pill-remove-button-active-background-color: #fff;--terra-pills-pill-remove-button-active-box-shadow: 1px 0 0 0 #868a8c;--terra-pills-pill-remove-button-active-before-background-color: #bcbfc0;--terra-pills-pill-remove-button-active-before-border-color: #d3d4d5;--terra-pills-pill-remove-button-active-clear-icon-color: #222a2e;--terra-pills-clear-icon-height: 0.91667rem;--terra-pills-clear-icon-margin-bottom: 0.45833rem;--terra-pills-clear-icon-margin-left: 0.45833rem;--terra-pills-clear-icon-margin-right: 6px;--terra-pills-clear-icon-margin-top: 0.4375rem;--terra-pills-clear-icon-width: 0.91667rem;--terra-pills-clear-icon-ms-height: 1.125rem;--terra-pills-clear-icon-ms-top: 0;--terra-pills-clear-icon-ms-width: 1.125rem;--terra-pills-rollup-pill-background-color: #fff;--terra-pills-rollup-pill-border: 1px solid #868a8c;--terra-pills-rollup-pill-border-radius: 10rem;--terra-pills-rollup-pill-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0, 0.2);--terra-pills-rollup-pill-color: #595f62;--terra-pills-rollup-pill-font-size: 1rem;--terra-pills-rollup-pill-height: 2rem;--terra-pills-rollup-pill-line-height: 1.25;--terra-pills-rollup-pill-padding-bottom: 0.33333rem;--terra-pills-rollup-pill-padding-left: 0.83333rem;--terra-pills-rollup-pill-padding-right: 0.83333rem;--terra-pills-rollup-pill-padding-top: 0.25rem;--terra-pills-rollup-pill-focus-border-width: 1px;--terra-pills-rollup-pill-focus-border-color: #868a8c;--terra-pills-rollup-pill-focus-box-shadow: none;--terra-pills-rollup-pill-focus-outline: 2px dashed #000;--terra-pills-rollup-pill-focus-outline-offset: 2px;--terra-pills-rollup-pill-hover-background-color: #dedfe0;--terra-pills-rollup-pill-hover-border: 1px solid #868a8c;--terra-pills-rollup-pill-hover-color: #222a2e;--terra-pills-rollup-pill-active-background-color: #bcbfc0;--terra-pills-rollup-pill-active-border: 1px solid #868a8c;--terra-pills-rollup-pill-active-color: #222a2e;--terra-pills-rollup-pill-label-not-ms-top: 0;--terra-pills-pill-label-not-ms-top: 0;--terra-pills-selectable-removable-pill-label-not-ms-top: 0;--terra-pills-rollup-pill-label-moz-top: -0.05em;--terra-pills-pill-label-moz-top: -0.05em;--terra-pills-selectable-removable-pill-label-moz-top: 0;--terra-pills-popup-pill-label-color: #595f62;--terra-pills-popup-pill-label-font-size: 1rem;--terra-pills-popup-pill-label-font-weight: 400;--terra-pills-popup-pill-label-line-height: 1.16667;--terra-pills-popup-pill-label-max-width: 480px;--terra-pills-popup-pill-label-padding: 0.41666rem 0.66666rem;--terra-pills-popup-pill-label-category-font-size: 1rem;--terra-pills-popup-pill-label-category-font-weight: 700;--terra-pills-popup-pill-label-category-line-height: 1.16667;--terra-pills-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%234d5153%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-pills-removable-hover-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");--terra-pills-pill-remove-button-hover-active-clear-icon-background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}.Pill-module__pills-group___qCKg8{box-sizing:border-box;max-width:100%;min-width:0;outline:none}[dir] .Pill-module__pills-group___qCKg8{margin:0}.Pill-module__pill-list-item___5K3Ox{box-sizing:border-box;display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;outline:none;position:relative;vertical-align:top}[dir] .Pill-module__pill-list-item___5K3Ox{margin:0;margin-bottom:0.28571rem;margin-bottom:var(--terra-pills-pill-list-item-margin-bottom, 0.28571rem);margin-top:0.28571rem;margin-top:var(--terra-pills-pill-list-item-margin-top, 0.28571rem)}[dir=ltr] .Pill-module__pill-list-item___5K3Ox{margin-right:0.42857rem;margin-right:var(--terra-pills-pill-list-item-margin-right, 0.42857rem)}[dir=rtl] .Pill-module__pill-list-item___5K3Ox{margin-left:0.42857rem;margin-left:var(--terra-pills-pill-list-item-margin-right, 0.42857rem)}.Pill-module__pill___F708A{box-sizing:border-box;color:#595f62;color:var(--terra-pills-pill-color, #595f62);display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 auto;flex:1 1 auto;font-family:inherit;font-size:1rem;font-size:var(--terra-pills-pill-font-size, 1rem);height:1.71429rem;height:var(--terra-pills-pill-height, 1.71429rem);max-width:100%;min-width:0;outline:none;overflow:hidden;position:relative;vertical-align:top}[dir] .Pill-module__pill___F708A{background-color:#fff;background-color:var(--terra-pills-pill-background-color, #fff);border:1px solid #868a8c;border:var(--terra-pills-pill-border, 1px solid #868a8c);border-radius:10rem;border-radius:var(--terra-pills-pill-border-radius, 10rem);border-style:solid;border-width:1px;border-width:var(--terra-pills-pill-border-width, 1px);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:var(--terra-pills-pill-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.2));margin-bottom:0.28571rem;margin-bottom:var(--terra-pills-pill-margin-bottom, 0.28571rem);margin-top:0.28571rem;margin-top:var(--terra-pills-pill-margin-top, 0.28571rem);padding:0}[dir=ltr] .Pill-module__pill___F708A{margin-right:0.42857rem;margin-right:var(--terra-pills-pill-margin-right, 0.42857rem)}[dir=rtl] .Pill-module__pill___F708A{margin-left:0.42857rem;margin-left:var(--terra-pills-pill-margin-right, 0.42857rem)}.Pill-module__pill___F708A.Pill-module__is-focusable___pflIh[data-terra-pills-show-focus-styles=true]:focus{outline:2px dashed #000;outline:var(--terra-pills-pill-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-pills-pill-focus-outline-offset, 2px)}[dir] .Pill-module__pill___F708A.Pill-module__is-focusable___pflIh[data-terra-pills-show-focus-styles=true]:focus{border-color:#868a8c;border-color:var(--terra-pills-pill-focus-border-color, #868a8c);border-width:1px;border-width:var(--terra-pills-pill-focus-border-width, 1px);box-shadow:none;box-shadow:var(--terra-pills-pill-focus-box-shadow, none)}.Pill-module__pill-label___6aEkh{box-sizing:border-box;color:#595f62;color:var(--terra-pills-pill-label-color, #595f62);display:inline-block;-ms-flex:1 1 auto;flex:1 1 auto;font-size:0.85714rem;font-size:var(--terra-pills-pill-label-font-size, 0.85714rem);font-weight:400;font-weight:var(--terra-pills-pill-label-font-weight, 400);height:100%;line-height:1.16667;line-height:var(--terra-pills-pill-label-line-height, 1.16667);min-width:0;overflow:hidden;pointer-events:none;position:relative;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}[dir] .Pill-module__pill-label___6aEkh{background-color:transparent;background-color:var(--terra-pills-pill-label-background-color, transparent);cursor:default;padding-bottom:0.28571rem;padding-bottom:var(--terra-pills-pill-label-padding-bottom, 0.28571rem);padding-top:0.285714rem;padding-top:var(--terra-pills-pill-label-padding-top, 0.285714rem)}[dir=ltr] .Pill-module__pill-label___6aEkh{padding-left:0.71428rem;padding-left:var(--terra-pills-pill-label-padding-left, 0.71428rem);padding-right:0.28571rem;padding-right:var(--terra-pills-pill-label-padding-right, 0.28571rem)}[dir=rtl] .Pill-module__pill-label___6aEkh{padding-right:0.71428rem;padding-right:var(--terra-pills-pill-label-padding-left, 0.71428rem);padding-left:0.28571rem;padding-left:var(--terra-pills-pill-label-padding-right, 0.28571rem)}.Pill-module__pill-label___6aEkh .Pill-module__pill-category___iX4OL{font-family:inherit;font-size:0.85714rem;font-size:var(--terra-pills-pill-label-category-font-size, 0.85714rem);font-weight:500;font-weight:var(--terra-pills-pill-label-category-font-weight, 500)}.Pill-module__is-removable___-C-W2{pointer-events:auto}[dir] .Pill-module__is-removable___-C-W2:hover+.Pill-module__pill-remove-button___H2\+gg{background-color:#fff;background-color:var(--terra-pills-removable-hover-pill-remove-button-background-color, #fff);box-shadow:1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-removable-hover-pill-remove-button-box-shadow, 1px 0 0 0 #868a8c)}[dir] .Pill-module__is-removable___-C-W2:hover+.Pill-module__pill-remove-button___H2\+gg::before{background-color:#dedfe0;background-color:var(--terra-pills-removable-hover-pill-remove-button-before-background-color, #dedfe0);border-color:#dedfe0;border-color:var(--terra-pills-removable-hover-pill-remove-button-before-border-color, #dedfe0)}.Pill-module__is-removable___-C-W2:hover+.Pill-module__pill-remove-button___H2\+gg .Pill-module__clear-icon___1ScH9{color:#222a2e;color:var(--terra-pills-removable-hover-clear-icon-color, #222a2e)}[dir] .Pill-module__is-removable___-C-W2:hover+.Pill-module__pill-remove-button___H2\+gg .Pill-module__clear-icon___1ScH9{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-pills-removable-hover-clear-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}.Pill-module__is-selectable-and-removable___4Y3UX{font-family:inherit;outline:none;pointer-events:auto;position:relative;top:0;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;user-select:none}[dir] .Pill-module__is-selectable-and-removable___4Y3UX{cursor:pointer;margin:0}[dir=ltr] .Pill-module__is-selectable-and-removable___4Y3UX{left:0}[dir=rtl] .Pill-module__is-selectable-and-removable___4Y3UX{right:0}.Pill-module__is-selectable-and-removable___4Y3UX+.Pill-module__pill-remove-button___H2\+gg{min-width:1.64285rem;min-width:var(--terra-pills-selectable-removable-pill-remove-button-min-width, 1.64285rem)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX+.Pill-module__pill-remove-button___H2\+gg{box-shadow:-4px 0 0 -3px #d3d4d5, 1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-selectable-removable-pill-remove-button-box-shadow, -4px 0 0 -3px #d3d4d5, 1px 0 0 0 #868a8c)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX+.Pill-module__pill-remove-button___H2\+gg:hover{box-shadow:1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-selectable-removable-pill-remove-button-hover-box-shadow, 1px 0 0 0 #868a8c)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX+.Pill-module__pill-remove-button___H2\+gg:hover::before{border-color:#dedfe0;border-color:var(--terra-pills-selectable-removable-pill-remove-button-hover-before-border-color, #dedfe0)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX+.Pill-module__pill-remove-button___H2\+gg:active::before{border-color:#bcbfc0;border-color:var(--terra-pills-selectable-removable-pill-remove-button-active-before-border-color, #bcbfc0)}.Pill-module__is-selectable-and-removable___4Y3UX:hover{color:#222a2e;color:var(--terra-pills-selectable-removable-hover-pill-label-color, #222a2e)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX:hover{background-color:#dedfe0;background-color:var(--terra-pills-selectable-removable-hover-pill-label-background-color, #dedfe0);box-shadow:none;box-shadow:var(--terra-pills-selectable-removable-hover-pill-label-box-shadow, none)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX:hover+.Pill-module__pill-remove-button___H2\+gg{box-shadow:-1px 0 0 0 #868a8c, 1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-selectable-removable-hover-pill-remove-button-box-shadow, -1px 0 0 0 #868a8c, 1px 0 0 0 #868a8c)}.Pill-module__is-selectable-and-removable___4Y3UX:active{color:#222a2e;color:var(--terra-pills-selectable-removable-pill-label-active-color, #222a2e)}[dir] .Pill-module__is-selectable-and-removable___4Y3UX:active{background-color:#bcbfc0;background-color:var(--terra-pills-selectable-removable-pill-label-active-background-color, #bcbfc0);box-shadow:none;box-shadow:var(--terra-pills-selectable-removable-pill-label-active-box-shadow, none)}.Pill-module__pill-remove-button___H2\+gg{box-sizing:border-box;color:#595f62;color:var(--terra-pills-pill-remove-button-color, #595f62);display:inline-block;font-family:inherit;height:1.57143rem;height:var(--terra-pills-pill-remove-button-height, 1.57143rem);line-height:0;min-width:1.64285rem;min-width:var(--terra-pills-pill-remove-button-min-width, 1.64285rem);outline:none;overflow:hidden;pointer-events:auto;top:0.35714rem;top:var(--terra-pills-pill-remove-button-top, 0.35714rem);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;z-index:1}[dir] .Pill-module__pill-remove-button___H2\+gg{background-color:#fff;background-color:var(--terra-pills-pill-remove-button-background-color, #fff);border:0;box-shadow:1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-pill-remove-button-box-shadow, 1px 0 0 0 #868a8c);cursor:pointer;margin:0;padding:0;text-align:start}[dir=ltr] .Pill-module__pill-remove-button___H2\+gg{border-bottom-right-radius:0.85714rem;border-bottom-right-radius:var(--terra-pills-pill-remove-button-border-bottom-right-radius, 0.85714rem);border-top-right-radius:0.85714rem;border-top-right-radius:var(--terra-pills-pill-remove-button-border-top-right-radius, 0.85714rem);right:0.5rem;right:var(--terra-pills-pill-remove-button-right, 0.5rem)}[dir=rtl] .Pill-module__pill-remove-button___H2\+gg{border-bottom-left-radius:0.85714rem;border-bottom-left-radius:var(--terra-pills-pill-remove-button-border-bottom-right-radius, 0.85714rem);border-top-left-radius:0.85714rem;border-top-left-radius:var(--terra-pills-pill-remove-button-border-top-right-radius, 0.85714rem);left:0.5rem;left:var(--terra-pills-pill-remove-button-right, 0.5rem)}.Pill-module__pill-remove-button___H2\+gg::before{box-sizing:border-box;content:"";display:inline-block;height:1.42857rem;height:var(--terra-pills-pill-remove-button-before-height, 1.42857rem);position:absolute;top:0;width:1.42857rem;width:var(--terra-pills-pill-remove-button-before-width, 1.42857rem);z-index:2}[dir] .Pill-module__pill-remove-button___H2\+gg::before{background-color:transparent;background-color:var(--terra-pills-pill-remove-button-before-background-color, transparent);border:1px solid transparent;border:var(--terra-pills-pill-remove-button-before-border, 1px solid transparent);border-radius:10rem;border-radius:var(--terra-pills-pill-remove-button-before-border-radius, 10rem);margin-bottom:0.07142rem;margin-bottom:var(--terra-pills-pill-remove-button-before-margin-bottom, 0.07142rem);margin-top:0.07142rem;margin-top:var(--terra-pills-pill-remove-button-before-margin-top, 0.07142rem)}[dir=ltr] .Pill-module__pill-remove-button___H2\+gg::before{margin-left:0.07142rem;margin-left:var(--terra-pills-pill-remove-button-before-margin-left, 0.07142rem);margin-right:0.14285rem;margin-right:var(--terra-pills-pill-remove-button-before-margin-right, 0.14285rem);right:0}[dir=rtl] .Pill-module__pill-remove-button___H2\+gg::before{margin-right:0.07142rem;margin-right:var(--terra-pills-pill-remove-button-before-margin-left, 0.07142rem);margin-left:0.14285rem;margin-left:var(--terra-pills-pill-remove-button-before-margin-right, 0.14285rem);left:0}[dir] .Pill-module__pill-remove-button___H2\+gg:hover{background-color:#fff;background-color:var(--terra-pills-pill-remove-button-hover-background-color, #fff);box-shadow:1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-pill-remove-button-hover-box-shadow, 1px 0 0 0 #868a8c)}[dir] .Pill-module__pill-remove-button___H2\+gg:hover::before{background-color:#dedfe0;background-color:var(--terra-pills-pill-remove-button-hover-before-background-color, #dedfe0);border-color:#d3d4d5;border-color:var(--terra-pills-pill-remove-button-hover-before-border-color, #d3d4d5)}.Pill-module__pill-remove-button___H2\+gg:hover .Pill-module__clear-icon___1ScH9{color:#222a2e;color:var(--terra-pills-pill-remove-button-hover-clear-icon-color, #222a2e)}[dir] .Pill-module__pill-remove-button___H2\+gg:active{background-color:#fff;background-color:var(--terra-pills-pill-remove-button-active-background-color, #fff);box-shadow:1px 0 0 0 #868a8c;box-shadow:var(--terra-pills-pill-remove-button-active-box-shadow, 1px 0 0 0 #868a8c)}[dir] .Pill-module__pill-remove-button___H2\+gg:active::before{background-color:#bcbfc0;background-color:var(--terra-pills-pill-remove-button-active-before-background-color, #bcbfc0);border-color:#d3d4d5;border-color:var(--terra-pills-pill-remove-button-active-before-border-color, #d3d4d5)}.Pill-module__pill-remove-button___H2\+gg:active .Pill-module__clear-icon___1ScH9{color:#222a2e;color:var(--terra-pills-pill-remove-button-active-clear-icon-color, #222a2e)}[dir] .Pill-module__pill-remove-button___H2\+gg:hover .Pill-module__clear-icon___1ScH9, [dir] .Pill-module__pill-remove-button___H2\+gg:active .Pill-module__clear-icon___1ScH9{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-pills-pill-remove-button-hover-active-clear-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23222a2e%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"))}.Pill-module__pill-remove-button___H2\+gg:focus{outline:none}.Pill-module__clear-icon___1ScH9{background-origin:padding-box;box-sizing:border-box;display:block;font-family:inherit;height:0.71429rem;height:var(--terra-pills-clear-icon-height, 0.71429rem);line-height:0;outline:none;pointer-events:none;position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:0.71429rem;width:var(--terra-pills-clear-icon-width, 0.71429rem);z-index:3}[dir] .Pill-module__clear-icon___1ScH9{background-clip:border-box;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%234d5153%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");background-image:var(--terra-pills-clear-icon-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%234d5153%22%20d%3D%22M28.2%2024L42.9%209.1%2040.8%207l-1.7-1.6-.4-.5L24%2019.7%209.4%204.9%207.2%207%205.6%208.6l-.5.5L19.8%2024%205.1%2038.9%207.2%2041l1.7%201.6.5.5L24%2028.3l14.7%2014.8.4-.5%201.7-1.6%202.1-2.1L28.2%2024z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:auto;margin-bottom:0.42857rem;margin-bottom:var(--terra-pills-clear-icon-margin-bottom, 0.42857rem);margin-top:0.42857rem;margin-top:var(--terra-pills-clear-icon-margin-top, 0.42857rem);padding:0;text-align:center}[dir=ltr] .Pill-module__clear-icon___1ScH9{background-position:top left;margin-left:0.42857rem;margin-left:var(--terra-pills-clear-icon-margin-left, 0.42857rem);margin-right:0.5rem;margin-right:var(--terra-pills-clear-icon-margin-right, 0.5rem);right:0}[dir=rtl] .Pill-module__clear-icon___1ScH9{background-position:top right;margin-right:0.42857rem;margin-right:var(--terra-pills-clear-icon-margin-left, 0.42857rem);margin-left:0.5rem;margin-left:var(--terra-pills-clear-icon-margin-right, 0.5rem);left:0}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){.Pill-module__clear-icon___1ScH9{height:0.71429rem;height:var(--terra-pills-clear-icon-ms-height, 0.71429rem);top:0;top:var(--terra-pills-clear-icon-ms-top, 0);width:0.71429rem;width:var(--terra-pills-clear-icon-ms-width, 0.71429rem)}}.Pill-module__rollup-pill___e9Gqa{box-sizing:border-box;color:#595f62;color:var(--terra-pills-rollup-pill-color, #595f62);display:inline-block;font-family:inherit;font-size:0.85714rem;font-size:var(--terra-pills-rollup-pill-font-size, 0.85714rem);height:1.71429rem;height:var(--terra-pills-rollup-pill-height, 1.71429rem);line-height:1.16667;line-height:var(--terra-pills-rollup-pill-line-height, 1.16667);max-width:100%;min-width:0;outline:none;overflow:hidden;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}[dir] .Pill-module__rollup-pill___e9Gqa{background-color:#fff;background-color:var(--terra-pills-rollup-pill-background-color, #fff);border:1px solid #868a8c;border:var(--terra-pills-rollup-pill-border, 1px solid #868a8c);border-radius:10rem;border-radius:var(--terra-pills-rollup-pill-border-radius, 10rem);border-style:solid;border-width:1px;border-width:var(--terra-pills-rollup-pill-border-width, 1px);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:var(--terra-pills-rollup-pill-box-shadow, 0 1px 2px 0 rgba(0, 0, 0, 0.2));cursor:pointer;margin:0;padding:0;padding-bottom:0.28571rem;padding-bottom:var(--terra-pills-rollup-pill-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-pills-rollup-pill-padding-top, 0.28571rem)}[dir=ltr] .Pill-module__rollup-pill___e9Gqa{padding-left:0.71428rem;padding-left:var(--terra-pills-rollup-pill-padding-left, 0.71428rem);padding-right:0.71428rem;padding-right:var(--terra-pills-rollup-pill-padding-right, 0.71428rem)}[dir=rtl] .Pill-module__rollup-pill___e9Gqa{padding-right:0.71428rem;padding-right:var(--terra-pills-rollup-pill-padding-left, 0.71428rem);padding-left:0.71428rem;padding-left:var(--terra-pills-rollup-pill-padding-right, 0.71428rem)}.Pill-module__rollup-pill___e9Gqa[data-terra-rollup-pill-show-focus-styles=true]:focus{outline:2px dashed #000;outline:var(--terra-pills-rollup-pill-focus-outline, 2px dashed #000);outline-offset:2px;outline-offset:var(--terra-pills-rollup-pill-focus-outline-offset, 2px)}[dir] .Pill-module__rollup-pill___e9Gqa[data-terra-rollup-pill-show-focus-styles=true]:focus{border-color:#868a8c;border-color:var(--terra-pills-rollup-pill-focus-border-color, #868a8c);border-width:1px;border-width:var(--terra-pills-rollup-pill-focus-border-width, 1px);box-shadow:none;box-shadow:var(--terra-pills-rollup-pill-focus-box-shadow, none)}.Pill-module__rollup-pill___e9Gqa:hover{color:#222a2e;color:var(--terra-pills-rollup-pill-hover-color, #222a2e)}[dir] .Pill-module__rollup-pill___e9Gqa:hover{background-color:#dedfe0;background-color:var(--terra-pills-rollup-pill-hover-background-color, #dedfe0);border:1px solid #868a8c;border:var(--terra-pills-rollup-pill-hover-border, 1px solid #868a8c)}.Pill-module__rollup-pill___e9Gqa:active{color:#222a2e;color:var(--terra-pills-rollup-pill-active-color, #222a2e)}[dir] .Pill-module__rollup-pill___e9Gqa:active{background-color:#bcbfc0;background-color:var(--terra-pills-rollup-pill-active-background-color, #bcbfc0);border:1px solid #868a8c;border:var(--terra-pills-rollup-pill-active-border, 1px solid #868a8c)}.Pill-module__rollup-pill___e9Gqa:focus{outline:none}[dir] .Pill-module__rollup-pill___e9Gqa::-moz-focus-inner{border:0;padding:0}.Pill-module__rollup-pill___e9Gqa .Pill-module__rollup-pill-label___Ytx0V{font-family:inherit;min-width:0;overflow:hidden;position:relative;text-overflow:ellipsis;top:0;white-space:nowrap}[dir=ltr] .Pill-module__rollup-pill___e9Gqa .Pill-module__rollup-pill-label___Ytx0V{left:0}[dir=rtl] .Pill-module__rollup-pill___e9Gqa .Pill-module__rollup-pill-label___Ytx0V{right:0}@supports not (-webkit-hyphens: none){.Pill-module__rollup-pill___e9Gqa .Pill-module__rollup-pill-label___Ytx0V{top:-0.01em;top:var(--terra-pills-rollup-pill-label-not-ms-top, -0.01em)}}@-moz-document url-prefix(){.Pill-module__rollup-pill___e9Gqa .Pill-module__rollup-pill-label___Ytx0V{top:-0.02em;top:var(--terra-pills-rollup-pill-label-moz-top, -0.02em)}}@supports not (-webkit-hyphens: none){.Pill-module__pill-label___6aEkh{top:-0.01em;top:var(--terra-pills-pill-label-not-ms-top, -0.01em)}.Pill-module__is-selectable-and-removable___4Y3UX{top:0;top:var(--terra-pills-selectable-removable-pill-label-not-ms-top, 0)}}@-moz-document url-prefix(){.Pill-module__pill-label___6aEkh{top:-0.02em;top:var(--terra-pills-pill-label-moz-top, -0.02em)}.Pill-module__is-selectable-and-removable___4Y3UX{top:0;top:var(--terra-pills-selectable-removable-pill-label-moz-top, 0)}}.Pill-module__popup-content-pill-label___c2P2y{color:#595f62;color:var(--terra-pills-popup-pill-label-color, #595f62);font-size:0.92857rem;font-size:var(--terra-pills-popup-pill-label-font-size, 0.92857rem);font-weight:400;font-weight:var(--terra-pills-popup-pill-label-font-weight, 400);line-height:1.23076;line-height:var(--terra-pills-popup-pill-label-line-height, 1.23076);max-width:480px;max-width:var(--terra-pills-popup-pill-label-max-width, 480px);overflow-wrap:break-word;white-space:normal;word-wrap:break-word}[dir] .Pill-module__popup-content-pill-label___c2P2y{margin:0;padding:0.35714rem 0.5rem;padding:var(--terra-pills-popup-pill-label-padding, 0.35714rem 0.5rem)}.Pill-module__popup-content-pill-label___c2P2y .Pill-module__popup-content-pill-category___\+dbLH{font-size:0.92857rem;font-size:var(--terra-pills-popup-pill-label-category-font-size, 0.92857rem);font-weight:500;font-weight:var(--terra-pills-popup-pill-label-category-font-weight, 500);line-height:1.23076;line-height:var(--terra-pills-popup-pill-label-category-line-height, 1.23076)} +.Text-module__clinical-lowlight-theme___mG7dV{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___s3eY\+{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___pR3Hk{display:inline-block;font-weight:inherit}.Text-module__inherit-color___BT1c9{color:inherit}.Text-module__italic___Ai80R{font-style:italic}.Text-module__word-wrap___RWBlC{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___QjMrh{font-size:7.143rem}.Text-module__font-size-92___xffy1{font-size:6.571rem}.Text-module__font-size-72___R9WxS{font-size:5.143rem}.Text-module__font-size-64___A0fSP{font-size:4.571rem}.Text-module__font-size-56___EpTwK{font-size:4rem}.Text-module__font-size-50___Hy8ue{font-size:3.571rem}.Text-module__font-size-46___MU8-J{font-size:3.286rem}.Text-module__font-size-36___8M9ck{font-size:2.571rem}.Text-module__font-size-32___-m5nt{font-size:2.286rem}.Text-module__font-size-24___OOFKN{font-size:1.714rem}.Text-module__font-size-20___rJO6P{font-size:1.429rem}.Text-module__font-size-18___TCBtv{font-size:1.286rem}.Text-module__font-size-16___ovQH2{font-size:1.143rem}.Text-module__font-size-14___fYamg{font-size:1rem}.Text-module__font-size-12___EGKPm{font-size:.8571rem}.Text-module__font-size-10___xZOQY{font-size:.7143rem}.Text-module__font-weight-200___NABUq{font-weight:200}.Text-module__font-weight-300___vm83w{font-weight:300}.Text-module__font-weight-400___Z-2pQ{font-weight:400}.Text-module__font-weight-700___WIUZQ{font-weight:700}.Text-module__visually-hidden___hgjcq{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___hgjcq{border:0;margin:-1px;padding:0}.Text-module__font-stack___ydj-0::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.Toolbar-module__clinical-lowlight-theme___lhZh0{--terra-toolbar-background-color: #1c1f21;--terra-toolbar-border-bottom-color: #181b1d;--terra-toolbar-padding-bottom: 0.14285714285714285rem;--terra-toolbar-padding-left: 0.714285714rem;--terra-toolbar-padding-right: 0.714285714rem;--terra-toolbar-padding-top: 0.14285714285714285rem;--terra-toolbar-item-padding-end: 0.35714285714285715rem;--terra-toolbar-item-padding-start: 0.35714285714285715rem;--terra-toolbar-item-padding-bottom: 0.35714285714285715rem;--terra-toolbar-item-padding-top: 0.35714285714285715rem}.Toolbar-module__orion-fusion-theme___Oq6Xn{--terra-toolbar-background-color: #e8e9ea;--terra-toolbar-border-bottom-color: #c8cacb;--terra-toolbar-padding-bottom: 0.25rem;--terra-toolbar-padding-left: 0.285714286rem;--terra-toolbar-padding-right: 0.285714286rem;--terra-toolbar-padding-top: 0.25rem;--terra-toolbar-item-padding-end: 0.25rem;--terra-toolbar-item-padding-start: 0.25rem;--terra-toolbar-item-padding-bottom: 0.25rem;--terra-toolbar-item-padding-top: 0.25rem}.Toolbar-module__toolbar___XowP8{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}[dir] .Toolbar-module__toolbar___XowP8{background-color:#f4f4f4;background-color:var(--terra-toolbar-background-color, #f4f4f4);border-bottom-color:#d3d4d5;border-bottom-color:var(--terra-toolbar-border-bottom-color, #d3d4d5);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:0.1428571429rem;padding-bottom:var(--terra-toolbar-padding-bottom, 0.1428571429rem);padding-top:0.1428571429rem;padding-top:var(--terra-toolbar-padding-top, 0.1428571429rem)}[dir=ltr] .Toolbar-module__toolbar___XowP8{padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-left, 0.714285714rem);padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-right, 0.714285714rem)}[dir=rtl] .Toolbar-module__toolbar___XowP8{padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-left, 0.714285714rem);padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-right, 0.714285714rem)}.Toolbar-module__item___K92Xb{display:-ms-inline-flexbox;display:inline-flex}[dir] .Toolbar-module__item___K92Xb{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-toolbar-item-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-toolbar-item-padding-top, 0.3571428571rem)}[dir=ltr] .Toolbar-module__item___K92Xb{padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}[dir=rtl] .Toolbar-module__item___K92Xb{padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}.Toolbar-module__start-align___Ap05A{-ms-flex-pack:start;justify-content:flex-start}.Toolbar-module__end-align___WLp5E{-ms-flex-pack:end;justify-content:flex-end}.Toolbar-module__center-align___5f\+ex{-ms-flex-pack:center;justify-content:center} +.FilterPillsCommon-module__clinical-lowlight-theme___TrtQj{--terra-framework-docs-example-reset-button-margin-bottom: -2.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-border: 1px solid #181b1d;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color: #1c1f21;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color: #b2b5b6;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size: 0.92857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight: 400;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom: 0.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left: 0.71429rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right: 0.35714rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top: 0.42857rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right: 0.57143rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top: 0.10714rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color: rgba(224, 215, 16, 0.1);--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border: 2px dashed #e0d710;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height: 2.28571rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding: 0.71428rem 0.21428rem 0.71428rem 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-background-color: #2d3539;--terra-framework-docs-filter-pills-doc-example-search-terms-min-height: 7.5rem;--terra-framework-docs-filter-pills-doc-example-search-terms-padding: 0.71428rem 0.85714rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-color: rgb(234, 236, 239);--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size: 1.07142rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight: 500;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom: 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left: 0.14285rem}.FilterPillsCommon-module__orion-fusion-theme___ZX85a{--terra-framework-docs-example-reset-button-margin-bottom: -2.95833rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-border: 1px solid #cbcacb;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color: #fff;--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color: #1c1f21;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size: 1rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight: 700;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom: 0.08333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left: 0.66667rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right: 0.33333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top: 0.08333rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top: 0.5rem;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left: 0;--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top: 0.16667rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color: rgba(189, 16, 224, 0.05);--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border: 2px dashed #bd10e0;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height: 2.28571rem;--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding: 0.71428rem 0.21428rem 0.71428rem 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-background-color: #ecf3ff;--terra-framework-docs-filter-pills-doc-example-search-terms-min-height: 8.5rem;--terra-framework-docs-filter-pills-doc-example-search-terms-padding: 0.71428rem 0.85714rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-color: #2a4b77;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size: 1.07142rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight: 700;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom: 0.21428rem;--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left: 0.14285rem}.FilterPillsCommon-module__terra-docs-example-reset-button___ETZeH{position:relative}[dir] .FilterPillsCommon-module__terra-docs-example-reset-button___ETZeH{margin-bottom:-2.42857rem;margin-bottom:var(--terra-framework-docs-example-reset-button-margin-bottom, -2.42857rem);margin-top:1.42857rem}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___j1oGS{border:1px solid #d3d4d5;border:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-border, 1px solid #d3d4d5);margin:0;padding:0}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___j1oGS .FilterPillsCommon-module__applied-filters-content-panel___QmQR2{background-color:#f4f4f4;background-color:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color, #f4f4f4);margin:0;padding:0;padding:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding, 0)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___j1oGS .FilterPillsCommon-module__applied-filters-label___vCjLZ{color:#4d5153;color:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color, #4d5153);display:inline-block;font-size:0.92857rem;font-size:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size, 0.92857rem);font-weight:400;font-weight:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight, 400);vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS{padding-bottom:0.42857rem;padding-bottom:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom, 0.42857rem);padding-top:0.42857rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top, 0.42857rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS{padding-left:0.71429rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);padding-right:0.35714rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS{padding-right:0.71429rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);padding-left:0.35714rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS>[class*=Toolbar-module__item___]{display:block;width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS>[class*=Toolbar-module__item___]{margin:0;padding:0}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-container___EyN0t{display:-ms-flexbox;display:flex;min-width:100%;width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-container___EyN0t{margin:0;padding:0}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-start___Ixc\+9, [dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-fill___RYeKG, [dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ{margin:0;padding:0}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-start___Ixc\+9{-ms-flex:0 0 auto;flex:0 0 auto;vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-start___Ixc\+9{padding-top:0.5rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top, 0.5rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-start___Ixc\+9{margin-right:0.57143rem;margin-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-start___Ixc\+9{margin-left:0.57143rem;margin-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-fill___RYeKG{-ms-flex:1 1 auto;flex:1 1 auto;min-width:3rem;vertical-align:top}.FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ{-ms-flex:0 0 auto;flex:0 0 auto;vertical-align:top}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ{padding-top:0.10714rem;padding-top:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top, 0.10714rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ{margin-left:0;margin-left:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS .FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ{margin-right:0;margin-right:var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0)}.FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___-BHry{box-sizing:content-box;max-width:20rem;min-height:2.28571rem;min-height:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height, 2.28571rem);width:100%}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___-BHry{background-color:#f4f4f4;background-color:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color, #f4f4f4);border:2px dashed #d1d1d1;border:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border, 2px dashed #d1d1d1);border-bottom:0 none;border-top:0 none;padding:0.71428rem 0.21428rem 0.71428rem 0.21428rem;padding:var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding, 0.71428rem 0.21428rem 0.71428rem 0.21428rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X{box-sizing:border-box;min-height:7.5rem;min-height:var(--terra-framework-docs-filter-pills-doc-example-search-terms-min-height, 7.5rem)}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X{background-color:#ecf3ff;background-color:var(--terra-framework-docs-filter-pills-doc-example-search-terms-background-color, #ecf3ff);padding:0.71428rem 0.85714rem;padding:var(--terra-framework-docs-filter-pills-doc-example-search-terms-padding, 0.71428rem 0.85714rem)}.FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X .FilterPillsCommon-module__search-terms-label___A\+ocH{color:#1a2f4b;color:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-color, #1a2f4b);display:block;font-size:1.07142rem;font-size:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size, 1.07142rem);font-weight:500;font-weight:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight, 500)}[dir] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X .FilterPillsCommon-module__search-terms-label___A\+ocH{padding-bottom:0.21428rem;padding-bottom:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom, 0.21428rem)}[dir=ltr] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X .FilterPillsCommon-module__search-terms-label___A\+ocH{padding-left:0.14285rem;padding-left:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem)}[dir=rtl] .FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X .FilterPillsCommon-module__search-terms-label___A\+ocH{padding-right:0.14285rem;padding-right:var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem)} +.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/70945-7ea703c3aaf2ebbfe182.js b/70945-7ea703c3aaf2ebbfe182.js new file mode 100644 index 000000000..3ee40f3d6 --- /dev/null +++ b/70945-7ea703c3aaf2ebbfe182.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[70945,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],{55713:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(96540)),r=n(l(5556)),i=n(l(67967)),o=n(l(25642)),d=i.default.bind(o.default),s={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},u=function(e){var t=e.src,l=e.name,n=e.url,r=e.version,i=a.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(r)},a.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(r))),o=t?a.default.createElement("a",{className:d("badge"),href:t},a.default.createElement("span",{className:d("badge-name")},"github"),a.default.createElement("span",{className:d("badge-version")},"source")):void 0;return a.default.createElement("div",{className:d("badge-container")},i,o)};u.propTypes=s;t.A=u},201:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(85715)),i=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}(l(96540)),o=n(l(5556)),d=n(l(67967)),s=l(92912),u=n(l(49558)),c=n(l(53665)),p=l(25966),m=n(l(89986));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var b=d.default.bind(m.default),y={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},x=function(e){var t=e.example,l=e.exampleSrc,n=e.exampleCssSrc,a=e.title,o=e.description,d=e.isExpanded,m=(0,i.useState)(d),f=(0,r.default)(m,2),y=f[0],x=f[1],g=(0,i.useState)(!1),v=(0,r.default)(g,2),O=v[0],w=v[1],P=i.default.useContext(s.ThemeContext),C=void 0!==n,T=function(){w(!O),y&&x(!y)},N=function(){x(!y),O&&w(!O)},E=function(e,t){e.nativeEvent.keyCode!==p.KEY_SPACE&&e.nativeEvent.keyCode!==p.KEY_RETURN||(e.preventDefault(),t())};return i.default.createElement("div",{className:b("template",P.className)},i.default.createElement("div",{className:b("header")},a&&i.default.createElement("h2",{className:b("title")},a)),i.default.createElement("div",{className:b("content")},o&&i.default.createElement("div",{className:b("description")},o),t),i.default.createElement("div",{className:b("footer")},l?i.default.createElement("div",{className:b("button-container")},C&&i.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:T,onKeyDown:function(e){return E(e,T)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(u.default,{className:b("chevron")}),i.default.createElement("span",null,"CSS"),i.default.createElement(c.default,{className:b("chevron")})),i.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":y}),onClick:N,onKeyDown:function(e){return E(e,N)},onBlur:h,onMouseDown:_,tabIndex:0,"data-focus-styles-enabled":!0},i.default.createElement(u.default,{className:b("chevron")}),i.default.createElement("span",null,"Code"),i.default.createElement(c.default,{className:b("chevron")}))):null,i.default.createElement("div",null,O&&i.default.createElement("div",{className:b("css")},n),y&&i.default.createElement("div",{className:b("code")},l))))};x.propTypes=y,x.defaultProps={isExpanded:!1};t.A=x},12883:function(e,t,l){var n=l(24994),a=l(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return s.Row}}),t.Ay=t.$d=void 0;var r=p(l(96540)),i=n(l(5556)),o=n(l(67967)),d=l(92912),s=p(l(26984)),u=n(l(89744));function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(c=function(e){return e?l:t})(e)}function p(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=c(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var m=o.default.bind(u.default),f={children:i.default.node},b={isRequired:i.default.bool};(t.dt=function(e){var t=e.children;return r.default.createElement(s.Cell,{className:m("bold")},t)}).propTypes=f,(t.$d=function(e){var t=e.children;return r.default.createElement(s.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.YZ=function(e){var t=e.isRequired;return r.default.createElement(s.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return r.default.createElement(s.Cell,{className:m("code-block-override")},t)}).propTypes=f,(t.Hd=function(e){var t=e.children;return r.default.createElement(s.Cell,null,t)}).propTypes=f;var y=function(e){var t=e.children,l=(0,r.useContext)(d.ThemeContext);return r.default.createElement(s.default,{paddingStyle:"compact",className:m("table",l.className)},r.default.createElement(s.Header,{className:m("header")},r.default.createElement(s.HeaderCell,null,"Prop"),r.default.createElement(s.HeaderCell,null,"Type"),r.default.createElement(s.HeaderCell,null,"Required"),r.default.createElement(s.HeaderCell,null,"Default"),r.default.createElement(s.HeaderCell,null,"Description")),r.default.createElement(s.Body,null,t))};y.propTypes=f;t.Ay=y},86159:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(l(96540)),a=s(l(5556)),r=s(l(67967)),i=s(l(52103)),o=s(l(36605)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p=r.default.bind(o.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b={children:a.default.string},y=function(e){var t=e.children,l=c(e,d),a=n.default.useContext(i.default),o=(0,r.default)(p(["button",a.className]),l.className);return n.default.createElement("button",u({},l,{type:"button",className:o,onBlur:m,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};y.propTypes=b;t.default=y},20999:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(l(96540)),a=d(l(5556)),r=d(l(67967)),i=d(l(52103)),o=d(l(17269));function d(e){return e&&e.__esModule?e:{default:e}}var s=r.default.bind(o.default),u={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"])},c=function(e){var t=e.ariaLevel,l=e.variant,a=e.children,r=n.default.useContext(i.default);return n.default.createElement("div",{className:s("notice",l,r.className)},n.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},n.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"}(l))),n.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:s("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(l),n.default.Children.map(a,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},18778:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(46942)),i=u(l(67967)),o=u(l(52103)),d=u(l(16576)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=i.default.bind(d.default),f={title:a.default.string},b=function(e){var t=e.title,l=p(e,s),a=n.default.useContext(o.default),i=(0,r.default)(m(["placeholder",a.className]),l.className),d=m(["inner"]);return n.default.createElement("div",c({},l,{className:i}),n.default.createElement("div",{className:d},n.default.createElement("p",{className:m("title")},t)))};b.propTypes=f,b.defaultProps={title:""};t.default=b},74647:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var n=i(l(20999)),a=i(l(18778)),r=i(l(86159));function i(e){return e&&e.__esModule?e:{default:e}}},52853:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(94634)),r=n(l(91847)),i=n(l(96540)),o=n(l(5556)),d=n(l(46942)),s=n(l(67967)),u=n(l(76593)),c=["newline"],p=s.default.bind(u.default),m={newline:o.default.oneOf([1,2,3,4,5,6,7,8])},f=function(e){var t=e.newline,l=(0,r.default)(e,c),n=(0,d.default)(p("whitespace","newline-".concat(t)),l.className);return i.default.createElement("div",(0,a.default)({},l,{className:n,"aria-hidden":"true"}))};f.propTypes=m,f.defaultProps={newline:1};t.A=f},61696:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(41132)),i=n(l(85715)),o=h(l(96540)),d=n(l(67967)),s=l(74647),u=n(l(23986)),c=h(l(55880)),p=n(l(39716)),m=n(l(52103)),f=n(l(6740)),b=n(l(7179));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(y=function(e){return e?l:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=y(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var _=d.default.bind(b.default),x=function(){for(var e=o.default.useContext(m.default),t=[],l=1;l<11;l+=1){var n={label:"Selection ".concat(l),labelCategory:"Category",id:"terra-filter-pills-category-selection-".concat(l)};t.push(n)}var a=(0,o.useState)(t),d=(0,i.default)(a,2),b=d[0],y=d[1],h="Applied Filters:";return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:_(["terra-filter-pills-doc-example-applied-filters",e.className])},o.default.createElement(f.default,{className:_("terra-filter-pills-doc-example-applied-filters-toolbar")},o.default.createElement("div",{className:_("toolbar-flex-container")},o.default.createElement("div",{className:_("toolbar-flex-item-start")},o.default.createElement(p.default,{className:_("applied-filters-label")},h)),o.default.createElement("div",{className:_("toolbar-flex-item-fill")},o.default.createElement(c.default,{ariaLabel:h,isCollapsible:!0,onRemove:function(e,t){var l=b;l.splice(t.index,1),y((0,r.default)(l))}},b.map((function(e,t){return o.default.createElement(c.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:t}})})))),o.default.createElement("div",{className:_("toolbar-flex-item-end")},o.default.createElement(u.default,{text:"Clear All Filters","aria-label":"Clear All Applied Filters",variant:"de-emphasis",onClick:function(){return y([])}})))),o.default.createElement("div",{className:_("applied-filters-content-panel")},o.default.createElement(s.Placeholder,{title:"Filtered Content Goes Here"}))),o.default.createElement(s.Button,{className:_(["terra-docs-example-reset-button",e.className]),onClick:function(){y(t)}},"Reset Example"))};x.contextType=m.default;t.A=x},59764:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(41132)),i=n(l(85715)),o=f(l(96540)),d=n(l(67967)),s=l(74647),u=f(l(55880)),c=n(l(52103)),p=n(l(7179));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(m=function(e){return e?l:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=m(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var b=d.default.bind(p.default),y=function(){var e=o.default.useContext(c.default),t=[{label:"Asthma",id:"terra-filter-pills-asthma"},{label:"Bronchitis",id:"terra-filter-pills-bronchitis"},{label:"Fibro",id:"terra-filter-pills-fibro"}],l=(0,o.useState)(t),n=(0,i.default)(l,2),a=n[0],d=n[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(u.default,{ariaLabel:"Demonstration example of Filter Pills with basic labels",onRemove:function(e,t){var l=a;l.splice(t.index,1),d((0,r.default)(l))}},a.map((function(e,t){return o.default.createElement(u.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:t}})}))),o.default.createElement(s.Button,{className:b(["terra-docs-example-reset-button",e.className]),onClick:function(){d(t)}},"Reset Example"))};y.contextType=c.default;t.A=y},60936:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(41132)),i=n(l(85715)),o=f(l(96540)),d=n(l(67967)),s=l(74647),u=f(l(55880)),c=n(l(52103)),p=n(l(7179));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(m=function(e){return e?l:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=m(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var b=d.default.bind(p.default),y=function(){var e=o.default.useContext(c.default),t=[{label:"Asthma",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-asthma"},{label:"Bronchitis",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-bronchitis"},{label:"Fibro",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-fibro"}],l=(0,o.useState)(t),n=(0,i.default)(l,2),a=n[0],d=n[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement(u.default,{ariaLabel:"Demonstration example of Filter Pills with category labels",onRemove:function(e,t){var l=a;l.splice(t.index,1),d((0,r.default)(l))}},a.map((function(e,t){return o.default.createElement(u.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:t}})}))),o.default.createElement(s.Button,{className:b(["terra-docs-example-reset-button",e.className]),onClick:function(){d(t)}},"Reset Example"))};y.contextType=c.default;t.A=y},89888:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(41132)),i=n(l(85715)),o=f(l(96540)),d=n(l(67967)),s=l(74647),u=f(l(55880)),c=n(l(52103)),p=n(l(7179));function m(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(m=function(e){return e?l:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=m(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var b=d.default.bind(p.default),y=function(){var e=o.default.useContext(c.default),t=[{label:"Chronic Obstructive Pulmonary Disease (COPD)",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-copd"}],l=(0,o.useState)(t),n=(0,i.default)(l,2),a=n[0],d=n[1];return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:b(["terra-filter-pills-doc-example-truncated-label-container",e.className])},o.default.createElement(u.default,{ariaLabel:"Demonstration example of a Filter Pill with a long label",onRemove:function(e,t){var l=a;l.splice(t.index,1),d((0,r.default)(l))}},a.map((function(e,t){return o.default.createElement(u.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:t}})})))),o.default.createElement(s.Button,{className:b(["terra-docs-example-reset-button",e.className]),onClick:function(){d(t)}},"Reset Example"))};y.contextType=c.default;t.A=y},85832:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(41132)),i=n(l(85715)),o=b(l(96540)),d=n(l(67967)),s=l(74647),u=b(l(55880)),c=n(l(39716)),p=n(l(52103)),m=n(l(7179));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}function b(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}var y=d.default.bind(m.default),h=function(){var e=o.default.useContext(p.default),t=[{label:"Asthma",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-asthma"},{label:"Bronchitis",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-bronchitis"},{label:"Fibro",labelCategory:"Respiratory",id:"terra-filter-pills-respiratory-fibro"}],l=(0,o.useState)(t),n=(0,i.default)(l,2),a=n[0],d=n[1],m="Patient Education Search Terms:",f="terra-filter-pills-example-patient-education-search-terms-label";return o.default.createElement(o.default.Fragment,null,o.default.createElement("div",{className:y(["terra-filter-pills-doc-example-search-terms",e.className])},o.default.createElement(c.default,{id:f,className:y("search-terms-label")},m),o.default.createElement(u.default,{ariaLabelledBy:f,ariaLabel:m,onRemove:function(e,t){var l=a;l.splice(t.index,1),d((0,r.default)(l))}},a.map((function(e,t){return o.default.createElement(u.Pill,{label:e.label,labelCategory:e.labelCategory,id:e.id,key:e.id,metaData:{index:t}})})))),o.default.createElement(s.Button,{className:y(["terra-docs-example-reset-button",e.className]),onClick:function(){d(t)}},"Reset Example"))};h.contextType=p.default;t.A=h},40046:function(e,t,l){var n=l(24994),a=l(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=n(l(94634)),i=n(l(41132)),o=n(l(85715)),d=n(l(91847)),s=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=w(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}(l(96540)),u=l(25966),c=n(l(46942)),p=n(l(67967)),m=n(l(5556)),f=n(l(7829)),b=n(l(52103)),y=l(8604),h=l(68414),_=n(l(16524)),x=n(l(60771)),g=n(l(14069)),v=n(l(96748)),O=["ariaLabel","ariaLabelledBy","ariaDescribedBy","children","intl","isCollapsible","onRemove"];function w(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(w=function(e){return e?l:t})(e)}var P=p.default.bind(v.default),C={ariaLabel:m.default.string.isRequired,ariaLabelledBy:m.default.string,ariaDescribedBy:m.default.string,children:m.default.node,isCollapsible:m.default.bool,onRemove:m.default.func,intl:m.default.shape({formatMessage:m.default.func}).isRequired},T=function(e){var t=e.ariaLabel,l=e.ariaLabelledBy,n=e.ariaDescribedBy,a=e.children,p=e.intl,m=e.isCollapsible,y=e.onRemove,v=(0,d.default)(e,O),w=s.default.useContext(b.default),C=(0,s.useState)("-1"),T=(0,o.default)(C,2),N=T[0],E=T[1],j=(0,s.useState)(s.default.Children.count(a)),k=(0,o.default)(j,2),R=k[0],D=k[1],S=(0,s.useState)(s.default.Children.count(a)),A=(0,o.default)(S,2),M=A[0],F=A[1],L=(0,s.useState)(m),B=(0,o.default)(L,2),W=B[0],I=B[1],q=(0,s.useState)(!1),z=(0,o.default)(q,2),H=z[0],Z=z[1],K=(0,s.useState)(!1),V=(0,o.default)(K,2),Y=V[0],U=V[1],X=(0,s.useRef)(),G=(0,s.useRef)(),Q=(0,s.useRef)(0),$=(0,s.useRef)(!1),J=(0,s.useRef)(!1),ee=(0,s.useRef)(),te=(0,s.useCallback)((function(){var e=x.default.getRollUpIndex(G);W?(D(e),F(s.default.Children.count(a)-e)):e===s.default.Children.count(a)&&F(0)}),[a,W]),le=function(e){var t=X.current?G.current.querySelector("[id='".concat(X.current,"']")):null;t&&t.setAttribute("tabIndex",e)},ne=function(){var e=X.current?G.current.querySelector("[id='".concat(X.current,"']")):null;e&&e.focus()},ae=function(){E("0"),G.current.focus()},re=(0,s.useCallback)((function(){var e=(0,i.default)(G.current.querySelectorAll("[data-terra-pill]")),t=G.current.querySelector("[data-terra-rollup-pill]");t&&x.default.setRollUpPillTabIndex(t,"-1"),e.length>0&&Q.current0&&e.length===s.default.Children.count(a)&&(le("-1"),X.current=e[Q.current].id,le("0"),J.current&&(ne(),J.current=!1))}),[a,W,m]),oe=(0,s.useCallback)((function(){var e=(0,i.default)(G.current.querySelectorAll("[data-terra-pill]")),t=G.current.querySelector("[data-terra-rollup-pill]"),l=x.default.getRollUpIndex(G);if($.current){if(s.default.Children.count(a)<=0)return void ae();t&&x.default.setRollUpPillTabIndex(t,"-1"),e.length>0&&x.default.setPillsTabIndex(e,"-1"),e.length===l||t&&l>=1?X.current=e[Q.current].id:t&&(X.current=t.getAttribute("id")),le("0"),ne(),$.current=!1}}),[a]),de=(0,s.useCallback)((function(e){Array.isArray(e)&&(D(s.default.Children.count(a)),F(s.default.Children.count(a)),m&&te(),re(),ie(),oe())}),[a,m,re,ie,oe,te]);(0,s.useLayoutEffect)((function(){var e=new f.default((function(e){de(e)}));return e.observe(G.current.parentNode),function(){e.disconnect(),e=null}}),[a,de]);var se=function(e,t,l){var n=(0,i.default)(G.current.querySelectorAll("[data-terra-pill]")),a=l.target.parentElement.getAttribute("id"),r=n.findIndex((function(e){return e.id===a}));"click"===l.type&&(n.length>1&&(le("-1"),Q.current=0===r?0:r-1,le("0")),Z(!0)),ae(),y&&y(e,t)},ue=function(e){e.current&&e.current.children.length>0&&(ee.current=e.current.children[0].innerText)},ce={};ce.onKeyDown=function(e){var t=(0,i.default)(G.current.querySelectorAll("[data-terra-pill]")),l=G.current.querySelector("[data-terra-rollup-pill]");switch(Z(!1),U(!1),e.keyCode){case u.KEY_RIGHT:e.preventDefault(),function(e,t){var l=t?t.getAttribute("id"):null;Q.current+1<=e.length&&(le("-1"),t&&Q.current+1===e.length?X.current=l:Q.current+1=1)&&(le("-1"),t&&X.current===l?(Q.current=e.length-1,X.current=a[Q.current].props.id):(Q.current-=1,X.current=a[Q.current].props.id),le("0"),ne())}(t,l);break;case u.KEY_BACK_SPACE:case u.KEY_DELETE:e.preventDefault(),function(e){s.default.Children.count(a)>0&&e.length-10&&(Q.current-=1),D(s.default.Children.count(a)),$.current=!0)}(t);break;case u.KEY_HOME:e.preventDefault(),le("-1"),Q.current=0,X.current=t[Q.current].id,le("0"),ne();break;case u.KEY_END:e.preventDefault(),le("-1"),Q.current=t.length-1,X.current=t[Q.current].id,le("0"),ne()}},ce.onBlur=function(){return E("-1")};var pe=(0,c.default)(P(["pills-group",w.className]),v.className),me="terra-pills-group-interaction-hint-".concat((0,h.v4)()),fe="",be=n?"".concat(n," ").concat(me):me,ye=p.formatMessage({id:"Terra.pills.hint.pillList"},{numberOfPills:s.default.Children.count(a)});m&&M>0&&W?ye+=", ".concat(p.formatMessage({id:"Terra.pills.hint.rollupNotVisible"},{pillsNotVisibleCount:M})):m&&!W&&Y&&(ye=p.formatMessage({id:"Terra.pills.hint.rollupVisible"})),H&&(fe=p.formatMessage({id:"Terra.pills.hint.wasRemoved"},{pillLabelName:ee.current}));var he,_e=l?void 0:"".concat(fe,", ").concat(t),xe=s.default.Children.count(a)?{"aria-live":"assertive","aria-label":_e,"aria-labelledby":l,"aria-describedby":be,role:"list"}:{role:"group"};return s.default.Children.count(a)||(ye="".concat(ye,", ").concat(_e)),s.default.createElement(s.default.Fragment,null,s.default.createElement("div",(0,r.default)({},v,ce,xe,{tabIndex:N,className:pe,ref:G}),a?(he=a,s.default.Children.map(he,(function(e){if(s.default.isValidElement(e))return s.default.cloneElement(e,{onRemove:se,onSelect:ue})})).splice(0,R)):[],m&&M>0&&s.default.createElement(g.default,{isCollapsed:W,onSelectRollUp:function(e){var t=(0,i.default)(G.current.querySelectorAll("[data-terra-pill]"));m&&W?"keydown"===e.type?(J.current=!0,Q.current=t.length):(le("-1"),Q.current=t.length):U(!1),I(!W)},rollupCount:M})),s.default.createElement(_.default,{"aria-live":"polite",id:me,text:ye}))};T.defaultProps={isCollapsible:!1},T.propTypes=C;t.default=(0,y.injectIntl)(T)},60771:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l={getRollUpIndex:function(e){var t,l=e.current.querySelector("[data-terra-rollup-pill]"),n=e.current.querySelectorAll("[data-terra-pill]"),a=e.current.offsetWidth,r=0,i=0,o=0;l&&(o=function(e){return e.parentElement.offsetWidth+parseFloat(window.getComputedStyle(e.parentElement,null).getPropertyValue("margin-right"),10)}(l));for(var d=0;d=a);d+=1){var s=(t=n[d]).offsetWidth+parseFloat(window.getComputedStyle(t,null).getPropertyValue("margin-right"),10);s+r+oO.current.firstElementChild.clientWidth?T(!0):T(!1)}),[]),D=(0,d.useCallback)((function(e){Array.isArray(e)&&R()}),[R]);(0,d.useLayoutEffect)((function(){var e=new b.default((function(e){D(e)}));return e.observe(O.current.parentNode),function(){e.disconnect(),e=null}}),[R,D]);var S=function(){k(!1),O.current.setAttribute("aria-expanded",!1)},A=function(){return O.current},M={};M.isSelectable=C,M.isRemovable=c,M.isSelectableAndRemovable=c&&C;var F={},L=l?"".concat(l,": ").concat(t):t;F.title=m||(C?L:void 0),(M.isSelectable||M.isRemovable)&&(F.tabIndex="0",F.onKeyDown=function(e){O.current.setAttribute("data-terra-pills-show-focus-styles","true"),e.keyCode===s.KEY_RETURN||e.keyCode===s.KEY_SPACE?(e.preventDefault(),C&&k(!0)):e.keyCode!==s.KEY_DELETE&&e.keyCode!==s.KEY_BACK_SPACE||(e.preventDefault(),c&&c(n,u,e))},F.onMouseDown=function(e){O.current.setAttribute("data-terra-pills-show-focus-styles","false"),h(O,e)},F.onBlur=function(){O.current.setAttribute("data-terra-pills-show-focus-styles","true")});var B={};M.isSelectable&&(B.onClick=function(e){e.preventDefault(),e.stopPropagation(),C&&(k(!0),O.current.setAttribute("aria-expanded",!0))});var W,I={};c&&(I.onClick=function(e){e.preventDefault(),e.stopPropagation(),c(n,u,e)}),M.isSelectableAndRemovable?W=", ".concat(a.formatMessage({id:"Terra.pills.hint.selectableAndRemovable"})):M.isSelectable?W=", ".concat(a.formatMessage({id:"Terra.pills.hint.selectable"})):M.isRemovable&&(W=", ".concat(a.formatMessage({id:"Terra.pills.hint.removable"})));var q,z=(0,p.default)(g(["pill-label",{"is-focusable":M.isSelectable||M.isRemovable},{"is-removable":M.isRemovable&&!M.isSelectableAndRemovable},{"is-selectable-and-removable":M.isSelectableAndRemovable},v.className]),x.className),H=(0,p.default)(g(["pill","is-focusable",v.className]),x.className),Z=function(){return d.default.createElement("button",(0,r.default)({},I,{className:g("pill-remove-button"),tabIndex:"-1",type:"button","aria-label":a.formatMessage({id:"Terra.pills.label.delete"},{pillLabelName:t})}),d.default.createElement("span",{className:g("clear-icon")}))};return M.isSelectable?(q=" ".concat(l||""," ").concat(t," ").concat(W),d.default.createElement(d.default.Fragment,null,d.default.createElement("div",(0,r.default)({},x,F,B,{"aria-haspopup":M.isSelectable?"dialog":void 0,id:n,className:H,ref:O,role:"listitem","aria-label":q,"data-terra-pills-show-focus-styles":!0,"data-terra-pill":!0}),d.default.createElement("span",{className:z},l?d.default.createElement("span",{className:g("pill-category")},"".concat(l,": ")):void 0,d.default.createElement("span",null,t)),M.isRemovable&&Z()),C&&d.default.createElement(f.default,{isOpen:j,isArrowDisplayed:!0,targetRef:A,onRequestClose:S,contentHeight:"auto",contentWidth:"auto"},d.default.createElement("div",{className:g(["popup-content-pill-label",v.className])},l?d.default.createElement("span",{className:g(["popup-content-pill-category",v.className])},"".concat(l,": ")):void 0,d.default.createElement("span",null,t))))):function(){var e=" ".concat(l||""," ").concat(t," ").concat(W);return d.default.createElement(d.default.Fragment,null,d.default.createElement("div",(0,r.default)({},x,F,{id:n,className:H,ref:O,role:"listitem","aria-label":e,"data-terra-pills-show-focus-styles":!0,"data-terra-pill":!0}),d.default.createElement("span",{className:z},l?d.default.createElement("span",{className:g("pill-category")},"".concat(l,": ")):void 0,d.default.createElement("span",null,t)),M.isRemovable&&Z()))}()};O.propTypes=v;t.default=(0,u.injectIntl)(O)},14069:function(e,t,l){var n=l(24994),a=l(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=f(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&{}.hasOwnProperty.call(e,i)){var o=r?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(n,i,o):n[i]=e[i]}return n.default=e,l&&l.set(e,n),n}(l(96540)),i=l(25966),o=l(8604),d=n(l(67967)),s=n(l(5556)),u=n(l(52103)),c=l(68414),p=n(l(16524)),m=n(l(96748));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(f=function(e){return e?l:t})(e)}var b=d.default.bind(m.default),y={isCollapsed:s.default.bool,onSelectRollUp:s.default.func,rollupCount:s.default.number,intl:s.default.shape({formatMessage:s.default.func}).isRequired},h=function(e){var t=e.isCollapsed,l=e.onSelectRollUp,n=e.intl,a=e.rollupCount,o=(0,r.useRef)(),d=r.default.useContext(u.default),s=t&&a>0?n.formatMessage({id:"Terra.pills.label.rollupPill"},{pillsNotVisibleCount:a}):n.formatMessage({id:"Terra.pills.label.showLess"}),m=t?n.formatMessage({id:"Terra.pills.hint.rollupPill"},{pillsNotVisibleCount:a}):n.formatMessage({id:"Terra.pills.hint.showLess"}),f="terra-rollup-pill-".concat((0,c.v4)()),y="terra-rollup-pill-".concat((0,c.v4)());return r.default.createElement("div",{role:"listitem",className:b("pill-list-item")},r.default.createElement("button",{id:f,className:b(["rollup-pill",d.className]),onClick:function(e){e.preventDefault(),e.stopPropagation(),l(e)},onKeyDown:function(e){o.current.setAttribute("data-terra-rollup-pill-show-focus-styles","true"),e.keyCode!==i.KEY_RETURN&&e.keyCode!==i.KEY_SPACE||(e.preventDefault(),e.stopPropagation(),l(e))},onMouseDown:function(){o.current.setAttribute("data-terra-rollup-pill-show-focus-styles","false")},onBlur:function(){o.current.setAttribute("data-terra-rollup-pill-show-focus-styles","true")},ref:o,tabIndex:"0",type:"button","aria-describedby":y,"data-terra-rollup-pill-show-focus-styles":!0,"data-terra-rollup-pill":!0},r.default.createElement("span",{className:b("rollup-pill-label")},s)),r.default.createElement(p.default,{id:y,text:m,"aria-hidden":"true"}))};h.propTypes=y;t.default=(0,o.injectIntl)(h)},70945:function(e,t,l){l.r(t),l.d(t,{default:function(){return me}});var n=l(96540),a=l(36665),r=l(31191),i=l(74647),o=l(52853),d=l(61696),s=["components"];function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p={};function m(e){var t=e.components,l=c(e,s);return(0,a.mdx)("wrapper",u({},p,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton, Placeholder } from '@cerner/terra-docs';\nimport Button from 'terra-button';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport Text from 'terra-text';\nimport ThemeContext from 'terra-theme-context';\nimport Toolbar from 'terra-toolbar';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst AppliedFiltersExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [];\n for (let pillCount = 1; pillCount < 11; pillCount += 1) {\n const pillData = {\n label: `Selection ${pillCount}`,\n labelCategory: 'Category',\n id: `terra-filter-pills-category-selection-${pillCount}`,\n };\n pillsData.push(pillData);\n }\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const appliedFiltersLabel = 'Applied Filters:';\n\n return (\n <>\n
    \n \n
    \n
    \n \n {appliedFiltersLabel}\n \n
    \n
    \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n
    \n setPills([])}\n />\n
    \n
    \n     \n
    \n \n
    \n
    \n \n Reset Example\n \n \n );\n};\n\nAppliedFiltersExample.contextType = ThemeContext;\n\nexport default AppliedFiltersExample;\n\n")))}m.isMDXComponent=!0;var f=l(201),b=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var _={};function x(e){var t=e.components,l=h(e,b);return(0,a.mdx)("wrapper",y({},_,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import '../../../theme/clinical-lowlight-theme/FilterPills.module';\n@import '../../../theme/orion-fusion-theme/FilterPills.module';\n\n:local {\n // Terra Docs Example Reset Button\n .terra-docs-example-reset-button {\n margin-bottom: var(--terra-framework-docs-example-reset-button-margin-bottom, -2.42857rem);\n margin-top: 1.42857rem;\n position: relative;\n }\n\n // Applied Filters Toolbar Example\n .terra-filter-pills-doc-example-applied-filters {\n border: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-border, 1px solid #d3d4d5);\n margin: 0;\n padding: 0;\n\n .applied-filters-content-panel {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-background-color, #f4f4f4);\n margin: 0;\n padding: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-content-panel-padding, 0);\n }\n\n .applied-filters-label {\n color: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-color, #4d5153);\n display: inline-block;\n font-size: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-size, 0.92857rem);\n font-weight: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-label-font-weight, 400);\n vertical-align: top;\n }\n }\n \n .terra-filter-pills-doc-example-applied-filters-toolbar {\n padding-bottom: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-bottom, 0.42857rem);\n padding-left: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-left, 0.71429rem);\n padding-right: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-right, 0.35714rem);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-toolbar-padding-top, 0.42857rem);\n\n > [class*='Toolbar-module__item___'] {\n display: block;\n margin: 0;\n padding: 0;\n width: 100%;\n }\n\n .toolbar-flex-container {\n display: flex;\n margin: 0;\n min-width: 100%;\n padding: 0;\n width: 100%;\n }\n\n .toolbar-flex-item-start,\n .toolbar-flex-item-fill,\n .toolbar-flex-item-end {\n margin: 0;\n padding: 0;\n }\n\n .toolbar-flex-item-start {\n flex: 0 0 auto;\n margin-right: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-margin-right, 0.57143rem);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-start-padding-top, 0.5rem);\n vertical-align: top;\n }\n\n .toolbar-flex-item-fill {\n flex: 1 1 auto;\n min-width: 3rem;\n vertical-align: top;\n }\n\n .toolbar-flex-item-end {\n flex: 0 0 auto;\n margin-left: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-margin-left, 0);\n padding-top: var(--terra-framework-docs-filter-pills-doc-example-applied-filters-flex-item-end-padding-top, 0.10714rem);\n vertical-align: top;\n }\n }\n\n\n\n // Truncated Label Example\n .terra-filter-pills-doc-example-truncated-label-container {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-background-color, #f4f4f4);\n border: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-border, 2px dashed #d1d1d1);\n border-bottom: 0 none;\n border-top: 0 none;\n box-sizing: content-box;\n max-width: 20rem;\n min-height: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-min-height, 2.28571rem);\n padding: var(--terra-framework-docs-filter-pills-doc-example-truncated-label-container-padding, 0.71428rem 0.21428rem 0.71428rem 0.21428rem);\n width: 100%;\n }\n\n // Search Terms Example (has Visible Label)\n .terra-filter-pills-doc-example-search-terms {\n background-color: var(--terra-framework-docs-filter-pills-doc-example-search-terms-background-color, #ecf3ff);\n box-sizing: border-box;\n min-height: var(--terra-framework-docs-filter-pills-doc-example-search-terms-min-height, 7.5rem);\n padding: var(--terra-framework-docs-filter-pills-doc-example-search-terms-padding, 0.71428rem 0.85714rem);\n\n .search-terms-label {\n color: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-color, #1a2f4b);\n display: block;\n font-size: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-size, 1.07142rem);\n font-weight: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-font-weight, 500);\n padding-bottom: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-bottom, 0.21428rem);\n padding-left: var(--terra-framework-docs-filter-pills-doc-example-search-terms-label-padding-left, 0.14285rem);\n }\n }\n} \n\n")))}x.isMDXComponent=!0;var g=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(f.A,{title:t||"Applied Filters Example",description:l,example:n.createElement(d.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(m,null),isExpanded:a})},v=l(59764),O=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var C={};function T(e){var t=e.components,l=P(e,O);return(0,a.mdx)("wrapper",w({},C,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst BasicLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n id: 'terra-filter-pills-asthma',\n },\n {\n label: 'Bronchitis',\n id: 'terra-filter-pills-bronchitis',\n },\n {\n label: 'Fibro',\n id: 'terra-filter-pills-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n return (\n <>\n \n {pills.map((pill, index) => (\n \n ))}\n \n \n Reset Example\n \n \n );\n};\n\nBasicLabelExample.contextType = ThemeContext;\n\nexport default BasicLabelExample;\n\n")))}T.isMDXComponent=!0;var N=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(f.A,{title:t||"Basic Label Example",description:l,example:n.createElement(v.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(T,null),isExpanded:a})},E=l(60936),j=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var D={};function S(e){var t=e.components,l=R(e,j);return(0,a.mdx)("wrapper",k({},D,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst CategoryLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-asthma',\n },\n {\n label: 'Bronchitis',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-bronchitis',\n },\n {\n label: 'Fibro',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n return (\n <>\n \n {pills.map((pill, index) => (\n \n ))}\n \n \n Reset Example\n \n \n );\n};\n\nCategoryLabelExample.contextType = ThemeContext;\n\nexport default CategoryLabelExample;\n\n")))}S.isMDXComponent=!0;var A=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(f.A,{title:t||"Category Label Example",description:l,example:n.createElement(E.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(S,null),isExpanded:a})},M=l(89888),F=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var W={};function I(e){var t=e.components,l=B(e,F);return(0,a.mdx)("wrapper",L({},W,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst FilterPillsWithLongLabel = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Chronic Obstructive Pulmonary Disease (COPD)',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-copd',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n return (\n <>\n
    \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n \n Reset Example\n \n \n );\n};\n\nFilterPillsWithLongLabel.contextType = ThemeContext;\n\nexport default FilterPillsWithLongLabel;\n\n")))}I.isMDXComponent=!0;var q=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(f.A,{title:t||"Truncated Label Example",description:l,example:n.createElement(M.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(I,null),isExpanded:a})},z=l(85832),H=["components"];function Z(){return Z=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var V={};function Y(e){var t=e.components,l=K(e,H);return(0,a.mdx)("wrapper",Z({},V,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNamesBind from 'classnames/bind';\nimport { Button as DocsButton } from '@cerner/terra-docs';\nimport FilterPills, { Pill } from '@cerner/terra-pills';\nimport Text from 'terra-text';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './FilterPillsCommon.module.scss';\n\nconst cx = classNamesBind.bind(styles);\n\nconst VisibleLabelExample = () => {\n const theme = React.useContext(ThemeContext);\n\n const pillsData = [\n {\n label: 'Asthma',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-asthma',\n },\n {\n label: 'Bronchitis',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-bronchitis',\n },\n {\n label: 'Fibro',\n labelCategory: 'Respiratory',\n id: 'terra-filter-pills-respiratory-fibro',\n },\n ];\n const [pills, setPills] = useState(pillsData);\n\n const handleOnRemove = (id, metaData) => {\n const pillsArray = pills;\n pillsArray.splice(metaData.index, 1);\n setPills([...pillsArray]);\n };\n\n const handleResetClick = () => {\n setPills(pillsData);\n };\n\n const patientEducationSearchTermsLabel = 'Patient Education Search Terms:';\n const patientEducationSearchTermsLabelId = 'terra-filter-pills-example-patient-education-search-terms-label';\n\n return (\n <>\n
    \n \n {patientEducationSearchTermsLabel}\n \n \n {pills.map((pill, index) => (\n \n ))}\n \n
    \n \n Reset Example\n \n \n );\n};\n\nVisibleLabelExample.contextType = ThemeContext;\n\nexport default VisibleLabelExample;\n\n")))}Y.isMDXComponent=!0;var U=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(f.A,{title:t||"Visible Label Example",description:l,example:n.createElement(z.A,null),exampleCssSrc:n.createElement(x,null),exampleSrc:n.createElement(Y,null),isExpanded:a})},X=l(12883),G=["components"];function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var J={},ee="wrapper";function te(e){var t=e.components,l=$(e,G);return(0,a.mdx)(ee,Q({},J,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(X.Ay,{mdxType:"PropsTable"},(0,a.mdx)(X.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The string that labels the collection of pills, used in cases where the text label is not visible on\nthe screen and required for minimum accessibility standards. Providing this prop adds the ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-label"),"\nattribute to the Pill List container element. (Required)"))),(0,a.mdx)(X.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"If a visible text label is used with the collection of pills, provide a string of the ID for the html\nelement containing the visible text label. Supplying the 'ariaLabelledBy' prop will override the 'ariaLabel'\nprop and adds the ",(0,a.mdx)("inlineCode",{parentName:"p"},"aria-labelledby")," attribute instead to the Pill List container element."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"})," For best practices, ensure the visible text\nin the html element ",(0,a.mdx)("inlineCode",{parentName:"p"},"id")," provided to the Pill List ",(0,a.mdx)("inlineCode",{parentName:"p"},"ariaLabelledby")," prop matches the text provided to the\n",(0,a.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop, for consistency in the case of fallback or errors."))),(0,a.mdx)(X.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"ariaDescribedBy"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"If additional visible information text is used, provide a string containing the IDs for html elements that\nhelp describe the intent of the group of pills."))),(0,a.mdx)(X.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"isCollapsible"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Indicates if the Pills container is rolled up or not."))),(0,a.mdx)(X.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"onRemove"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function to remove a pill, returns 'id' and 'metadata'.")))))}te.isMDXComponent=!0;var le=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var re={},ie="wrapper";function oe(e){var t=e.components,l=ae(e,le);return(0,a.mdx)(ie,ne({},re,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(X.Ay,{mdxType:"PropsTable"},(0,a.mdx)(X.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"id"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The html 'id' attribute for the pill, needed for proper keyboard interactions. (Required & must be unique)."))),(0,a.mdx)(X.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"label"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The label text for the pill. (Required)."))),(0,a.mdx)(X.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"labelCategory"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Secondary label text for the pill that displays a filter category."))),(0,a.mdx)(X.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"metaData"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The associated metaData to be returned in the onRemove callback."))),(0,a.mdx)(X.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(X.dt,{mdxType:"PropNameCell"},"onRemove"),(0,a.mdx)(X.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(X.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(X.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(X.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"A callback function to execute when the pill is removed. Returns id, metadata.")))))}oe.isMDXComponent=!0;var de=["components"];function se(){return se=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var ce={},pe="wrapper";function me(e){var t=e.components,l=ue(e,de);return(0,a.mdx)(pe,se({},ce,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-filter-pills"},"Terra Filter Pills"),(0,a.mdx)("p",null,"Pills are generally used to assign a label or keyword to user interface (UI) objects, defining a non-hierarchical group. They are used to visually label UI objects for quick recognition. These labels can be generated either by the system or users entering data."),(0,a.mdx)("p",null,"When using a filter workflow, which removes items from a view that do not satisfy specific criteria, Filter Pills can provide indication as to which facet categories and attributes the user can narrow the content by, helping to further divide content in order to assist users in refining large results."),(0,a.mdx)("h2",{id:"what-the-component-is"},"What the component is"),(0,a.mdx)("p",null,"Filter Pills are comprised of the following:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Label ",(0,a.mdx)("em",{parentName:"li"},"(clickable if truncated to disclose the full label)")),(0,a.mdx)("li",{parentName:"ul"},"An optional category to help describe the label"),(0,a.mdx)("li",{parentName:"ul"},"An interactive button to remove the filter")),(0,a.mdx)("h2",{id:"what-the-component-is-not"},"What the component is not"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Although similar, pills and tags have their own use cases and best practices for when they should be used within the UI. See ",(0,a.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/components/terra-tag/tag/tag"},"tags")," for more information."),(0,a.mdx)("li",{parentName:"ul"},"Although the filtering workflow may narrow down content to drive the user's workflow, it should not be used in the place of primary or secondary navigation.")),(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-pills"))))),(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 <6.0.0")))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import FilterPills, { Pill } from '@cerner/terra-pills';\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)(o.A,{newline:3,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"introduction"},"Introduction:"),(0,a.mdx)("p",null,"Filter Pills can be added to a variety of situations and compositions when it is necessary to display the selected facets being applied to a filtered layout. They can be constructed into in various higher-order component patterns like an ",(0,a.mdx)("strong",{parentName:"p"},"Applied Filters")," toolbar, and similar locations that the applied category labels are removable by the user. They also have the ability to flex layouts between an expanded state showing all filter pills, and a collapsed state showing just a single line and roll-up toggle to show and hide the additional filter pills."),(0,a.mdx)(g,{title:"Introduction to Filter Pills: Applied Filters Toolbar",mdxType:"AppliedFiltersExample"}),(0,a.mdx)(o.A,{newline:3,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"how-to-construct"},"How To Construct:"),(0,a.mdx)("h3",{id:"filter-pill-with-a-basic-label"},"Filter Pill with a basic Label"),(0,a.mdx)("p",null,"Filter Pills in their standard form display a single keyword or short phrase as their label. They are also removable, which makes them interactive with the clickable remove (\"X\") button, as well as by interactive by keyboard, able to be removed by pressing the 'delete' or 'backspace' key when they are in focus."),(0,a.mdx)(N,{title:"Basic Label",mdxType:"BasicLabelExample"}),(0,a.mdx)(o.A,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"adding-an-optional-category-to-the-label"},"Adding an optional Category to the Label"),(0,a.mdx)("p",null,"Additional category terms can be added to the single keyword or short phrase label to provide additional clarity in situations where the same keyword label may appear twice (but apply to different groupings), or is needed to help indicate to a user the category groupings the labels belong to."),(0,a.mdx)(A,{title:"Adding a Label Category",mdxType:"CategoryLabelExample"}),(0,a.mdx)(o.A,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"long-labels--truncation-a-popup-is-added"},"Long Labels & Truncation: A Popup is Added"),(0,a.mdx)("p",null,"In cases where the width of the space is constrained and the text label for the Filter Pill is unable to fully display, a popup will automatically be added, the label will become an interactive target. Clicking the label will disclose the full Filter Pill text label (and category if applied) as the contents. No additional content can be added to the popup."),(0,a.mdx)(q,{title:"Selectable Label when Truncated",mdxType:"TruncatedLabelExample"}),(0,a.mdx)(o.A,{newline:3,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"usage-considerations"},"Usage Considerations:"),(0,a.mdx)("h3",{id:"adding-a-visible-label"},"Adding a Visible Label"),(0,a.mdx)("p",null,"Filter Pills are commonly used in a group or list, which must include a label to indicate the intent or purpose of the contents of the list. Accordingly, the filter pills component requires the ",(0,a.mdx)("inlineCode",{parentName:"p"},"ariaLabel")," prop for accessibility minimum standards, to give a screen reader user the proper context of the list, but it is not visible to users."),(0,a.mdx)(i.Notice,{variant:"ux-recommendation",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"As a best practice, the Filter Pills component should be accompanied by a visible label, which may need to be styled and positioned according to a specific usage and should be done so by each consumer. Use the ",(0,a.mdx)("inlineCode",{parentName:"p"},"ariaLabelledBy")," prop in Filter Pills, and provide it the 'id' of the visible label or heading, which will allow for the visible text to be accessibly connected to the pills. Read more details about the construction method in the ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/pills/accessibility-guide"},"Accessibility Guide")," and the example below.")),(0,a.mdx)("p",null,"Note: ",(0,a.mdx)("em",{parentName:"p"},"The visible label referenced by the ",(0,a.mdx)("inlineCode",{parentName:"em"},"ariaLabelledBy")," prop and the ",(0,a.mdx)("inlineCode",{parentName:"em"},"ariaLabel")," prop should be set to the same string values for fallback protection, even though when done properly ",(0,a.mdx)("inlineCode",{parentName:"em"},"ariaLabelledBy")," should override ",(0,a.mdx)("inlineCode",{parentName:"em"},"ariaLabel")," and the 'aria-labelledby' property will replace the 'aria-label' property in the compiled markup.")),(0,a.mdx)(U,{title:"Adding a Styled Label or Heading",mdxType:"VisibleLabelExample"}),(0,a.mdx)(o.A,{mdxType:"Whitespace"}),(0,a.mdx)("h3",{id:"incorrect-use"},"Incorrect Use"),(0,a.mdx)("p",null,"Terra Filter Pills contains a specific reusable subcomponent ",(0,a.mdx)("inlineCode",{parentName:"p"},""),". However, the inner 'Pill' subcomponent is not intended to be used alone, or independently without being used properly as children of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," parent container. If used as standalone, the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," offers ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/pills/accessibility-guide"},"no support for accessibility")," or correct behaviors."),(0,a.mdx)("p",null,"The ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," subcomponent was created and tested with the express intent of always being used as children of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,a.mdx)(i.Notice,{variant:"not-supported",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"The example below shows an implementation with the intention of removing the parent ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," component, such that only a single (or series) of the ",(0,a.mdx)("inlineCode",{parentName:"p"},"")," subcomponent remains:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-diff"},'
    \n- \n \n- \n
    \n')),(0,a.mdx)("p",null,"Consumers should be aware to not intentionally create the above situation. ")),(0,a.mdx)(o.A,{newline:5,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"props-for-filter-pills"},"Props for Filter Pills"),(0,a.mdx)(te,{mdxType:"FilterPillsPropsTable"}),(0,a.mdx)("h2",{id:"props-for-pill-subcomponent"},"Props for Pill subcomponent"),(0,a.mdx)(oe,{mdxType:"PillsPropsTable"}),(0,a.mdx)("h2",{id:"testing"},"Testing"),(0,a.mdx)("p",null,"Pills uses ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," which changes the component's description id dynamically. To mock the return value with the Jest testing library, ",(0,a.mdx)("inlineCode",{parentName:"p"},"jest.spyOn")," can be used."),(0,a.mdx)("p",null,"If Enzyme ",(0,a.mdx)("inlineCode",{parentName:"p"},"shallow")," rendering is being used for the tests then the mock may not be required. However, if ",(0,a.mdx)("inlineCode",{parentName:"p"},"mount")," is used then ",(0,a.mdx)("inlineCode",{parentName:"p"},"uuid")," should be mocked as shown below:"),(0,a.mdx)("pre",null,(0,a.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")))}me.isMDXComponent=!0},31191:function(e,t,l){l.d(t,{E:function(){return r}});var n=l(96540),a=l(55713),r=function(e){var t=e.url;return n.createElement(a.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-pills",name:"@cerner/terra-pills",version:"1.24.0",url:t})}},25642:function(e,t,l){l.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,l){l.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,l){l.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"}},36605:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},76593:function(e,t,l){l.r(t),t.default={whitespace:"Whitespace-module__whitespace___OXKKU","newline-1":"Whitespace-module__newline-1___J5RR0","newline-2":"Whitespace-module__newline-2___kawg+","newline-3":"Whitespace-module__newline-3___K+IKl","newline-4":"Whitespace-module__newline-4___fHvAZ","newline-5":"Whitespace-module__newline-5___VidsD","newline-6":"Whitespace-module__newline-6___+7QIy","newline-7":"Whitespace-module__newline-7___lyrHl","newline-8":"Whitespace-module__newline-8___48hDj"}},7179:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"FilterPillsCommon-module__clinical-lowlight-theme___TrtQj","orion-fusion-theme":"FilterPillsCommon-module__orion-fusion-theme___ZX85a","terra-docs-example-reset-button":"FilterPillsCommon-module__terra-docs-example-reset-button___ETZeH","terra-filter-pills-doc-example-applied-filters":"FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters___j1oGS","applied-filters-content-panel":"FilterPillsCommon-module__applied-filters-content-panel___QmQR2","applied-filters-label":"FilterPillsCommon-module__applied-filters-label___vCjLZ","terra-filter-pills-doc-example-applied-filters-toolbar":"FilterPillsCommon-module__terra-filter-pills-doc-example-applied-filters-toolbar___f-hkS","toolbar-flex-container":"FilterPillsCommon-module__toolbar-flex-container___EyN0t","toolbar-flex-item-start":"FilterPillsCommon-module__toolbar-flex-item-start___Ixc+9","toolbar-flex-item-fill":"FilterPillsCommon-module__toolbar-flex-item-fill___RYeKG","toolbar-flex-item-end":"FilterPillsCommon-module__toolbar-flex-item-end___vQUxJ","terra-filter-pills-doc-example-truncated-label-container":"FilterPillsCommon-module__terra-filter-pills-doc-example-truncated-label-container___-BHry","terra-filter-pills-doc-example-search-terms":"FilterPillsCommon-module__terra-filter-pills-doc-example-search-terms___F768X","search-terms-label":"FilterPillsCommon-module__search-terms-label___A+ocH"}},96748:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Pill-module__clinical-lowlight-theme___2k01f","orion-fusion-theme":"Pill-module__orion-fusion-theme___WJ5lx","pills-group":"Pill-module__pills-group___qCKg8","pill-list-item":"Pill-module__pill-list-item___5K3Ox",pill:"Pill-module__pill___F708A","is-focusable":"Pill-module__is-focusable___pflIh","pill-label":"Pill-module__pill-label___6aEkh","pill-category":"Pill-module__pill-category___iX4OL","is-removable":"Pill-module__is-removable___-C-W2","pill-remove-button":"Pill-module__pill-remove-button___H2+gg","clear-icon":"Pill-module__clear-icon___1ScH9","is-selectable-and-removable":"Pill-module__is-selectable-and-removable___4Y3UX","rollup-pill":"Pill-module__rollup-pill___e9Gqa","rollup-pill-label":"Pill-module__rollup-pill-label___Ytx0V","popup-content-pill-label":"Pill-module__popup-content-pill-label___c2P2y","popup-content-pill-category":"Pill-module__popup-content-pill-category___+dbLH"}},78482:function(e,t,l){l.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"}},96812:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Text-module__clinical-lowlight-theme___mG7dV","orion-fusion-theme":"Text-module__orion-fusion-theme___s3eY+",text:"Text-module__text___pR3Hk","inherit-color":"Text-module__inherit-color___BT1c9",italic:"Text-module__italic___Ai80R","word-wrap":"Text-module__word-wrap___RWBlC","font-size-100":"Text-module__font-size-100___QjMrh","font-size-92":"Text-module__font-size-92___xffy1","font-size-72":"Text-module__font-size-72___R9WxS","font-size-64":"Text-module__font-size-64___A0fSP","font-size-56":"Text-module__font-size-56___EpTwK","font-size-50":"Text-module__font-size-50___Hy8ue","font-size-46":"Text-module__font-size-46___MU8-J","font-size-36":"Text-module__font-size-36___8M9ck","font-size-32":"Text-module__font-size-32___-m5nt","font-size-24":"Text-module__font-size-24___OOFKN","font-size-20":"Text-module__font-size-20___rJO6P","font-size-18":"Text-module__font-size-18___TCBtv","font-size-16":"Text-module__font-size-16___ovQH2","font-size-14":"Text-module__font-size-14___fYamg","font-size-12":"Text-module__font-size-12___EGKPm","font-size-10":"Text-module__font-size-10___xZOQY","font-weight-200":"Text-module__font-weight-200___NABUq","font-weight-300":"Text-module__font-weight-300___vm83w","font-weight-400":"Text-module__font-weight-400___Z-2pQ","font-weight-700":"Text-module__font-weight-700___WIUZQ","visually-hidden":"Text-module__visually-hidden___hgjcq","font-stack":"Text-module__font-stack___ydj-0"}},60288:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___lhZh0","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___Oq6Xn",toolbar:"Toolbar-module__toolbar___XowP8",item:"Toolbar-module__item___K92Xb","start-align":"Toolbar-module__start-align___Ap05A","end-align":"Toolbar-module__end-align___WLp5E","center-align":"Toolbar-module__center-align___5f+ex"}},85444:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(46942)),i=u(l(67967)),o=u(l(52103)),d=u(l(78482)),s=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=i.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,l=e.disableStripes,a=e.paddingStyle,i=p(e,s),d=n.default.useContext(o.default),u=(0,r.default)(m("table",{striped:!l},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),i.className);return n.default.createElement("table",c({},i,{className:u}),t)};b.propTypes=f,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},61452:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(96540)),a=i(l(5556)),r=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={children:a.default.node},s=function(e){var t=e.children,l=o(e,r);return n.default.createElement("tbody",l,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},86472:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(96540)),a=i(l(5556)),r=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={children:a.default.node},s=function(e){var t=e.children,l=o(e,r);return n.default.createElement("td",l,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},97441:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(5556)),r=o(l(10767)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var s={children:a.default.node},u=function(e){var t=e.children,l=d(e,i);return n.default.createElement("thead",l,n.default.createElement("tr",null,r.default.addScope(t,"col")))};u.propTypes=s,u.defaultProps={children:[]};t.default=u},22417:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(96540)),a=i(l(5556)),r=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var d={children:a.default.node},s=function(e){var t=e.children,l=o(e,r);return n.default.createElement("th",l,t)};s.propTypes=d,s.defaultProps={children:[]};t.default=s},36142:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(l(96540)),a=s(l(5556)),r=s(l(67967)),i=s(l(78482)),o=s(l(10767)),d=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p=r.default.bind(i.default),m={children:a.default.node},f=function(e){var t=e.children,l=c(e,d),a=p(["row"]);return n.default.createElement("tr",u({},l,{className:l.className?"".concat(a," ").concat(l.className):a}),o.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},10767:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var l=[];return a.default.Children.forEach(e,(function(e){l.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),l}};t.default=r},26984:function(e,t,l){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 i.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=s(l(85444)),a=s(l(61452)),r=s(l(36142)),i=s(l(86472)),o=s(l(97441)),d=s(l(22417));function s(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(96540)),a=r(l(25365));function r(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||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var y=o.default.bind(s.default),h=(t.TextFontSize={10:10,12:12,14:14,16:16,18:18,20:20,24:24,32:32,36:36,46:46,50:50,56:56,64:64,72:72,92:92,100:100},t.TextWeight={200:200,300:300,400:400,700:700},{children:r.default.node.isRequired,isItalic:r.default.bool,isVisuallyHidden:r.default.bool,isWordWrapped:r.default.bool,fontSize:r.default.oneOf([10,12,14,16,18,20,24,32,36,46,50,56,64,72,92,100]),weight:r.default.oneOf([200,300,400,700]),colorClass:r.default.string}),_=function(e){var t=e.children,l=e.isVisuallyHidden,n=e.isItalic,r=e.fontSize,o=e.weight,s=e.isWordWrapped,c=e.colorClass,h=b(e,u),_=a.default.useContext(d.default),x=function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=i.default.bind(d.default),f={align:a.default.oneOf(["start","end","center"]),ariaControls:a.default.string,ariaLabel:a.default.string,ariaLabelledBy:a.default.string,children:a.default.node},b=function(e){var t=e.align,l=e.ariaControls,a=e.ariaLabel,i=e.ariaLabelledBy,d=e.children,u=p(e,s),f=n.default.useContext(o.default),b=(0,r.default)(m("toolbar","".concat(t,"-align"),f.className),u.className),y=n.default.Children.map(d,(function(e){return e?n.default.createElement("div",{className:m("item")},e):e}));return n.default.createElement("div",c({},u,{"aria-controls":l,"aria-label":i?void 0:a,"aria-labelledby":i,className:b,role:"toolbar"}),y)};b.propTypes=f,b.defaultProps={align:"start"};t.default=b}}]); \ No newline at end of file diff --git a/71565-28592a7a951fd681e05f.js b/71565-28592a7a951fd681e05f.js new file mode 100644 index 000000000..21180aae1 --- /dev/null +++ b/71565-28592a7a951fd681e05f.js @@ -0,0 +1 @@ +(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[71565],{74396:function(e,n,t){"use strict";var a=t(24994),l=t(73738);n.A=void 0;var o=a(t(41132)),r=a(t(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=b(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(96540)),s=a(t(67967)),d=a(t(35958)),c=a(t(98814)),u=a(t(19814)),p=a(t(3476)),m=a(t(75293));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(b=function(e){return e?t:n})(e)}var f=s.default.bind(m.default),y=-1;n.A=function(){var e=[],n=(0,i.useState)(e),t=(0,r.default)(n,2),a=t[0],l=t[1],s=(0,i.useState)(),m=(0,r.default)(s,2),b=m[0],h=m[1];e.push({label:"Patient Information",key:"AddcloseLabelTab",content:"Patient Information"}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseIconTab",content:"Add Patient"}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:f("custom-display")},"TPA & Insurance"),key:"AddcloseCustomTab",content:"TPA & Insurance"}),e.push({label:"Disabled Tab",key:"AddcloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloselongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloselastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(u.default,{id:"Addclose",onChange:function(e,n){n!==b&&h(n)},activeKey:b,setFocusOnContent:!0,isClosable:!0,onSelectAddButton:function(){y+=1;var e=a;e.push({label:"Added New Tab_".concat(y),isIconOnly:!1,key:"AddcloseTab_".concat(y),content:"Added New Tab_".concat(y),isActive:!0}),h("AddcloseTab_".concat(y)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var t=(0,o.default)(a),r=t.findIndex((function(e){return e.key===n}));-1!==r&&(t.splice(r,1),l(t))}},a.map((function(e){return i.default.createElement(u.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(p.default,{label:e.content}))}))))}},43738:function(e,n,t){"use strict";var a=t(24994),l=t(73738);n.A=void 0;var o=a(t(41132)),r=a(t(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=x(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(96540)),s=a(t(67967)),d=a(t(35958)),c=a(t(98814)),u=a(t(19814)),p=a(t(20404)),m=a(t(32527)),b=a(t(45947)),f=a(t(41521)),y=a(t(3476)),h=a(t(75293));function x(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(x=function(e){return e?t:n})(e)}var T=s.default.bind(h.default),v=-1;n.A=function(){var e=[],n=(0,i.useState)(e),t=(0,r.default)(n,2),a=t[0],l=t[1],s=(0,i.useState)(),h=(0,r.default)(s,2),x=h[0],g=h[1];e.push({label:"Patient Information",key:"AddcloseInteractiveLabelTab",content:"Patient Information",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(p.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(p.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Add Patient",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"AddcloseInteractiveIconTab",children:i.default.createElement(i.default.Fragment,null,i.default.createElement("div",null,i.default.createElement(f.default,{type:"checkbox",legend:"Give your full name here",name:"children_present",value:"children_present",error:"All fields must be filled out",required:!0},i.default.createElement(m.default,{label:"First",isInline:!0,required:!0,htmlFor:"first"},i.default.createElement(b.default,{id:"first",type:"text",name:"first",defaultValue:""})),i.default.createElement(m.default,{label:"Middle",isInline:!0,required:!0,htmlFor:"middle"},i.default.createElement(b.default,{id:"middle",type:"text",name:"middle",defaultValue:""})),i.default.createElement(m.default,{label:"Last",isInline:!0,required:!0,htmlFor:"last"},i.default.createElement(b.default,{id:"last",type:"text",name:"last",defaultValue:""})))))}),e.push({label:"TPA & Insurance",customDisplay:i.default.createElement("div",{className:T("custom-display")},"TPA & Insurance"),key:"AddcloseInteractiveCustomTab",content:"TPA & Insurance",children:i.default.createElement(i.default.Fragment,null,i.default.createElement(p.default,{id:"default-radio",labelText:"Default Radio",name:"default",disabled:!0}),i.default.createElement(p.default,{id:"default1-radio",labelText:"Default Radio",name:"default"}))}),e.push({label:"Disabled Tab",key:"AddcloseInteractiveDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of Out-Patient Details Department Wise",key:"AddcloseInteractivelongLabel",content:"List of Out-Patient Details Department Wise"}),e.push({label:"Ambulance Service",key:"AddcloseInteractivelastTab",content:"Ambulance Service"});return i.default.createElement("div",{className:T("content-wrapper")},i.default.createElement(u.default,{id:"AddcloseInteractive",onChange:function(e,n){n!==x&&g(n)},activeKey:x,isClosable:!0,onSelectAddButton:function(){v+=1;var e=a;e.push({label:"Added New Tab_".concat(v),isIconOnly:!1,key:"AddcloseInteractiveTab_".concat(v),content:"Added New Tab_".concat(v),isActive:!0}),g("AddcloseInteractiveTab_".concat(v)),l(e)},ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var t=(0,o.default)(a),r=t.findIndex((function(e){return e.key===n}));-1!==r&&(t.splice(r,1),l(t))}},a.map((function(e){return i.default.createElement(u.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(y.default,{label:e.content},e.children))}))))}},68224:function(e,n,t){"use strict";var a=t(24994),l=t(73738);n.A=void 0;var o=a(t(85715)),r=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=m(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(96540)),i=a(t(67967)),s=a(t(57588)),d=a(t(98814)),c=a(t(19814)),u=a(t(3476)),p=a(t(75293));function m(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(m=function(e){return e?t:n})(e)}var b=i.default.bind(p.default),f=-1;n.A=function(){var e=[],n=(0,r.useState)(e),t=(0,o.default)(n,2),a=t[0],l=t[1],i=(0,r.useState)(),p=(0,o.default)(i,2),m=p[0],y=p[1];e.push({label:"Self Registration",key:"AddLabelTab",content:"Self Registration"}),e.push({label:"Find A Doctor",icon:r.default.createElement(d.default,null),isIconOnly:!0,key:"AddIconTab",content:"Find A Doctor"}),e.push({label:"View Specialities",customDisplay:r.default.createElement("div",{className:b("custom-display")},"View Specialities"),key:"AddCustomTab",content:"View Specialities"}),e.push({label:"Pharmacy",key:"AddDisabledTab",icon:r.default.createElement(s.default,null)}),e.push({label:"Billing, Insurance & Payment",key:"AddlongLabel",content:"Billing, Insurance & Payment"}),e.push({label:"Lab Medicine",key:"AddlastTab",content:"Lab Medicine"});return r.default.createElement("div",{className:b("content-wrapper")},r.default.createElement(c.default,{id:"AddTab",onChange:function(e,n){n!==m&&y(n)},isDraggable:!0,setFocusOnContent:!0,activeKey:m,onSelectAddButton:function(){f+=1;var e=a;e.push({label:"Added New Tab_".concat(f),isIconOnly:!1,key:"AddTab_".concat(f),content:"Added New Tab_".concat(f),isActive:!0}),y("AddTab_".concat(f)),l(e)},ariaLabelAddTab:"Add Tab"},a.map((function(e){return r.default.createElement(c.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},r.default.createElement(u.default,{label:e.content}))}))))}},91872:function(e,n,t){"use strict";var a=t(24994),l=t(73738);n.A=void 0;var o=a(t(41132)),r=a(t(85715)),i=function(e,n){if(!n&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var t=b(n);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&{}.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,t&&t.set(e,a),a}(t(96540)),s=a(t(67967)),d=a(t(57588)),c=a(t(98814)),u=a(t(19814)),p=a(t(3476)),m=a(t(75293));function b(e){if("function"!=typeof WeakMap)return null;var n=new WeakMap,t=new WeakMap;return(b=function(e){return e?t:n})(e)}var f=s.default.bind(m.default);n.A=function(){var e=[],n=(0,i.useState)(e),t=(0,r.default)(n,2),a=t[0],l=t[1];e.push({label:"Doctors",key:"CloseLabelTab",content:"Doctor details"}),e.push({label:"Pharmacy",icon:i.default.createElement(d.default,null),isIconOnly:!0,key:"CloseIconTab",content:"Pharmacy details"}),e.push({label:"Customized Tab",customDisplay:i.default.createElement("div",{className:f("custom-display")},"Customized Tab"),key:"CloseCustomTab",content:"Custom display"}),e.push({label:"Disabled Tab",key:"CloseDisabledTab",icon:i.default.createElement(c.default,null),isDisabled:!0}),e.push({label:"List of In-Patient Details Department Wise",key:"CloselongLabel",content:"List for In-Patient Details Department Wise"}),e.push({label:"Appointments",key:"CloselastTab",content:"Appointments"});return i.default.createElement("div",{className:f("content-wrapper")},i.default.createElement(u.default,{id:"Closabletab",setFocusOnContent:!0,isClosable:!0,ariaLabelAddTab:"Add Tab",onTabClose:function(e,n){var t=(0,o.default)(a),r=t.findIndex((function(e){return e.key===n}));-1!==r&&(t.splice(r,1),l(t))}},a.map((function(e){return i.default.createElement(u.default.Pane,{label:e.label,isIconOnly:e.isIconOnly,customDisplay:e.customDisplay,isDisabled:e.isDisabled,icon:e.icon,key:e.key,id:e.key},i.default.createElement(p.default,{label:e.content}))}))))}},22535:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(17383)),o=a(t(34579)),r=a(t(28452)),i=a(t(63072)),s=a(t(29511)),d=a(t(96540)),c=a(t(19814)),u=a(t(49490));function p(e,n,t){return n=(0,i.default)(n),(0,r.default)(e,m()?Reflect.construct(n,t||[],(0,i.default)(e).constructor):n.apply(e,t))}function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(m=function(){return!!e})()}var b=function(e){function n(e){var t;return(0,l.default)(this,n),(t=p(this,n,[e])).state={activeKey:"Hematology"},t.handleSelection=t.handleSelection.bind(t),t.handleTabActivation=t.handleTabActivation.bind(t),t}return(0,s.default)(n,e),(0,o.default)(n,[{key:"handleSelection",value:function(e,n){n!==this.state.activeKey&&this.setState({activeKey:n})}},{key:"handleTabActivation",value:function(){this.setState({activeKey:"Radiology"})}},{key:"render",value:function(){var e=d.default.createElement(c.default.Pane,{label:"Radiology",key:"Radiology",id:"tab1"},d.default.createElement("p",{id:"tab1"},"Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases. This field can be divided into two broad areas - diagnostic radiology and interventional radiology. A physician who specializes in radiology is called radiologist.")),n=d.default.createElement(c.default.Pane,{label:"Hematology",key:"Hematology",id:"tab2"},d.default.createElement("p",{id:"tab2"},"Hematology is the study of blood and blood disorders. Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components. These include blood and bone marrow cells.")),t=d.default.createElement(c.default.Pane,{label:"Cardiology",key:"Cardiology",id:"tab3"},d.default.createElement("p",{id:"tab3"},"The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.” Cardiology is a branch of medicine that concerns diseases and disorders of the heart. It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure. Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases. Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.")),a=d.default.createElement(c.default.Pane,{icon:d.default.createElement(u.default,null),isIconOnly:!0,label:"Orthopaedics",key:"Orthopaedics",id:"tab4"},d.default.createElement("p",{id:"tab4"},"Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system. After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.")),l=d.default.createElement(c.default.Pane,{icon:d.default.createElement(u.default,null),showIcon:!0,label:"Paediatrics",key:"Paediatrics",id:"tab5"},d.default.createElement("p",{id:"tab5"},"Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18. The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer). Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.")),o=d.default.createElement(c.default.Pane,{label:"Oncology",key:"Oncology",id:"tab6"},d.default.createElement("p",{id:"tab6"},"Oncology is the study of cancer. An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer. An oncologist may also be called a cancer specialist. The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology."));return d.default.createElement("div",null,d.default.createElement("button",{id:"activate-tab",type:"button",onClick:this.handleTabActivation},"Activate Tab"),d.default.createElement("div",{id:"current-selection"},d.default.createElement("p",null,"Last Triggered Tab:",this.state.activeKey)),d.default.createElement(c.default,{setFocusOnContent:!0,isDraggable:!0,id:"controlledTabs",onChange:this.handleSelection,activeKey:this.state.activeKey},e,n,t,a,l,o))}}])}(d.default.Component);n.A=b},22001:function(e,n,t){"use strict";var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(57588)),i=a(t(98814)),s=a(t(59022)),d=a(t(5556)),c=a(t(71576)),u=a(t(19814)),p=a(t(3476)),m=a(t(75293)),b=o.default.bind(m.default),f={id:d.default.string},y=function(e){var n=l.default.createElement(u.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),isIconOnly:!0,key:"Search"},l.default.createElement(p.default,{label:"Search"})),t=l.default.createElement(u.default.Pane,{label:"Briefcase",icon:l.default.createElement(r.default,null),isIconOnly:!0,key:"Briefcase"},l.default.createElement(p.default,{label:"Briefcase"})),a=l.default.createElement(u.default.Pane,{label:"Bookmark",icon:l.default.createElement(s.default,null),isIconOnly:!0,key:"Bookmark"},l.default.createElement(p.default,{label:"Bookmark"})),o=l.default.createElement(u.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),isIconOnly:!0,key:"Calendar"},l.default.createElement(p.default,{label:"Calendar"}));return l.default.createElement("div",{className:b("content-wrapper")},l.default.createElement(u.default,{id:e.id,setFocusOnContent:!0},n,t,a,o))};y.propTypes=f;n.default=y},65054:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(19814)),i=a(t(98814)),s=a(t(57588)),d=a(t(59022)),c=a(t(71576)),u=a(t(83954)),p=a(t(38008)),m=a(t(3476)),b=a(t(75293)),f=o.default.bind(b.default);n.A=function(){var e=l.default.createElement(r.default.Pane,{label:"Search",icon:l.default.createElement(i.default,null),showIcon:!0,key:"MenuTabSearch"},l.default.createElement(m.default,{label:"Search",id:"MenuTabSearchContent"})),n=l.default.createElement(r.default.Pane,{label:"Briefcase",icon:l.default.createElement(s.default,null),showIcon:!0,key:"MenuTabBriefcase"},l.default.createElement(m.default,{label:"Briefcase",id:"MenuTabBriefcaseContent"})),t=l.default.createElement(r.default.Pane,{label:"Bookmark",icon:l.default.createElement(d.default,null),showIcon:!0,key:"MenuTabBookmark"},l.default.createElement(m.default,{label:"Bookmark",id:"MenuTabBookmarkContent"})),a=l.default.createElement(r.default.Pane,{label:"Calendar",icon:l.default.createElement(c.default,null),showIcon:!0,key:"MenuTabCalendar"},l.default.createElement(m.default,{label:"Calendar",id:"MenuTabCalendarContent"})),o=l.default.createElement(r.default.Pane,{label:"Envelope",icon:l.default.createElement(u.default,null),showIcon:!0,key:"MenuTabEnvelope"},l.default.createElement(m.default,{label:"Envelope",id:"MenuTabEnvelopeContent"})),b=l.default.createElement(r.default.Pane,{label:"Printer",icon:l.default.createElement(p.default,null),showIcon:!0,key:"MenuTabPrinter"},l.default.createElement(m.default,{label:"Printer",id:"MenuTabPrinterContent"}));return l.default.createElement("div",{className:f("content-wrapper")},l.default.createElement(r.default,{setFocusOnContent:!0,id:"icons-only-menu"},e,n,t,a,o,b))}},5451:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(94634)),o=a(t(69620)),r=a(t(96540)),i=a(t(5556)),s=a(t(19052)),d=a(t(3920)),c=a(t(22001)),u={renderIconTabs:i.default.bool},p=function(e){var n=(0,l.default)({},((0,o.default)(e),e));return n.renderIconTabs?r.default.createElement(c.default,(0,l.default)({},n,{id:"iconOnlyTabsId"})):r.default.createElement(d.default,(0,l.default)({},n,{id:"responsive"}))};p.propTypes=u;n.A=(0,s.default)(p)},19052:function(e,n,t){"use strict";var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=a(t(94634)),o=a(t(17383)),r=a(t(34579)),i=a(t(28452)),s=a(t(63072)),d=a(t(29511)),c=a(t(96540)),u=a(t(67967)),p=a(t(67332));function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(m=function(){return!!e})()}var b=u.default.bind(p.default);n.default=function(e){return function(n){function t(e){var n,a,l,r;return(0,o.default)(this,t),a=this,l=t,r=[e],l=(0,s.default)(l),(n=(0,i.default)(a,m()?Reflect.construct(l,r||[],(0,s.default)(a).constructor):l.apply(a,r))).handleOnSelect=n.handleOnSelect.bind(n),n.state={containerClassName:"parent-container-650",renderIconTabs:!1},n}return(0,d.default)(t,n),(0,r.default)(t,[{key:"handleOnSelect",value:function(e){this.setState({renderIconTabs:"default"!==e.target.value.split("-")[0],containerClassName:e.target.value})}},{key:"render",value:function(){return c.default.createElement("div",{className:b(this.state.containerClassName)},c.default.createElement(e,(0,l.default)({renderIconTabs:this.state.renderIconTabs},this.props)),c.default.createElement("div",{className:b("options-container")},c.default.createElement("p",null,c.default.createElement("label",{htmlFor:"responsiveTabsVariant"},"Select a responsiveTo variant:")),c.default.createElement("select",{className:b("options"),id:"responsiveTabsVariant",name:"responsiveTabsVariant",value:this.state.containerClassName,onChange:this.handleOnSelect},c.default.createElement("option",{value:"default-window"},"Default Tabs - Window"),c.default.createElement("option",{value:"default-parent-container-220"},"Default Tabs - Parent (Container Width: 220px)"),c.default.createElement("option",{value:"default-parent-container-650"},"Default Tabs - Parent (Container Width: 650px)"),c.default.createElement("option",{value:"icon-window"},"Icon Only Tabs - Window"),c.default.createElement("option",{value:"icon-none-container-220"},"Icon Only Tabs - None (Container Width: 220px)"),c.default.createElement("option",{value:"icon-none-container-650"},"Icon Only Tabs - None (Container Width: 650px)"),c.default.createElement("option",{value:"icon-parent-container-220"},"Icon Only Tabs - Parent (Container Width: 220px)"))))}}])}(c.default.Component)}},3476:function(e,n,t){"use strict";var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(5556)),i=a(t(75293)),s=o.default.bind(i.default),d={isLabelHidden:r.default.bool,label:r.default.string,children:r.default.node,id:r.default.string},c=function(e){var n=e.isLabelHidden,t=e.label,a=e.id,o=e.children;return l.default.createElement("div",{className:s("tab-content-template"),id:a},n?l.default.createElement("h3",null,t):null,o||l.default.createElement("div",null,"Content for"," ",l.default.createElement("i",null,t)))};c.propTypes=d;n.default=c},3920:function(e,n,t){"use strict";var a=t(24994);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(5556)),i=a(t(57588)),s=a(t(19814)),d=a(t(3476)),c=a(t(75293)),u=o.default.bind(c.default),p={id:r.default.string},m=function(e){var n=e.id?e.id:"compact",t=l.default.createElement(s.default.Pane,{label:"Tab with label",key:"".concat(n,"LabelTab"),id:"".concat(n,"LabelTab")},l.default.createElement(d.default,{label:"Tab with label",id:"".concat(n,"LabelTabContent")})),a=l.default.createElement(s.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"".concat(n,"IconTab"),id:"".concat(n,"IconTab")},l.default.createElement(d.default,{id:"".concat(n,"IconTabContent"),label:"Tab with icon"}));return l.default.createElement("div",{className:u("content-wrapper"),id:"".concat(n,"content")},l.default.createElement(s.default,{setFocusOnContent:!0,defaultActiveKey:"".concat(n,"LabelTab"),id:n},t,a))};m.propTypes=p;n.default=m},35037:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(5556)),i=a(t(57588)),s=a(t(98814)),d=a(t(19814)),c=a(t(3476)),u=a(t(75293)),p=o.default.bind(u.default),m={tabFill:r.default.bool},b=function(e){var n=l.default.createElement(d.default.Pane,{label:"Tab with label",key:"ExpandedLabelTab"},l.default.createElement(c.default,{label:"Tab with label",id:"ExpandedLabelTab"})),t=l.default.createElement(d.default.Pane,{label:"Tab with icon",icon:l.default.createElement(i.default,null),key:"ExpandedIconTab"},l.default.createElement(c.default,{label:"Tab with icon",id:"ExpandedIconTabContent"})),a=l.default.createElement(d.default.Pane,{customDisplay:l.default.createElement("div",{className:p("custom-display")},"Custom display"),label:"Custom display",key:"ExpandedCustomTab"},l.default.createElement(c.default,{id:"ExpandedCustomTabContent",label:"Custom display"})),o=l.default.createElement(d.default.Pane,{label:"Longer text tab name with label for application",key:"ExpandedlongLabel"},l.default.createElement(c.default,{id:"ExpandedlongLabelContent",label:"Longer text tab name with label for application"})),r=l.default.createElement(d.default.Pane,{label:"Last Tab",key:"ExpandedlastTab"},l.default.createElement(c.default,{id:"ExpandedlastTabContent",label:"Last Tab"})),u=l.default.createElement(d.default.Pane,{label:"Disabled Tab",icon:l.default.createElement(s.default,null),isDisabled:!0,key:"ExpandedDisabledTab"});return l.default.createElement("div",{className:p("content-wrapper")},l.default.createElement(d.default,{setFocusOnContent:!0,defaultActiveKey:"ExpandedLabelTab",tabFill:e.tabFill,id:"icon-in-menu"},n,t,a,u,o,r))};b.propTypes=m;n.A=function(){return l.default.createElement(b,{tabFill:!0,id:"expanded"})}},68277:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(19814)),i=a(t(3476)),s=a(t(75293)),d=o.default.bind(s.default),c=function(){var e=l.default.createElement(r.default.Pane,{label:"Large content",key:"LargeContent"},l.default.createElement(i.default,{label:"Large Content"},l.default.createElement("p",null,"Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users. People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages. People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions. Content is more usable for people who are new to the particular website or application."),l.default.createElement("p",null,"Content is more usable for people who are not confident using computers and the web. Content is less confusing and daunting to everyone, regardless of skills. Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change. Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary. People with learning disabilities who cannot understand complex sentence structures and vocabulary."),l.default.createElement("p",null,"People with cognitive disabilities who have difficulty focusing on long passages of dense text. Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy. Content is easier to understand by users who are not familiar with the topic. Content is easier to skim, and get an overview of the information."),l.default.createElement("p",null,"Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues. Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size. People with low vision who are not using screen magnification software. People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it. Content is more adaptable to smaller and larger screen sizes. Content is more adaptable to personal preferences and comfort."),l.default.createElement("p",null,"Content is more adaptable when translated, since words and sentences are different lengths in different languages. Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality. The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens. People with physical disabilities who have reduced dexterity. Content is more usable on touch screens, especially on smaller mobile devices."),l.default.createElement("p",null,"Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using. Content is more usable in situations where the device cannot be held steady. Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable."))),n=l.default.createElement(r.default.Pane,{label:"Short Content",key:"ShortContent"},l.default.createElement(i.default,{label:"Short Content"}));return l.default.createElement("div",{className:d("content-container")},l.default.createElement(r.default,{setFocusOnContent:!0,fill:!0,id:"filledcontent"},e,n))};n.A=function(){return l.default.createElement(c,{fill:!0})}},76768:function(e,n,t){"use strict";var a=t(24994);n.A=void 0;var l=a(t(96540)),o=a(t(67967)),r=a(t(55767)),i=a(t(23691)),s=a(t(19814)),d=a(t(3476)),c=a(t(75293)),u=o.default.bind(c.default);n.A=function(){var e=l.default.createElement(s.default.Pane,{label:"Medical Department",key:"tLabelTab"},l.default.createElement(d.default,{label:"Medical Department"})),n=l.default.createElement(s.default.Pane,{label:"Pharmacy Deparment",isIconOnly:!0,icon:l.default.createElement(r.default,null),key:"tonlyIconTab"},l.default.createElement(d.default,{label:"Pharmacy Deparment"})),t=l.default.createElement(s.default.Pane,{label:"Patient Department",icon:l.default.createElement(i.default,null),key:"tIconTab"},l.default.createElement(d.default,{label:"Patient Department"})),a=l.default.createElement(s.default.Pane,{customDisplay:l.default.createElement("div",{className:u("custom-display")},"Surgical Department"),label:"Surgical Department",key:"tCustomTab"},l.default.createElement(d.default,{label:"Surgical Department"})),o=l.default.createElement(s.default.Pane,{label:"Department of Hospital Administration",key:"tlongLabel"},l.default.createElement(d.default,{label:"Department of Hospital Administration"})),c=l.default.createElement(s.default.Pane,{label:"Academic Department",key:"tlastTab"},l.default.createElement(d.default,{label:"Academic Department"}));return l.default.createElement("div",{className:u("content-container-vertical")},l.default.createElement(s.default,{isDraggable:!0,fill:!0,verticalOrientation:!0,setFocusOnContent:!0,id:"verticaltab"},n,e,t,a,o,c))}},71565:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return rn}});var a=t(96540),l=t(36665),o=t(39053),r=t(12883),i=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var c={},u="wrapper";function p(e){var n=e.components,t=d(e,i);return(0,l.mdx)(u,s({},c,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)(r.Ay,{mdxType:"PropsTable"},(0,l.mdx)(r.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"tabFill"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates if tabs should fill the width available in the tab bar."))),(0,l.mdx)(r.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"fill"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates if the pane content should fill to the height of the parent container."))),(0,l.mdx)(r.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"onChange"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function when selection has changed.\nParameters: 1. Event 2. Selected pane's key"))),(0,l.mdx)(r.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(r.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Tabs.Pane components to be displayed."))),(0,l.mdx)(r.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"activeKey"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Key of the pane that should be active. Use this prop along with onChange to create controlled tabs."))),(0,l.mdx)(r.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"defaultActiveKey"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Key of the pane that should be open initially."))),(0,l.mdx)(r.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"isClosable"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the tab is closable."))),(0,l.mdx)(r.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"isDraggable"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Whether or not the tab is draggable."))),(0,l.mdx)(r.fI,{key:"ROW9",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"onTabOrderChange"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when tab is drag and dropped."))),(0,l.mdx)(r.fI,{key:"ROW10",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"onTabClose"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered on close button click. will be available only when ",(0,l.mdx)("inlineCode",{parentName:"p"},"isClosable")," is set to true."))),(0,l.mdx)(r.fI,{key:"ROW11",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"onSelectAddButton"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Callback function triggered when add button is clicked.\nParameters: 1. Event 2. Selected pane's key"))),(0,l.mdx)(r.fI,{key:"ROW12",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"ariaLabelAddTab"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The label to set on the add icon element."))),(0,l.mdx)(r.fI,{key:"ROW13",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"verticalOrientation"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"By Default Orientation will be Horizontal and Orientation will be Vertical When verticalOrientation set to ",(0,l.mdx)("inlineCode",{parentName:"p"},"true"),"."))),(0,l.mdx)(r.fI,{key:"ROW14",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"setFocusOnContent"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets focus on content when set to ",(0,l.mdx)("inlineCode",{parentName:"p"},"true"),".")))))}p.isMDXComponent=!0;var m=["components"];function b(){return b=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var y={},h="wrapper";function x(e){var n=e.components,t=f(e,m);return(0,l.mdx)(h,b({},y,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)(r.Ay,{mdxType:"PropsTable"},(0,l.mdx)(r.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"icon"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Icon to be displayed on the tab."))),(0,l.mdx)(r.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"label"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(r.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Text to be displayed on the tab."))),(0,l.mdx)(r.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"customDisplay"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A custom display for the tab. Component will fallback to label text when collapsed into the menu."))),(0,l.mdx)(r.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"children"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Content to be displayed when the tab is selected."))),(0,l.mdx)(r.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"isDisabled"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates if the pane should be disabled."))),(0,l.mdx)(r.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"isIconOnly"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Indicates if the pane label should only display the icon. When tab collapses into menu the label text will be used."))),(0,l.mdx)(r.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"isActive"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"If enabled, this prop will apply the ",(0,l.mdx)("inlineCode",{parentName:"p"},"aria-selected")," style to the pane."))),(0,l.mdx)(r.fI,{key:"ROW8",mdxType:"Row"},(0,l.mdx)(r.dt,{mdxType:"PropNameCell"},"showIcon"),(0,l.mdx)(r.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"If enabled, this prop will show the icon on the tab and also in the menu if pane is collapsed.")))))}x.isMDXComponent=!0;var T=t(3920),v=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var w={};function O(e){var n=e.components,t=C(e,v);return(0,l.mdx)("wrapper",g({},w,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport classNames from 'classnames/bind';\nimport PropTypes from 'prop-types';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n id: PropTypes.string,\n};\n\nconst TabsTemplate = (props) => {\n const tabKey = props.id ? props.id : 'compact';\n const labelTab = (\n \n \n \n );\n\n const iconTab = (\n } key={`${tabKey}IconTab`} id={`${tabKey}IconTab`}>\n \n \n );\n return (\n
    \n \n {labelTab}\n {iconTab}\n \n
    \n );\n};\n\nTabsTemplate.propTypes = propTypes;\nexport default TabsTemplate;\n\n")))}O.isMDXComponent=!0;var P=t(201),E=["components"];function I(){return I=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var A={};function N(e){var n=e.components,t=k(e,E);return(0,l.mdx)("wrapper",I({},A,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n padding: 10px;\n }\n\n .tab-content-template {\n height: 100%;\n padding: 10px;\n }\n\n .custom-display {\n color: #f00;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .content-container {\n height: 400px;\n padding: 25px;\n }\n\n .content-container-vertical {\n height: 240px;\n }\n}\n\n")))}N.isMDXComponent=!0;var D=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Tabs Template",description:t,example:a.createElement(T.default,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(O,null),isExpanded:l})},j=t(35037),_=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var M={};function L(e){var n=e.components,t=R(e,_);return(0,l.mdx)("wrapper",S({},M,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport PropTypes from \'prop-types\';\nimport IconBriefcase from \'terra-icon/lib/icon/IconBriefcase\';\nimport IconSearch from \'terra-icon/lib/icon/IconSearch\';\nimport Tabs from \'terra-tabs\';\nimport TabContentTemplate from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst propTypes = {\n tabFill: PropTypes.bool,\n};\n\nconst TabsTemplate = (props) => {\n const labelTab = (\n \n \n \n );\n\n const iconTab = (\n } key="ExpandedIconTab">\n \n \n );\n\n const customTab = (\n \n Custom display\n \n )}\n label="Custom display"\n key="ExpandedCustomTab"\n >\n \n \n );\n\n const longLabel = (\n \n \n \n );\n\n const lastTab = (\n \n \n \n );\n\n const disabledTab = (\n } isDisabled key="ExpandedDisabledTab" />\n );\n\n return (\n
    \n \n {labelTab}\n {iconTab}\n {customTab}\n {disabledTab}\n {longLabel}\n {lastTab}\n \n
    \n );\n};\n\nTabsTemplate.propTypes = propTypes;\n\nconst TabExpanded = () => (\n \n);\nexport default TabExpanded;\n\n')))}L.isMDXComponent=!0;var W=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Tabs Template Expanded",description:t,example:a.createElement(j.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(L,null),isExpanded:l})},V=t(68277),F=["components"];function K(){return K=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var q={};function H(e){var n=e.components,t=B(e,F);return(0,l.mdx)("wrapper",K({},q,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst TabsWithFilledContent = () => {\n const tab1 = (\n \n \n

    \n Users need to know what is going on, and get appropriate feedback during interaction. For example, users need confirmation messages when actions are completed, such as when forms are submitted. Also, error messages must provide clear directions rather than confuse users.\n People with some cognitive and learning disabilities, who may be easily confused by unexpected behavior and unclear error messages.\n People with partial sight and blindness, who rely on notifications, instructions, and errors messages to understand the context and interactions.\n Content is more usable for people who are new to the particular website or application.\n

    \n

    \n Content is more usable for people who are not confident using computers and the web.\n Content is less confusing and daunting to everyone, regardless of skills.\n Use clear and simple language to make error messages more understandable. For example, describe how to fix an error. When forms are submitted, provide a confirmation message. When a change is made on the screen, such as new content added, alert users to the change.\n Content must be easy to follow and understand for many users. For most content, this means simply avoiding overly complex sentences and jargon, and providing clear layout and design. For some complex content such as medical information, separate, easy-to-read information may be necessary.\n People with learning disabilities who cannot understand complex sentence structures and vocabulary.\n

    \n

    \n People with cognitive disabilities who have difficulty focusing on long passages of dense text.\n Content is more usable for people with lower language skills, such as people who are not fluent in the language of the website and people with low literacy.\n Content is easier to understand by users who are not familiar with the topic.\n Content is easier to skim, and get an overview of the information.\n

    \n

    \n Avoid overly complex words, jargon, and acronyms, or provide explanations when they need to be used. Provide structure using headings, lists, and spacing. Provide illustrations that clarify the content, when helpful. Provide clear layout and design with consistent orientation and navigation cues.\n Some users need to be able to change the way text is displayed so that they can read the text. This includes changing the size, spacing, font, color, and other text properties. When users change these properties, no information or functionality should be lost, and the text should re-flow so users don’t have to scroll horizontally to read sentences. Text customization is more than the zoom functionality, which only changes the text size.\n People with low vision who are not using screen magnification software.\n People with some forms of dyslexia and other cognitive and learning disabilities who need a particular presentation of text to read it.\n Content is more adaptable to smaller and larger screen sizes.\n Content is more adaptable to personal preferences and comfort.\n

    \n

    \n Content is more adaptable when translated, since words and sentences are different lengths in different languages.\n Content must be properly designed and coded so that it can adapt to different customization settings. This includes using relative rather than absolute units for the size of fonts, controls, and other objects. Applications should use the operating system and web browser text settings. Websites and applications could also provide information to help users change their settings. Web browsers and other web tools need to provide users with text customization functionality.\n The area for clicking and tapping controls must be large enough for people to activate them. This includes links, buttons, checkboxes, and other controls. Small controls, and controls that are placed too close to each other, are difficult for many people to use. This is particularly relevant on mobile devices with small screens.\n People with physical disabilities who have reduced dexterity.\n Content is more usable on touch screens, especially on smaller mobile devices.\n

    \n

    \n Content is more usable for people who are not experienced with the mouse or touch-pad on the computer they are using.\n Content is more usable in situations where the device cannot be held steady.\n Design large controls or activation areas around the controls. (Increasing the font size of the control sometimes isn’t enough.) Provide adequate separation between selectable controls. Provide labels for controls, which enlarges the activation area in many browsers because the label for checkboxes and option buttons is also clickable.\n

    \n     \n     \n );\n\n const tab2 = (\n \n \n \n );\n\n return (\n
    \n \n {tab1}\n {tab2}\n \n
    \n );\n};\nconst TabFill = () => (\n \n);\n\nexport default TabFill;\n\n')))}H.isMDXComponent=!0;var z=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Tabs With Filled Content",description:t,example:a.createElement(V.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(H,null),isExpanded:l})},Z=t(22001),$=["components"];function X(){return X=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var U={};function G(e){var n=e.components,t=Y(e,$);return(0,l.mdx)("wrapper",X({},U,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport IconBriefcase from \'terra-icon/lib/icon/IconBriefcase\';\nimport IconSearch from \'terra-icon/lib/icon/IconSearch\';\nimport IconBookmark from \'terra-icon/lib/icon/IconBookmark\';\nimport PropTypes from \'prop-types\';\nimport IconCalendar from \'terra-icon/lib/icon/IconCalendar\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\nconst propTypes = {\n id: PropTypes.string,\n};\nconst IconOnlyTabs = (props) => {\n const searchTab = (\n } isIconOnly key="Search">\n \n \n );\n\n const briefcaseTab = (\n } isIconOnly key="Briefcase">\n \n \n );\n\n const bookmarkTab = (\n } isIconOnly key="Bookmark">\n \n \n );\n\n const calendarTab = (\n } isIconOnly key="Calendar">\n \n \n );\n\n return (\n
    \n \n {searchTab}\n {briefcaseTab}\n {bookmarkTab}\n {calendarTab}\n \n
    \n );\n};\nIconOnlyTabs.propTypes = propTypes;\nexport default IconOnlyTabs;\n\n')))}G.isMDXComponent=!0;var J=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Icon Only Tabs",description:t,example:a.createElement(Z.default,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(G,null),isExpanded:l})},Q=t(5451),ee=["components"];function ne(){return ne=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var ae={};function le(e){var n=e.components,t=te(e,ee);return(0,l.mdx)("wrapper",ne({},ae,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport PropTypes from 'prop-types';\nimport ResponsiveTabsVariantWrapper from './ResponsiveTabsVariantWrapper';\nimport TabsTemplate from './TabsTemplate';\nimport IconOnlyTabs from './IconOnlyTabs';\n\nconst propTypes = { renderIconTabs: PropTypes.bool };\n\nconst TabsColorVariants = ({\n ...props\n}) => {\n if (props.renderIconTabs) {\n return ();\n }\n\n return ();\n};\n\nTabsColorVariants.propTypes = propTypes;\nexport default ResponsiveTabsVariantWrapper(TabsColorVariants);\n\n")))}le.isMDXComponent=!0;var oe=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Responsive Tabs Variant",description:t,example:a.createElement(Q.A,null),exampleSrc:a.createElement(le,null),isExpanded:l})},re=t(65054),ie=["components"];function se(){return se=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var ce={};function ue(e){var n=e.components,t=de(e,ie);return(0,l.mdx)("wrapper",se({},ce,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Tabs from \'terra-tabs\';\nimport IconSearch from \'terra-icon/lib/icon/IconSearch\';\nimport IconBriefcase from \'terra-icon/lib/icon/IconBriefcase\';\nimport IconBookmark from \'terra-icon/lib/icon/IconBookmark\';\nimport IconCalendar from \'terra-icon/lib/icon/IconCalendar\';\nimport IconEnvelope from \'terra-icon/lib/icon/IconEnvelope\';\nimport IconPrinter from \'terra-icon/lib/icon/IconPrinter\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst IconsOnlyAndInMenuTabs = () => {\n const searchTab = (\n } showIcon key="MenuTabSearch">\n \n \n );\n\n const briefcaseTab = (\n // eslint-disable-next-line react/forbid-component-props\n } showIcon key="MenuTabBriefcase">\n \n \n );\n\n const bookmarkTab = (\n } showIcon key="MenuTabBookmark">\n \n \n );\n\n const calendarTab = (\n } showIcon key="MenuTabCalendar">\n \n \n );\n\n const envelopeTab = (\n } showIcon key="MenuTabEnvelope">\n \n \n );\n\n const printerTab = (\n } showIcon key="MenuTabPrinter">\n \n \n );\n\n return (\n
    \n \n {searchTab}\n {briefcaseTab}\n {bookmarkTab}\n {calendarTab}\n {envelopeTab}\n {printerTab}\n \n
    \n );\n};\n\nexport default IconsOnlyAndInMenuTabs;\n\n')))}ue.isMDXComponent=!0;var pe=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Icons In Menu Tabs",description:t,example:a.createElement(re.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(ue,null),isExpanded:l})},me=t(22535),be=["components"];function fe(){return fe=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var he={};function xe(e){var n=e.components,t=ye(e,be);return(0,l.mdx)("wrapper",fe({},he,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Tabs from \'terra-tabs\';\nimport IconInformation from \'terra-icon/lib/icon/IconInformation\';\n\nclass DraggableTabs extends React.Component {\n constructor(props) {\n super(props);\n this.state = { activeKey: \'Hematology\' };\n this.handleSelection = this.handleSelection.bind(this);\n this.handleTabActivation = this.handleTabActivation.bind(this);\n }\n\n handleSelection(event, selectedKey) {\n if (selectedKey !== this.state.activeKey) {\n this.setState({ activeKey: selectedKey });\n }\n }\n\n handleTabActivation() {\n this.setState({ activeKey: \'Radiology\' });\n }\n\n render() {\n const tab1 = (\n \n

    \n Radiology represents a branch of medicine that deals with radiant energy in the diagnosis and treatment of diseases.\n This field can be divided into two broad areas - diagnostic radiology and interventional radiology.\n A physician who specializes in radiology is called radiologist.\n

    \n     \n );\n\n const tab2 = (\n \n

    \n Hematology is the study of blood and blood disorders.\n Hematologists and hematopathologists are highly trained healthcare providers who specialize in diseases of the blood and blood components.\n These include blood and bone marrow cells.\n

    \n     \n );\n\n const tab3 = (\n \n

    \n The term cardiology is derived from the Greek words “cardia,” which refers to the heart and “logy” meaning “study of.”\n Cardiology is a branch of medicine that concerns diseases and disorders of the heart.\n It may range from congenital defects through to acquired heart diseases such as coronary artery disease and congestive heart failure.\n Physicians who specialize in cardiology are called cardiologists and they are responsible for the medical management of various heart diseases.\n Cardiac surgeons are the specialist physicians who perform surgical procedures to correct heart disorders.\n

    \n     \n );\n const tab4 = (\n } isIconOnly label="Orthopaedics" key="Orthopaedics" id="tab4">\n

    \n Orthopaedic surgery refers to surgical intervention in the case of diseases or injuries concerning the musculoskeletal system.\n After proper diagnoses and consultation, orthopaedic surgeons treat several conditions that affect the bones, joints, ligaments, nerves and muscles.\n

    \n     \n );\n\n const tab5 = (\n } showIcon label="Paediatrics" key="Paediatrics" id="tab5">\n

    \n Pediatrics is the branch of medicine dealing with the health and medical care of infants, children, and adolescents from birth up to the age of 18.\n The word “paediatrics” means “healer of children”; they are derived from two Greek words: (pais = child) and (iatros = doctor or healer).\n Paediatrics is a relatively new medical specialty, developing only in the mid-19th century. Abraham Jacobi (1830–1919) is known as the father of paediatrics.\n

    \n     \n );\n\n const tab6 = (\n \n

    \n Oncology is the study of cancer.\n An oncologist is a doctor who treats cancer and provides medical care for a person diagnosed with cancer.\n An oncologist may also be called a cancer specialist.\n The field of oncology has 3 major areas based on treatments: medical oncology, radiation oncology, and surgical oncology.\n

    \n     \n );\n\n return (\n
    \n \n
    \n

    \n Last Triggered Tab:\n {this.state.activeKey}\n

    \n
    \n \n {tab1}\n {tab2}\n {tab3}\n {tab4}\n {tab5}\n {tab6}\n \n
    \n );\n }\n}\nexport default DraggableTabs;\n\n')))}xe.isMDXComponent=!0;var Te=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Draggable Tabs",description:t,example:a.createElement(me.A,null),exampleSrc:a.createElement(xe,null),isExpanded:l})},ve=t(68224),ge=["components"];function Ce(){return Ce=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var Oe={};function Pe(e){var n=e.components,t=we(e,ge);return(0,l.mdx)("wrapper",Ce({},Oe,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: 'Self Registration',\n key: 'AddLabelTab',\n content: 'Self Registration',\n },\n );\n\n tabsExample.push(\n {\n label: 'Find A Doctor',\n icon: ,\n isIconOnly: true,\n key: 'AddIconTab',\n content: 'Find A Doctor',\n },\n );\n\n tabsExample.push(\n {\n label: 'View Specialities',\n customDisplay:
    View Specialities
    ,\n key: 'AddCustomTab',\n content: 'View Specialities',\n },\n );\n\n tabsExample.push(\n {\n label: 'Pharmacy',\n key: 'AddDisabledTab',\n icon: ,\n },\n );\n\n tabsExample.push(\n {\n label: 'Billing, Insurance & Payment',\n key: 'AddlongLabel',\n content: 'Billing, Insurance & Payment',\n },\n );\n\n tabsExample.push(\n {\n label: 'Lab Medicine',\n key: 'AddlastTab',\n content: 'Lab Medicine',\n },\n );\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default AddTab;\n\n")))}Pe.isMDXComponent=!0;var Ee=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Add Tab",description:t,example:a.createElement(ve.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(Pe,null),isExpanded:l})},Ie=t(91872),ke=["components"];function Ae(){return Ae=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var De={};function je(e){var n=e.components,t=Ne(e,ke);return(0,l.mdx)("wrapper",Ae({},De,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconBriefcase from 'terra-icon/lib/icon/IconBriefcase';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ClosableTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n\n tabsExample.push(\n {\n label: 'Doctors',\n key: 'CloseLabelTab',\n content: 'Doctor details',\n },\n );\n\n tabsExample.push(\n {\n label: 'Pharmacy',\n icon: ,\n isIconOnly: true,\n key: 'CloseIconTab',\n content: 'Pharmacy details',\n },\n );\n\n tabsExample.push(\n {\n label: 'Customized Tab',\n customDisplay:
    Customized Tab
    ,\n key: 'CloseCustomTab',\n content: 'Custom display',\n },\n );\n\n tabsExample.push(\n {\n label: 'Disabled Tab',\n key: 'CloseDisabledTab',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: 'List of In-Patient Details Department Wise',\n key: 'CloselongLabel',\n content: 'List for In-Patient Details Department Wise',\n },\n );\n\n tabsExample.push(\n {\n label: 'Appointments',\n key: 'CloselastTab',\n content: 'Appointments',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default ClosableTab;\n\n")))}je.isMDXComponent=!0;var _e=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Closable Tab",description:t,example:a.createElement(Ie.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(je,null),isExpanded:l})},Se=t(74396),Re=["components"];function Me(){return Me=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var We={};function Ve(e){var n=e.components,t=Le(e,Re);return(0,l.mdx)("wrapper",Me({},We,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport classNames from 'classnames/bind';\nimport IconAddPerson from 'terra-icon/lib/icon/IconAddPerson';\nimport IconSearch from 'terra-icon/lib/icon/IconSearch';\nimport Tabs from 'terra-tabs';\nimport TabContentTemplate from './TabContentTemplate';\nimport styles from './common/TabExample.module.scss';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddCloseTab = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: 'Patient Information',\n key: 'AddcloseLabelTab',\n content: 'Patient Information',\n },\n );\n\n tabsExample.push(\n {\n label: 'Add Patient',\n icon: ,\n isIconOnly: true,\n key: 'AddcloseIconTab',\n content: 'Add Patient',\n },\n );\n\n tabsExample.push(\n {\n label: 'TPA & Insurance',\n customDisplay:
    TPA & Insurance
    ,\n key: 'AddcloseCustomTab',\n content: 'TPA & Insurance',\n },\n );\n\n tabsExample.push(\n {\n label: 'Disabled Tab',\n key: 'AddcloseDisabledTab',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: 'List of Out-Patient Details Department Wise',\n key: 'AddcloselongLabel',\n content: 'List of Out-Patient Details Department Wise',\n },\n );\n\n tabsExample.push(\n {\n label: 'Ambulance Service',\n key: 'AddcloselastTab',\n content: 'Ambulance Service',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddcloseTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddcloseTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n \n ))}\n \n
    \n );\n};\n\nexport default AddCloseTab;\n\n")))}Ve.isMDXComponent=!0;var Fe=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Add Close Tab",description:t,example:a.createElement(Se.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(Ve,null),isExpanded:l})},Ke=t(43738),Be=["components"];function qe(){return qe=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var ze={};function Ze(e){var n=e.components,t=He(e,Be);return(0,l.mdx)("wrapper",qe({},ze,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React, { useState } from \'react\';\nimport classNames from \'classnames/bind\';\nimport IconAddPerson from \'terra-icon/lib/icon/IconAddPerson\';\nimport IconSearch from \'terra-icon/lib/icon/IconSearch\';\nimport Tabs from \'terra-tabs\';\nimport Radio from \'terra-form-radio\';\nimport Field from \'terra-form-field\';\nimport Input from \'terra-form-input\';\nimport Fieldset from \'terra-form-fieldset\';\nimport TabContentTemplate from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nlet i = -1;\n\nconst AddCloseTabInteractive = () => {\n const tabsExample = [];\n const [tabs, setTabs] = useState(tabsExample);\n const [activeKey, setActiveKey] = useState();\n\n tabsExample.push(\n {\n label: \'Patient Information\',\n key: \'AddcloseInteractiveLabelTab\',\n content: \'Patient Information\',\n children:\n <>\n \n \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'Add Patient\',\n icon: ,\n isIconOnly: true,\n key: \'AddcloseInteractiveIconTab\',\n children:\n <>\n
    \n \n \n \n \n \n \n \n \n \n \n \n
    \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'TPA & Insurance\',\n customDisplay:
    TPA & Insurance
    ,\n key: \'AddcloseInteractiveCustomTab\',\n content: \'TPA & Insurance\',\n children:\n <>\n \n \n ,\n },\n );\n\n tabsExample.push(\n {\n label: \'Disabled Tab\',\n key: \'AddcloseInteractiveDisabledTab\',\n icon: ,\n isDisabled: true,\n },\n );\n\n tabsExample.push(\n {\n label: \'List of Out-Patient Details Department Wise\',\n key: \'AddcloseInteractivelongLabel\',\n content: \'List of Out-Patient Details Department Wise\',\n },\n );\n\n tabsExample.push(\n {\n label: \'Ambulance Service\',\n key: \'AddcloseInteractivelastTab\',\n content: \'Ambulance Service\',\n },\n );\n\n const handleTabClose = (tabdata, itemKey) => {\n const tabsArray = [...tabs];\n const indexToRemove = tabsArray.findIndex(tab => tab.key === itemKey);\n if (indexToRemove !== -1) {\n tabsArray.splice(indexToRemove, 1);\n setTabs(tabsArray);\n }\n };\n\n const addMoreTabPanes = () => {\n i += 1;\n const tabsArray = tabs;\n tabsArray.push(\n {\n label: `Added New Tab_${i}`,\n isIconOnly: false,\n key: `AddcloseInteractiveTab_${i}`,\n content: `Added New Tab_${i}`,\n isActive: true,\n },\n );\n setActiveKey(`AddcloseInteractiveTab_${i}`);\n setTabs(tabsArray);\n };\n\n const handleSelection = (event, selectedKey) => {\n if (selectedKey !== activeKey) {\n setActiveKey(selectedKey);\n }\n };\n\n return (\n
    \n \n { tabs.map((tab) => (\n \n \n {tab.children}\n \n \n ))}\n \n
    \n );\n};\n\nexport default AddCloseTabInteractive;\n\n')))}Ze.isMDXComponent=!0;var $e=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Add Close Tab Interactive",description:t,example:a.createElement(Ke.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(Ze,null),isExpanded:l})},Xe=t(76768),Ye=["components"];function Ue(){return Ue=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var Je={};function Qe(e){var n=e.components,t=Ge(e,Ye);return(0,l.mdx)("wrapper",Ue({},Je,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport IconAdd from \'terra-icon/lib/icon/IconAdd\';\nimport IconPerson from \'terra-icon/lib/icon/IconPerson\';\nimport Tabs from \'terra-tabs\';\nimport TabContent from \'./TabContentTemplate\';\nimport styles from \'./common/TabExample.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst VerticalTabs = () => {\n const labelTab = (\n \n \n \n );\n\n const onlyiconTab = (\n } key="tonlyIconTab">\n \n \n );\n\n const iconTab = (\n } key="tIconTab">\n \n \n );\n\n const customTab = (\n \n Surgical Department\n \n )}\n label="Surgical Department"\n key="tCustomTab"\n >\n \n \n );\n\n const longLabel = (\n \n \n \n );\n\n const lastTab = (\n \n \n \n );\n\n return (\n
    \n \n {onlyiconTab}\n {labelTab}\n {iconTab}\n {customTab}\n {longLabel}\n {lastTab}\n \n
    \n );\n};\n\nexport default VerticalTabs;\n\n')))}Qe.isMDXComponent=!0;var en=function(e){var n=e.title,t=e.description,l=e.isExpanded;return a.createElement(P.A,{title:n||"Vertical Tabs",description:t,example:a.createElement(Xe.A,null),exampleCssSrc:a.createElement(N,null),exampleSrc:a.createElement(Qe,null),isExpanded:l})},nn=["components"];function tn(){return tn=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var ln={},on="wrapper";function rn(e){var n=e.components,t=an(e,nn);return(0,l.mdx)(on,tn({},ln,t,{components:n,mdxType:"MDXLayout"}),(0,l.mdx)(o.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-tabs"},"Terra Tabs"),(0,l.mdx)("p",null,"Tabs are containers used to organize content. They allow for quick switching between groups of contextually related content. Content is divided into different containers and each container is viewable one at a time. The user can switch between containers by selecting the corresponding tab control."),(0,l.mdx)("p",null,"Tabs are meant to organize content as to provide quick access to a group of contextually related content that does not need to be compared or accessed simultaneously. Tabs are not intended for navigation."),(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-tabs"))))),(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:"usage"},"Usage"),(0,l.mdx)("h3",{id:"note"},"Note"),(0,l.mdx)("p",null,"The tabs component will apply the prop ",(0,l.mdx)("inlineCode",{parentName:"p"},"isLabelHidden")," to all components passed as content for Tabs.Pane. This will indicate if any of the tabs are icon only or have been truncated. When this prop is true a header should be rendered in the content area to for accessibility purposes."),(0,l.mdx)("h3",{id:"controlled-vs-uncontrolled-tabs"},"Controlled vs. Uncontrolled Tabs"),(0,l.mdx)("p",null,"Terra-tabs allows you to use either a controlled or uncontrolled mode in order to have the amount control over the state that you need."),(0,l.mdx)("h3",{id:"uncontrolled-tabs"},"Uncontrolled Tabs"),(0,l.mdx)("p",null,"Uncontrolled tabs is the default mode of terra-tabs. In this mode the tabs will handle all state internally and the initial active tab can optionally be set using ",(0,l.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," on the ",(0,l.mdx)("inlineCode",{parentName:"p"},"")," component."),(0,l.mdx)("h3",{id:"controlled-tabs"},"Controlled Tabs"),(0,l.mdx)("p",null,"In controlled mode terra-tabs does not handle any of the selection state internally, it is left up to the consumer. This mode is enabled by setting the ",(0,l.mdx)("inlineCode",{parentName:"p"},"activeKey")," prop on the ",(0,l.mdx)("inlineCode",{parentName:"p"},"")," component. A handler is needed for ",(0,l.mdx)("inlineCode",{parentName:"p"},"onChange")," to be notified of user selection and update the state. If both ",(0,l.mdx)("inlineCode",{parentName:"p"},"activeKey")," and ",(0,l.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," are set, then ",(0,l.mdx)("inlineCode",{parentName:"p"},"defaultActiveKey")," will have no effect."),(0,l.mdx)("h3",{id:"keyboard-navigation-guide"},"Keyboard Navigation Guide"),(0,l.mdx)("h4",{id:"performing-drag-and-drop"},"Performing Drag and Drop"),(0,l.mdx)("p",null,"When a draggable tab has focus press the ",(0,l.mdx)("inlineCode",{parentName:"p"},"Spacebar")," key to start the drag. Once a drag is started, the following keyboard shortcuts can be used:"),(0,l.mdx)("ul",null,(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"Spacebar")," - Drop the tab"),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"Escape")," - Cancel the drag"),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"Left arrow")," - move the tab to the left."),(0,l.mdx)("li",{parentName:"ul"},(0,l.mdx)("inlineCode",{parentName:"li"},"Right arrow")," - move the tab to the right.")),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Tabs from 'terra-tabs';\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#internationalization-i18n"},"Internationalization 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#internationalization-i18n"},"Localization 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)(D,{title:"Compact",mdxType:"TabsTemplate"}),(0,l.mdx)(W,{title:"Expanded",mdxType:"TabsTemplateExpanded"}),(0,l.mdx)(J,{title:"Icon Only",mdxType:"IconOnlyTabs"}),(0,l.mdx)(pe,{title:"Will Display Icons in Menu When Collapsed",mdxType:"IconsInMenuTabs"}),(0,l.mdx)(z,{title:"Fill Parent Container",mdxType:"TabsWithFilledContent"}),(0,l.mdx)(oe,{title:"Toggle responsiveTo Variants",mdxType:"ResponsiveTabsVariant"}),(0,l.mdx)(Te,{title:"Draggable Tabs",mdxType:"DraggableTabs"}),(0,l.mdx)(Ee,{title:"Add New Tab",mdxType:"AddTab"}),(0,l.mdx)(_e,{title:"Closable Tabs",mdxType:"ClosableTab"}),(0,l.mdx)(Fe,{title:"Add and Close Tab",mdxType:"AddCloseTab"}),(0,l.mdx)($e,{title:"Add and Close with Interactive Content",mdxType:"AddCloseTabInteractive"}),(0,l.mdx)(en,{title:"Vertical Tabs",mdxType:"VerticalTabs"}),(0,l.mdx)("h2",{id:"tabs-props-table"},"Tabs Props Table"),(0,l.mdx)(p,{mdxType:"TabsPropsTable"}),(0,l.mdx)("h2",{id:"tabs-pane-props-table"},"Tabs Pane Props Table"),(0,l.mdx)(x,{mdxType:"PanePropsTable"}),(0,l.mdx)("h2",{id:"testing"},"Testing"),(0,l.mdx)("p",null,"Tabs 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")," rendering is being used for the tests then the mock may not be required. 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")))}rn.isMDXComponent=!0},39053:function(e,n,t){"use strict";t.d(n,{E:function(){return o}});var a=t(96540),l=t(55713),o=function(e){var n=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-tabs",name:"terra-tabs",version:"7.26.0",url:n})}},67332:function(e,n,t){"use strict";t.r(n),n.default={"default-window":"ResponsiveTabsVariantWrapper-module__default-window___99bFz","icon-window":"ResponsiveTabsVariantWrapper-module__icon-window___C9e0y","default-parent-container-220":"ResponsiveTabsVariantWrapper-module__default-parent-container-220___FnrfS","icon-parent-container-220":"ResponsiveTabsVariantWrapper-module__icon-parent-container-220___EOT3K","default-parent-container-650":"ResponsiveTabsVariantWrapper-module__default-parent-container-650___g+mko","icon-none-container-220":"ResponsiveTabsVariantWrapper-module__icon-none-container-220___nIpeH","icon-none-container-650":"ResponsiveTabsVariantWrapper-module__icon-none-container-650___AFWzg","options-container":"ResponsiveTabsVariantWrapper-module__options-container___WyhR0",options:"ResponsiveTabsVariantWrapper-module__options___UDtQP"}},75293:function(e,n,t){"use strict";t.r(n),n.default={"content-wrapper":"TabExample-module__content-wrapper___gap4Z","tab-content-template":"TabExample-module__tab-content-template___v4pJJ","custom-display":"TabExample-module__custom-display___ywcUY","content-container":"TabExample-module__content-container___WmiJ5","content-container-vertical":"TabExample-module__content-container-vertical___++hzE"}},57497:function(e,n,t){"use strict";t.r(n),n.default={"clinical-lowlight-theme":"Fieldset-module__clinical-lowlight-theme___XMxG7","orion-fusion-theme":"Fieldset-module__orion-fusion-theme___rT15M",fieldset:"Fieldset-module__fieldset___J-xl3","fieldset-required":"Fieldset-module__fieldset-required___aTps3",legend:"Fieldset-module__legend___aExR-","legend-visually-hidden":"Fieldset-module__legend-visually-hidden___70GQh","help-text":"Fieldset-module__help-text___IuP4F","fieldset-children":"Fieldset-module__fieldset-children___YkIkm"}},41521:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=u(t(96540)),l=u(t(5556)),o=u(t(46942)),r=u(t(67967)),i=u(t(52103)),s=t(68414),d=u(t(57497)),c=["children","help","legend","legendAttrs","isLegendHidden","required"];function u(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(l[t]=e[t]);return l}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(l[t]=e[t])}return l}var b=r.default.bind(d.default),f={children:l.default.node,help:l.default.node,legend:l.default.string,legendAttrs:l.default.object,required:l.default.bool,isLegendHidden:l.default.bool},y=function(e){var n,t,l=e.children,r=e.help,d=e.legend,u=e.legendAttrs,f=e.isLegendHidden,y=e.required,h=m(e,c),x=a.default.useContext(i.default),T=(0,o.default)(b(["fieldset",{"fieldset-required":y},x.className]),h.className),v=b(["legend",u.className,{"legend-visually-hidden":f}]),g="terra-fieldset-legend-".concat((0,s.v4)()),C="terra-fieldset-help-".concat((0,s.v4)());return a.default.createElement("fieldset",p({},h,{className:T}),d&&a.default.createElement("legend",p({id:g},u,{className:v}),d),r&&a.default.createElement("small",{id:C,className:b("help-text"),tabIndex:"-1"},r),a.default.createElement("div",{className:b("fieldset-children")},(r||d)&&l?(n=l,t=[],a.default.Children.forEach(n,(function(e){t.push(a.default.cloneElement(e,{"aria-labelledby":"".concat(g," ").concat(C)}))})),t):l))};y.propTypes=f,y.defaultProps={legendAttrs:{},required:!1,isLegendHidden:!1};n.default=y},45947:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),Object.defineProperty(n,"InputField",{enumerable:!0,get:function(){return l.default}}),n.default=void 0;var a=o(t(51459)),l=o(t(19127));function o(e){return e&&e.__esModule?e:{default:e}}n.default=a.default},35958:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var a=o(t(96540)),l=o(t(25365));function o(e){return e&&e.__esModule?e:{default:e}}function r(){return r=Object.assign?Object.assign.bind():function(e){for(var n=1;n0&&r[0]?r[0].focus():i.focus()}},P=function(e){var t=e.rowId,n=e.columnId;C.current={rowId:t,columnId:n}},S=w.widthUnitTypes.PX,D=(0,o.useMemo)((function(){return(0,y.converseColumnTypes)(u,S)}),[u,S]),H=(0,a.default)(D,2),j=H[0],K=H[1],k=(0,o.useMemo)((function(){return(0,y.getColumnMinWidth)(g,K)}),[g,K]),U=(0,o.useMemo)((function(){return(0,y.getColumnMaxWidth)(E,K)}),[E,K]),A=(0,y.checkIfRowHasResponsiveColumns)(j),L=A?(0,y.getRowMaximumWidth)(j,null==U?void 0:U.value):null,F=A?(0,y.getRowMinimumWidth)(j,null==k?void 0:k.value):null,G=A?null:j.reduce((function(e,t){return e+t.width}),0),Y=Math.ceil(d.length/p),B=h?null:(0,y.getValueUnitTypePair)(s||w.DefaultListValues.rowDefaultHeight[K]),X="".concat(G*p).concat(K),V=null===(t=(0,y.getValueUnitTypePair)(w.DefaultListValues.listMinimumWidth[K]))||void 0===t?void 0:t.value,q=A?Math.max(F*p,V):null,z={width:A?v:X,flexDirection:h?"row":"column"};h||(z.height="".concat((null==B?void 0:B.value)*Y).concat(null==B?void 0:B.unitType)),q&&(z.minWidth="".concat(q).concat(K)),L&&(z.maxWidth="".concat(L*p).concat(K));var J=Math.ceil(d.length/p),Z=function(){for(var e=A?J*p-d.length:0,t=(0,r.default)(d),n=d.length;n=0||l.hasAttribute("contentEditable")&&!1!==l.getAttribute("contentEditable"))){switch(e.keyCode){case c.KEY_UP:t=(0,b.handleUpKey)(t,p,h,d.length);break;case c.KEY_DOWN:t=(0,b.handleDownKey)(t,p,h,d.length);break;case c.KEY_LEFT:t=(0,b.handleLeftKey)(e,t,p,h,u.length,d.length);break;case c.KEY_RIGHT:t=(0,b.handleRightKey)(e,t,p,h,u.length,d.length);break;case c.KEY_HOME:t=(0,b.handleHomeKey)(e,t,p,h,d.length);break;case c.KEY_END:t=(0,b.handleEndKey)(e,t,p,h,u.length,d.length);break;case c.KEY_ESCAPE:return M&&M(),void e.preventDefault();case c.KEY_TAB:return(0,b.moveFocusFromElement)(R,n,!e.shiftKey),void e.preventDefault();default:return}C.current=(0,b.getFocusedCellIds)(null==R?void 0:R.current,u,t),N(t),e.preventDefault()}},onFocus:function(e){e.currentTarget.contains(e.relatedTarget)||N((0,b.getFocusedCellIndexes)(null==R?void 0:R.current,u,C.current))}},o.default.createElement("div",{role:"row",className:x("hidden")},u.map((function(e){return o.default.createElement("span",{key:e.id,role:"columnheader"},e.displayName)}))),Z.map((function(e,t){return o.default.createElement(_.default,{rowIndex:t,key:e.id,id:e.id,cells:e.cells,ariaLabel:e.ariaLabel,columns:j,columnMaximumWidth:null==U?void 0:U.value,columnMinimumWidth:null==k?void 0:k.value,numberOfColumns:p,rowWidth:G,isResponsive:A,rowMaximumWidth:L,rowMinimumWidth:F,widthUnit:K,onCellSelect:T,setFocusedCell:P,flowHorizontally:h,rowHeight:B,isTopmost:$(t),isLeftmost:Q(t),rowHeaderIndex:(null==u?void 0:u.length)>1?O:void 0,hasVisibleBorders:I})}))))};O.propTypes=M,O.defaultProps={rows:[],numberOfColumns:1,width:"100%",rowHeaderIndex:0,hasVisibleBorders:!0};t.default=(0,d.injectIntl)(O)},83663:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"alignTypes",{enumerable:!0,get:function(){return r.alignTypes}}),t.default=void 0,Object.defineProperty(t,"widthUnitTypes",{enumerable:!0,get:function(){return r.widthUnitTypes}});var i=l(n(68660)),r=n(69744);t.default=i.default},13651:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(5556)),r=i.default.shape({content:i.default.node,isSelected:i.default.bool});t.default=r},45497:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(5556)),r=n(69744),a=i.default.shape({id:i.default.string.isRequired,displayName:i.default.string.isRequired,width:i.default.string,minimumWidth:i.default.string,maximumWidth:i.default.string,flexGrow:i.default.bool,align:i.default.oneOf([r.alignTypes.CENTER,r.alignTypes.RIGHT,r.alignTypes.LEFT]),isSelectable:i.default.bool});t.default=a},62367:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(5556)),r=n(69744),a=i.default.shape({id:i.default.string.isRequired,displayName:i.default.string,width:i.default.number,minimumWidth:i.default.number,maximumWidth:i.default.number,flexGrow:i.default.bool,align:i.default.oneOf([r.alignTypes.CENTER,r.alignTypes.RIGHT,r.alignTypes.LEFT])});t.default=a},18681:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(5556)),r=l(n(13651)),a=i.default.shape({id:i.default.string.isRequired,cells:i.default.arrayOf(r.default)});t.default=a},3913:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var i=l(n(5556)),r=i.default.shape({value:i.default.number,unitTupe:i.default.string});t.default=r},43087:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=n(69744);t.default=function(e){return Number.isInteger(e.rowHeaderIndex)?e.rowHeaderIndex<0?new Error(l.ERRORS.ROW_HEADER_INDEX_LESS_THAN_ZERO):e.columns.length&&e.rowHeaderIndex>=e.columns.length?new Error(l.ERRORS.ROW_HEADER_INDEX_EXCEEDS_COLUMNS):void 0:new Error(l.ERRORS.ROW_HEADER_INDEX_NOT_AN_INTEGER)}},352:function(e,t,n){var l=n(24994),i=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(85715)),a=v(n(96540)),o=v(n(25966)),u=l(n(5556)),d=l(n(67967)),c=l(n(52103)),s=l(n(79049)),f=n(98916),m=l(n(62367)),p=n(69744),h=l(n(91932));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(_=function(e){return e?n:t})(e)}function v(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=_(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var o=r?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(l,a,o):l[a]=e[a]}return l.default=e,n&&n.set(e,l),l}var w=d.default.bind(h.default),y={rowId:u.default.string.isRequired,isRowHeader:u.default.bool,children:u.default.node,column:m.default,columnMinimumWidth:u.default.number,columnMaximumWidth:u.default.number,widthUnit:u.default.oneOf([p.widthUnitTypes.PX,p.widthUnitTypes.EM,p.widthUnitTypes.REM]).isRequired,onCellSelect:u.default.func,isSelected:u.default.bool,setFocusedCell:u.default.func},b=function(e){var t=e.rowId,n=e.children,l=e.column,i=e.columnMinimumWidth,u=e.columnMaximumWidth,d=e.widthUnit,m=e.onCellSelect,h=e.isSelected,_=e.setFocusedCell,v=e.isRowHeader,y=(0,a.useContext)(c.default),b=a.default.useRef(),g=(0,a.useState)(!1),E=(0,r.default)(g,2),T=E[0],x=E[1],M=m&&!1!==l.isSelectable&&T,O=w("cell",y.className,{selected:M&&h,selectable:M}),I=l.id,W=l.width,R=l.flexGrow,C=l.maximumWidth,N=l.minimumWidth,P=l.align,S=(0,f.checkIfColumnIsResponsive)(R,W);(0,a.useEffect)((function(){if(null!=b&&b.current){var e=(0,s.default)(null==b?void 0:b.current);0===(null==e?void 0:e.length)&&x(!0)}}),[b]);var D={justifyContent:P||p.alignTypes.LEFT,textAlign:P||p.alignTypes.LEFT};return S?(D.flex="1 1 ".concat(W||N||i).concat(d),D.minWidth="".concat(N||i).concat(d),(C||u)&&(D.maxWidth="".concat(C||u).concat(d))):D.width="".concat(W).concat(d),a.default.createElement("div",{role:v?"rowheader":"gridcell",ref:b,className:O,tabIndex:T?-1:null,style:D,onMouseDown:function(){_({rowId:t,columnId:I}),T&&m&&!1!==l.isSelectable&&m({rowId:t,columnId:I})},onKeyDown:function(e){e.keyCode===o.KEY_SPACE&&T&&(e.preventDefault(),m&&!1!==l.isSelectable&&m({rowId:t,columnId:I}))}},n)};b.propTypes=y;t.default=a.default.memo(b)},43014:function(e,t,n){var l=n(24994),i=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=i(e)&&"function"!=typeof e)return{default:e};var n=h(t);if(n&&n.has(e))return n.get(e);var l={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var o=r?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(l,a,o):l[a]=e[a]}return l.default=e,n&&n.set(e,l),l}(n(96540)),a=l(n(5556)),o=l(n(52103)),u=l(n(67967)),d=l(n(97988)),c=l(n(352)),s=l(n(13651)),f=l(n(62367)),m=n(69744),p=l(n(3913));function h(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(h=function(e){return e?n:t})(e)}var _=u.default.bind(d.default),v={id:a.default.string.isRequired,cells:a.default.arrayOf(s.default),columns:a.default.arrayOf(f.default).isRequired,columnMinimumWidth:a.default.number,columnMaximumWidth:a.default.number,numberOfColumns:a.default.number.isRequired,isResponsive:a.default.bool.isRequired,rowWidth:a.default.number,rowMaximumWidth:a.default.number,rowMinimumWidth:a.default.number,onCellSelect:a.default.func,setFocusedCell:a.default.func,widthUnit:a.default.oneOf([m.widthUnitTypes.PX,m.widthUnitTypes.EM,m.widthUnitTypes.REM]).isRequired,flowHorizontally:a.default.bool,rowHeight:p.default,isTopmost:a.default.bool,isLeftmost:a.default.bool,rowHeaderIndex:a.default.number,hasVisibleBorders:a.default.bool},w=function(e){var t=e.id,n=e.cells,l=e.columns,i=e.columnMinimumWidth,a=e.columnMaximumWidth,u=e.numberOfColumns,d=e.isResponsive,s=e.rowMaximumWidth,f=e.rowMinimumWidth,m=e.rowWidth,p=e.widthUnit,h=e.onCellSelect,v=e.setFocusedCell,w=e.flowHorizontally,y=e.rowHeight,b=e.isTopmost,g=e.isLeftmost,E=e.rowHeaderIndex,T=e.hasVisibleBorders,x=(0,r.useContext)(o.default),M={};d?(w?M.flex="1 1 ".concat(Math.min(100/u),"%"):M.width="".concat(Math.min(100/u),"%"),s&&(M.maxWidth="".concat(s).concat(p)),f&&(M.minWidth="".concat(f).concat(p))):M.width="".concat(m).concat(p),y&&(M.height="".concat(null==y?void 0:y.value).concat(null==y?void 0:y.unitType));var O=n&&n.length>0;return r.default.createElement("div",{id:t,"data-row-id":t,role:O&&"row","aria-hidden":!O||null,className:_("row",{borderless:!T},{"row-topmost":b},{"row-leftmost":g},{"row-placeholder":!O},x.className),style:M},O&&n.map((function(e,n){return r.default.createElement(c.default,{key:"row-".concat(t,"-col-").concat(l[n].id),isSelected:e.isSelected,rowId:t,isRowHeader:n===E,column:l[n],columnMinimumWidth:i,columnMaximumWidth:a,widthUnit:p,onCellSelect:h,setFocusedCell:v},e.content)})))};w.propTypes=v;t.default=r.default.memo(w)},69744:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.widthUnitTypes=t.alignTypes=t.WARNINGS=t.ERRORS=t.DefaultListValues=void 0;var i=l(n(43693)),r=t.widthUnitTypes={PX:"px",EM:"em",REM:"rem"};t.DefaultListValues={minimumWidth:(0,i.default)((0,i.default)((0,i.default)({},r.PX,"60px"),r.EM,"3em"),r.REM,"3rem"),listMinimumWidth:(0,i.default)((0,i.default)((0,i.default)({},r.PX,"500px"),r.EM,"10em"),r.REM,"10rem"),rowDefaultHeight:(0,i.default)((0,i.default)((0,i.default)({},r.PX,"40px"),r.EM,"3.5em"),r.REM,"3.5rem")},t.alignTypes={CENTER:"center",LEFT:"left",RIGHT:"right"},t.WARNINGS={COLUMN_MIN_WIDTH_UNIT_TYPE:"columnMinimumWidth prop has different unitType than the one used in columns. It will be disregarded and the default value will be used instead.",COLUMN_MAX_WIDTH_UNIT_TYPE:"columnMaximumWidth prop has different unitType than the one used in columns. It will be disregarded.",COLUMN_WIDTH_INCONSISTENT_TYPE:"width, minimumWidth, and maximumWidth properties should be of the same unit type across all the columns (px, em, and rem are supported types)."},t.ERRORS={ROW_HEADER_INDEX_EXCEEDS_COLUMNS:"Prop rowHeaderIndex exceeds the number of semantic columns in the row.",ROW_HEADER_INDEX_LESS_THAN_ZERO:"Prop rowHeaderIndex must be a positive integer.",ROW_HEADER_INDEX_NOT_AN_INTEGER:"Prop rowHeaderIndex must be an integer."}},76964:function(e,t,n){var l=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.moveFocusFromElement=t.isTextInput=t.handleUpKey=t.handleRightKey=t.handleLeftKey=t.handleHomeKey=t.handleEndKey=t.handleDownKey=t.getFocusedCellIndexes=t.getFocusedCellIds=void 0;var i=l(n(41132)),r=l(n(79049)),a=(t.isTextInput=function(e){if("input"===e.tagName.toLowerCase()){var t=e.type;return["text","password","number","email","tel","url","search","date","datetime","datetime-local","time","month","week"].indexOf(t)>=0}return!1},t.moveFocusFromElement=function(e,t,n){var l=(0,r.default)(document.body).filter((function(n){return n.id===t||!e.current.contains(n)})),i=l.indexOf(e.current);if(i>-1){var a,o=n?1:-1;i+ol-1?a===t-1?e:{row:a+1,cell:r}:{row:o,cell:r}}var u=Math.ceil(l/t)*t-l;return 0===u&&i+1===l||0!==u&&i+1===l+u-1?e:{row:i+1l-1&&(u-=t),{row:u,cell:r}}return{row:i-t,cell:r}}return{row:i-1,cell:r}},function(e,t,n,l){if(null==l)return 0;if(n)return Math.floor(l/t)*t;var i=Math.ceil(e/t);return l-Math.floor(l/i)*i}),o=(t.handleLeftKey=function(e,t,n,l,i,r){var o=t.row,u=t.cell,d=a(r,n,l,o);if(e.metaKey)return e.ctrlKey?{row:0,cell:0}:{row:d,cell:0};if(0===u){var c,s=o;return 0===o||o===d?t:(c=i-1,{row:s-=l?1:Math.ceil(r/n),cell:c})}return{row:o,cell:u-1}},function(e,t,n,l){if(null==l)return e-1;if(n){var i=Math.ceil((l+1)/t)*t-1;return i=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 s=r.default.bind(m.default),c=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:l.default.string},g=function(e){var t=e.children,a=p(e,i),l=n.default.useContext(d.default),m=(0,r.default)(s(["button",l.className]),a.className);return n.default.createElement("button",u({},a,{type:"button",className:m,onBlur:c,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),l=i(a(5556)),r=i(a(67967)),d=i(a(52103)),m=i(a(17269));function i(e){return e&&e.__esModule?e:{default:e}}var o=r.default.bind(m.default),u={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},p=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(d.default);return n.default.createElement("div",{className:o("notice",a,r.className)},n.default.createElement("div",{className:o("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:o("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:o("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:o("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:o("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:o("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};p.propTypes=u,p.defaultProps={ariaLevel:"2",variant:"important"};t.default=p},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),d=u(a(67967)),m=u(a(52103)),i=u(a(16576)),o=["title"];function u(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[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 c=d.default.bind(i.default),x={title:l.default.string},f=function(e){var t=e.title,a=s(e,o),l=n.default.useContext(m.default),d=(0,r.default)(c(["placeholder",l.className]),a.className),i=c(["inner"]);return n.default.createElement("div",p({},a,{className:d}),n.default.createElement("div",{className:i},n.default.createElement("p",{className:c("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=d(a(20999)),l=d(a(18778)),r=d(a(86159));function d(e){return e&&e.__esModule?e:{default:e}}},67444:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(49400)),d={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.A=function(){return l.default.createElement(r.default,{id:"my-table-id",overflowColumns:d.cols,rows:d.rows,ariaLabel:"Table"})}},73798:function(e,t,a){a.r(t),a.d(t,{default:function(){return b}});a(96540);var n=a(36665),l=a(74647),r=a(73223),d=a(1215),m=a(12883),i=["components"];function o(){return o=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 p={},s="wrapper";function c(e){var t=e.components,a=u(e,i);return(0,n.mdx)(s,o({},p,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(m.Ay,{mdxType:"PropsTable"},(0,n.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"id"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"An identifier to uniquely identify the table."))),(0,n.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"rows"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The information for content in the body of the table when sections do not exist. Rows are rendered in the order given.\nThe sections property has precedence over this property."))),(0,n.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"sections"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The information for content in the body of the table. Sections are rendered in the order given."))),(0,n.mdx)(m.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A string that identifies the element (or elements) that labels the table."))),(0,n.mdx)(m.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A string that labels the table for accessibility. If the ariaLabelledBy property is specified, the ariaLabel property is not used."))),(0,n.mdx)(m.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"triggerFocus"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"CallBack to trigger re-focusing when focused row or col didn't change, but focus update is needed"))),(0,n.mdx)(m.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"columnResizeIncrement"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A numeric increment in pixels to adjust column width when resizing with the keyboard."))),(0,n.mdx)(m.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"pinnedColumns"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The information for pinned columns. Pinned columns are the stickied leftmost columns of the table.\nColumns are presented in the order given."))),(0,n.mdx)(m.fI,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"overflowColumns"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The information for overflow columns. Overflow columns are rendered in the table's horizontal overflow.\nColumns are presented in the order given."))),(0,n.mdx)(m.fI,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A number indicating the default column width in pixels. This value is used if no overriding width value is provided on a per-column basis.\nThis value is ignored if the isAutoLayout property is set to true."))),(0,n.mdx)(m.fI,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A string that specifies the column height. Any valid CSS height value is accepted."))),(0,n.mdx)(m.fI,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"rowHeight"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A string that specifies the height for the rows on the table. Any valid CSS value is accepted."))),(0,n.mdx)(m.fI,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"rowMinimumHeight"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'auto'\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A string that specifies the Minimum height for the rows on the table. rowHeight takes precedence if valid CSS value is passed.\nWith this property the height of the cell will grow to fit the cell content."))),(0,n.mdx)(m.fI,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A number indicating the index of the column that represents the row header. The index is based on 0 and cannot exceed one less than the number of columns on the table.\nIndex can be set to -1 if row headers are not required."))),(0,n.mdx)(m.fI,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"onColumnResize"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A function that is called when a resizable column is resized. Parameters:\n@param {string} columnId columnId\n@param {string} requestedWidth requestedWidth"))),(0,n.mdx)(m.fI,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"onRowSelect"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function that is called when one or more rows are selected or cleared. Parameters:\n@param {string} rowId row id of the selected row"))),(0,n.mdx)(m.fI,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"onColumnSelect"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A callback function that is called when a selectable column is selected. Parameters:\n@param {string} columnId columnId"))),(0,n.mdx)(m.fI,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"onSectionSelect"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A function that is called when a collapsible section is selected. Parameters: ",(0,n.mdx)("inlineCode",{parentName:"p"},"onSectionSelect(sectionId)")))),(0,n.mdx)(m.fI,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"onRowSelectionHeaderSelect"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"})),(0,n.mdx)(m.fI,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"rowSelectionMode"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},'enum: [\n "multiple"\n "single"\n],\n'))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A mode that enables row selection capabilities for the table.\nUse 'single' for single row selection and 'multiple' for multi-row selection."))),(0,n.mdx)(m.fI,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"hasVisibleColumnHeaders"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"true\n"))),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A Boolean value indicating whether the table columns are displayed. Setting the value to ",(0,n.mdx)("strong",{parentName:"p"},"false")," hides the columns,\nbut a screen reader still reads the column header values for accessibility."))),(0,n.mdx)(m.fI,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"isStriped"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A Boolean value specifying whether the table has zebra striping for rows."))),(0,n.mdx)(m.fI,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(m.dt,{mdxType:"PropNameCell"},"isAutoLayout"),(0,n.mdx)(m.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"A Boolean value specifying whether the auto table layout is used to render the table.")))))}c.isMDXComponent=!0;var x=["components"];function f(){return f=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 N={},h="wrapper";function b(e){var t=e.components,a=g(e,x);return(0,n.mdx)(h,f({},N,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-table"},"Terra Table"),(0,n.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Overview")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Examples")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Implementation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Properties")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Terra Standards"))),(0,n.mdx)("h2",{id:"overview"},"Overview"),(0,n.mdx)(l.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"Due to poor support in Apple VoiceOver for spanned table headings, Table component sections are not currently recommended for applications used on Apple devices."),(0,n.mdx)("p",null,"The Table component is an ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/table/"},"accessible table")," with a static tabular structure containing one or more rows that each contain one or more cells.\nThe Table component is not an interactive widget. Thus, its cells are not focusable or selectable."),(0,n.mdx)("p",null,"Tables are often used to present a combination of information and interactive widgets. Because a table is not a widget, each widget contained on a table is a separate stop in the page tab sequence.\nIf the number of widgets is large, replacing the table with a grid can dramatically reduce the length of the page tab sequence because a grid is a composite widget that can contain other widgets."),(0,n.mdx)("p",null,"See the following example of a default table:"),(0,n.mdx)(d.A,{mdxType:"DefaultTable"}),(0,n.mdx)("h3",{id:"features"},"Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/auto-layout-table"},"Auto Layout")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/zebra-striped-table"},"Zebra Striping")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/zebra-striped-table"},"Pinned Columns")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-with-sections"},"Sections")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-single-row-selection"},"Single Row Selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-multiple-row-selection"},"Multiple Row Selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-without-headers"},"Headerless Table")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/sortable-table"},"Column Sorting")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-column-states"},"Column Error Indicator"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Link to Example"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/default-table"},"Default Table")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating a basic table populated with tabular information and no interactive elements.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/auto-layout-table"},"Auto Layout Table")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating a basic with tabular information and no interactive elements using the auto layout for column widths.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/zebra-striped-table"},"Zebra Striped Table")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating the ability to enable zebra striping for table rows.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/pinned-columns"},"Pinned Columns")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating pinned columns (frozen leftmost columns) and overflow columns.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/sortable-table"},"Sortable Table")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating how to enable sorting on a table. Heading cells of sortable columns are interactive and include an icon indicating sort direction.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-column-states"},"Table Column States")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating column states and interactions such as an error or sort. Header cells include an icon that represents the state of the information in the column.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-focusable-cell"},"Table with Focusable Cells")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating tab stop behavior on a table with interactive elements. Each tabbable element on a table is a separate tab stop.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-single-row-selection"},"Single Row Selection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating a table with single row selection mode. Consumers control the selection state with the ",(0,n.mdx)("strong",{parentName:"td"},"onRowSelect")," callback and ",(0,n.mdx)("strong",{parentName:"td"},"isSelected")," row property.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-multiple-row-selection"},"Multiple Row Selection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating a table with multiple row selection mode. Consumers control the selection state with the ",(0,n.mdx)("strong",{parentName:"td"},"onRowSelect")," callback and ",(0,n.mdx)("strong",{parentName:"td"},"isSelected")," row property.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-with-sections"},"Table with Sections")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating how to create a table with sections.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/table/examples/table-without-headers"},"Table Without Headers")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating how to hide table column headers. The column headers still exist in the Document Object Model (DOM) for accessibility.")))),(0,n.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,n.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Keys"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"HOME"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the first element on the table when the currently active element is not editable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"END"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the last element on the table when the currently active element is not editable.")))),(0,n.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,n.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Table"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"ariaLabel")," property is specified, the screen reader uses the aria-label value as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Row"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"ariaLabel")," property is specified, the screen reader uses the aria-label value as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," to announce interactions with the row."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Table"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"ariaLabelledBy")," property is specified, the screen reader uses the aria-labelledby value to determine the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid.")))),(0,n.mdx)("h2",{id:"implementation"},"Implementation"),(0,n.mdx)("h3",{id:"installation"},"Installation"),(0,n.mdx)("p",null,"Install with ",(0,n.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":\n",(0,n.mdx)("inlineCode",{parentName:"p"},"npm install terra-table")),(0,n.mdx)("h3",{id:"peer-dependencies"},"Peer Dependencies"),(0,n.mdx)("p",null,"Ensure that the following peer dependencies are installed in your application for the component to properly function:"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,n.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,n.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,n.mdx)("h3",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import Table from "terra-table";\n')),(0,n.mdx)("h2",{id:"properties"},"Properties"),(0,n.mdx)(l.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"When making changes to the columns, section, rows, or cells, the Table component requires you to pass new objects so that React can detect the changes. In addition, ensure that you memoize callback functions using methods such as the useCallback hook to prevent unnecessary rerenders of components."),(0,n.mdx)(c,{mdxType:"TablePropsTable"}),(0,n.mdx)("h3",{id:"table-constants"},"Table Constants"),(0,n.mdx)("p",null,"Enumeration: TableConstants"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Constant"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"ROW_SELECTION_COLUMN_WIDTH")),(0,n.mdx)("td",{parentName:"tr",align:null},"Number"),(0,n.mdx)("td",{parentName:"tr",align:null},"The width of the row selection column.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"TABLE_MARGIN_RIGHT")),(0,n.mdx)("td",{parentName:"tr",align:null},"Number"),(0,n.mdx)("td",{parentName:"tr",align:null},"The margin right of the table to allow resizing of the last column.")))),(0,n.mdx)("p",null,"Enumeration: RowSelectionModes"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Constant"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"SINGLE")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Single row selection mode.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"MULTIPLE")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Multiple row selection mode.")))),(0,n.mdx)("h3",{id:"column"},"Column"),(0,n.mdx)("p",null,"A column specifies the information to render a cell in the header row of the Worklist Data Grid component."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column in the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"displayName")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string of text to render in the column header cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"action")),(0,n.mdx)("td",{parentName:"tr",align:null},"object"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An object containing label and onClick properties for column action button, which will be displayed in an additional row below the column header row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"hasError")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the column information has an error.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isResizable")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the column header is resizable. This value is ignored when for a table with auto layout enabled.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelectable")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the column header is selectable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,n.mdx)("td",{parentName:"tr",align:null},"Number"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A number that specifies the minimum column width in pixels.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,n.mdx)("td",{parentName:"tr",align:null},"Number"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A number that specifies the maximum column width in pixels.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"width")),(0,n.mdx)("td",{parentName:"tr",align:null},"unionOf: ","[type: 'number',type: 'string',]",","),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"The width can be either a numeric or string value. When a number is provided, it is the number (in px) specifying the width of the column. If not provided, the Table's default column width will be used. When a string is provided, it specifies the default column width and can be any valid CSS width value")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"sortIndicator")),(0,n.mdx)("td",{parentName:"tr",align:null},"Custom"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string indicating which sorting indicator is rendered (",(0,n.mdx)("inlineCode",{parentName:"td"},"ascending")," or ",(0,n.mdx)("inlineCode",{parentName:"td"},"descending"),"). A sorting indicator is rendered only if a value is provided.")))),(0,n.mdx)("h3",{id:"section"},"Section"),(0,n.mdx)(l.Notice,{variant:"important",ariaLevel:"2",mdxType:"Notice"},"Due to poor support in Apple VoiceOver for spanned table headings, Table component sections are not currently recommended for applications used on Apple devices."),(0,n.mdx)("p",null,"A section defines the rows rendered in the section."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the section in the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isCollapsible")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"False"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the the section is collapsible.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isCollapsed")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"False"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the section is collapsed. If true, the contents of the section is not displayed.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"text")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A text string to render in the section header.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"rows")),(0,n.mdx)("td",{parentName:"tr",align:null},"Array"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of row objects to be rendered in the section.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"subsections")),(0,n.mdx)("td",{parentName:"tr",align:null},"Array"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of subsections objects to be rendered within the section.")))),(0,n.mdx)("h4",{id:"subsection"},"Subsection"),(0,n.mdx)("p",null,"Subsections objects are virtually identical to section objects."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the subsection in the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isCollapsible")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"False"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the the subsection is collapsible.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isCollapsed")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"False"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the subsection is collapsed. If true, the contents of the subsection is not displayed.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"text")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A text string to render in the subsection header.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"rows")),(0,n.mdx)("td",{parentName:"tr",align:null},"Array"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of row objects to be rendered in the subsection.")))),(0,n.mdx)("h3",{id:"row"},"Row"),(0,n.mdx)("p",null,"A row defines the cells rendered in the row."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"Required")),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row in the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"cells")),(0,n.mdx)("td",{parentName:"tr",align:null},"Array"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. Cells are rendered in the order given and are expected to match the column order.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelected")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the row is rendered as selected.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,n.mdx)("td",{parentName:"tr",align:null},"String"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value is used for accessibility when announcing the row selection or deselection.")))),(0,n.mdx)("h3",{id:"cell"},"Cell"),(0,n.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"content")),(0,n.mdx)("td",{parentName:"tr",align:null},"Content"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"The content to render in the cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isMasked")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value indicating whether the cell content is masked.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"maskedLabel")),(0,n.mdx)("td",{parentName:"tr",align:null},"Bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"Optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"None"),(0,n.mdx)("td",{parentName:"tr",align:null},"A Boolean value that provides a custom string for screen readers to read masked cells. This value is only applied if the cell is masked.")))),(0,n.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))))}b.isMDXComponent=!0},1215:function(e,t,a){a.d(t,{A:function(){return s}});var n=a(96540),l=a(67444),r=a(36665),d=["components"];function m(){return m=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 o={};function u(e){var t=e.components,a=i(e,d);return(0,r.mdx)("wrapper",m({},o,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst DefaultTable = () => (\n \n);\n\nexport default DefaultTable;\n\n")))}u.isMDXComponent=!0;var p=a(201),s=function(e){var t=e.title,a=e.description,r=e.isExpanded;return n.createElement(p.A,{title:t||"Default Table",description:a,example:n.createElement(l.A,null),exampleSrc:n.createElement(u,null),isExpanded:r})}},73223: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-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.0",url:t})}},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"}},89986:function(e,t,a){a.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,a){a.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"}},36605:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},78482:function(e,t,a){a.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,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),d=u(a(67967)),m=u(a(52103)),i=u(a(78482)),o=["children","disableStripes","paddingStyle"];function u(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[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 c=d.default.bind(i.default),x={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},f=function(e){var t=e.children,a=e.disableStripes,l=e.paddingStyle,d=s(e,o),i=n.default.useContext(m.default),u=(0,r.default)(c("table",{striped:!a},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),d.className);return n.default.createElement("table",p({},d,{className:u}),t)};f.propTypes=x,f.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=f},61452:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},o=function(e){var t=e.children,a=m(e,r);return n.default.createElement("tbody",a,t)};o.propTypes=i,o.defaultProps={children:[]};t.default=o},86472:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},o=function(e){var t=e.children,a=m(e,r);return n.default.createElement("td",a,t)};o.propTypes=i,o.defaultProps={children:[]};t.default=o},97441:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),l=m(a(5556)),r=m(a(10767)),d=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 o={children:l.default.node},u=function(e){var t=e.children,a=i(e,d);return n.default.createElement("thead",a,n.default.createElement("tr",null,r.default.addScope(t,"col")))};u.propTypes=o,u.defaultProps={children:[]};t.default=u},22417:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},o=function(e){var t=e.children,a=m(e,r);return n.default.createElement("th",a,t)};o.propTypes=i,o.defaultProps={children:[]};t.default=o},36142:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=o(a(67967)),d=o(a(78482)),m=o(a(10767)),i=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 s=r.default.bind(d.default),c={children:l.default.node},x=function(e){var t=e.children,a=p(e,i),l=s(["row"]);return n.default.createElement("tr",u({},a,{className:a.className?"".concat(l," ").concat(a.className):l}),m.default.addScope(t,"row"))};x.propTypes=c,x.defaultProps={children:[]};t.default=x},10767:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=a(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var a=[];return l.default.Children.forEach(e,(function(e){a.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=r},26984:function(e,t,a){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 d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return m.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=o(a(85444)),l=o(a(61452)),r=o(a(36142)),d=o(a(86472)),m=o(a(97441)),i=o(a(22417));function o(e){return e&&e.__esModule?e:{default:e}}t.default=n.default}}]); \ No newline at end of file diff --git a/73885-f46c601d92e54c67a1f6.css b/73885-f46c601d92e54c67a1f6.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/73885-f46c601d92e54c67a1f6.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/73885-f46c601d92e54c67a1f6.js b/73885-f46c601d92e54c67a1f6.js new file mode 100644 index 000000000..13ca625bf --- /dev/null +++ b/73885-f46c601d92e54c67a1f6.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[73885,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,n){var l=n(24994);a.A=void 0;var r=l(n(96540)),d=l(n(5556)),m=l(n(67967)),t=l(n(25642)),i=m.default.bind(t.default),u={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},p=function(e){var a=e.src,n=e.name,l=e.url,d=e.version,m=r.default.createElement("a",{className:i("badge"),href:l||"https://www.npmjs.org/package/".concat(n,"/v/").concat(d)},r.default.createElement("span",{className:i("badge-name")},l?"package":"npm"),r.default.createElement("span",{className:i("badge-version")},"v".concat(d))),t=a?r.default.createElement("a",{className:i("badge"),href:a},r.default.createElement("span",{className:i("badge-name")},"github"),r.default.createElement("span",{className:i("badge-version")},"source")):void 0;return r.default.createElement("div",{className:i("badge-container")},m,t)};p.propTypes=u;a.A=p},73885:function(e,a,n){n.r(a),n.d(a,{default:function(){return g}});var l=n(96540),r=n(36665),d=n(55713),m=function(e){var a=e.url;return l.createElement(d.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-compact-interactive-list",name:"terra-compact-interactive-list",version:"1.16.0",url:a})},t=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p={},o="wrapper";function x(e){var a=e.components,n=u(e,t);return(0,r.mdx)(o,i({},p,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)("h1",{id:"changelog"},"Changelog"),(0,r.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,r.mdx)("h2",{id:"1160---april-10-2024"},"1.16.0 - (April 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Changed to avoid focus being set to the first cell on multiple re-renders.")))),(0,r.mdx)("h2",{id:"1150---april-4-2024"},"1.15.0 - (April 4, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated to have no row headers if list has only one semantic column.")))),(0,r.mdx)("h2",{id:"1140---march-29-2024"},"1.14.0 - (March 29, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"1130---march-25-2024"},"1.13.0 - (March 25, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"1120---march-21-2024"},"1.12.0 - (March 21, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"1110---march-19-2024"},"1.11.0 - (March 19, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"1100---march-14-2024"},"1.10.0 - (March 14, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"hasVisibleBorders")," prop to hide visual borders if needed."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated to support ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-menu")," component as a cell content.")))),(0,r.mdx)("h2",{id:"190---march-8-2024"},"1.9.0 - (March 8, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"180---march-5-2024"},"1.8.0 - (March 5, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"170---march-1-2024"},"1.7.0 - (March 1, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"161---february-29-2024"},"1.6.1 - (February 29, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added check for cell element existence before focusing.")))),(0,r.mdx)("h2",{id:"160---february-28-2024"},"1.6.0 - (February 28, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"150---february-28-2024"},"1.5.0 - (February 28, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"140---february-16-2024"},"1.4.0 - (February 16, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"130---february-1-2024"},"1.3.0 - (February 1, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"terra-table")," to the dependencies in order to use ",(0,r.mdx)("inlineCode",{parentName:"li"},"getFocusableElements")," method.")))),(0,r.mdx)("h2",{id:"120---january-26-2024"},"1.2.0 - (January 26, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"111---january-25-2024"},"1.1.1 - (January 25, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Fixed cell select error caused due to incorrect array concat.")))),(0,r.mdx)("h2",{id:"110---january-18-2024"},"1.1.0 - (January 18, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"rowHeaderIndex")," prop validation.")))),(0,r.mdx)("h2",{id:"101---january-10-2024"},"1.0.1 - (January 10, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Fixed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Cell does not call ",(0,r.mdx)("inlineCode",{parentName:"li"},"onCellSelect")," method if corresponding column ",(0,r.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop set to ",(0,r.mdx)("inlineCode",{parentName:"li"},"false"),".")))),(0,r.mdx)("h2",{id:"100---january-2-2024"},"1.0.0 - (January 2, 2024)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Changed"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated ",(0,r.mdx)("inlineCode",{parentName:"li"},"handleMouseDown")," method for a cell."),(0,r.mdx)("li",{parentName:"ul"},"Updated lowlight theme styling."),(0,r.mdx)("li",{parentName:"ul"},"Updated cell selection."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("p",{parentName:"li"},"Added"),(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added ",(0,r.mdx)("inlineCode",{parentName:"li"},"isSelectable")," prop to column shape.")))),(0,r.mdx)("h2",{id:"100-alpha4---december-18-2023"},"1.0.0-alpha.4 - (December 18, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,r.mdx)("h2",{id:"100-alpha3---december-13-2023"},"1.0.0-alpha.3 - (December 13, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Added",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Added keyboard navigation.")))),(0,r.mdx)("h2",{id:"100-alpha2---december-1-2023"},"1.0.0-alpha.2 - (December 1, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Changed",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Updated component to memoize minimum and maximum width calculations for better performance.")))),(0,r.mdx)("h2",{id:"100-alpha1---november-22-2023"},"1.0.0-alpha.1 - (November 22, 2023)"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Initial package release.")))}x.isMDXComponent=!0;var c=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[n]=e[n]);return r}(e,a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var N={},b="wrapper";function g(e){var a=e.components,n=h(e,c);return(0,r.mdx)(b,s({},N,n,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(m,{mdxType:"Badge"}),(0,r.mdx)(x,{mdxType:"ChangeLog"}))}g.isMDXComponent=!0},25642:function(e,a,n){n.r(a),a.default={badge:"Badges-module__badge___vex-+","badge-container":"Badges-module__badge-container___B13Mv","badge-name":"Badges-module__badge-name___jkN0m","badge-version":"Badges-module__badge-version___agZ+P"}}}]); \ No newline at end of file diff --git a/73899-41a679fa5cf6457300c3.css b/73899-41a679fa5cf6457300c3.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/73899-41a679fa5cf6457300c3.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} +.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/74124-5a9f6af30707647d68fc.css b/74124-5a9f6af30707647d68fc.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/74124-5a9f6af30707647d68fc.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/74124-5a9f6af30707647d68fc.js b/74124-5a9f6af30707647d68fc.js new file mode 100644 index 000000000..afd5fa52f --- /dev/null +++ b/74124-5a9f6af30707647d68fc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[74124,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,t,a){var n=a(24994);t.A=void 0;var r=n(a(96540)),i=n(a(5556)),o=n(a(67967)),s=n(a(25642)),l=o.default.bind(s.default),m={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},d=function(e){var t=e.src,a=e.name,n=e.url,i=e.version,o=r.default.createElement("a",{className:l("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(i)},r.default.createElement("span",{className:l("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:l("badge-version")},"v".concat(i))),s=t?r.default.createElement("a",{className:l("badge"),href:t},r.default.createElement("span",{className:l("badge-name")},"github"),r.default.createElement("span",{className:l("badge-version")},"source")):void 0;return r.default.createElement("div",{className:l("badge-container")},o,s)};d.propTypes=m;t.A=d},74124:function(e,t,a){a.r(t),a.d(t,{default:function(){return d}});a(96540);var n=a(36665),r=a(45647),i=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[a]=e[a]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(r[a]=e[a])}return r}var l={},m="wrapper";function d(e){var t=e.components,a=s(e,i);return(0,n.mdx)(m,o({},l,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"accessibility-guide-for-terra-arrange"},"Accessibility Guide for Terra Arrange"),(0,n.mdx)("h2",{id:"why-is-it-important-for-terra-arrange-to-meet-accessibility-guidelines-"},"Why is it important for Terra Arrange to meet accessibility guidelines ?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra Arrange is a component used for setting the content layout alignment to be top/bottom/right/left. CSS alignment does not affect the accessibility, however it is crucial to ensure that the screen reader reads the content in the same manner as to how the content is visually present. If the content is aligned with any position property to make it look in different place which will create a complexity for the screen reader user to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Making the DOM order same as visual order will help the assistive technology users to get the correct reading order. "),(0,n.mdx)("p",{parentName:"blockquote"},"Arrange may also have interactive elements which need to be keyboard focusable and acted upon using the standard expected keyboard behaviors. "),(0,n.mdx)("ul",{parentName:"blockquote"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Screen reader users")," do not necessarily interact with the page in a linear fashion and can use Arrange out of context. Hence, a descriptive label is necessary for each interactive element."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"People using speech input software")," require unique labels for the interactive elements to effectively understand them.  "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Keyboard only users")," navigate the page using only a keyboard. Actionable elements must be keyboard accessible for keyboard only users to interact with it. Additionally, a visible keyboard focus indicator is needed to see where they are currently on the page.  "))),(0,n.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations:"),(0,n.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Ensure the content in the arrange component is reading in logical manner in assistive technology. The DOM structure needs to be in the form the UI order. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the interactive elements are receiving TAB focus and user able to interact with it. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content is available in 200% text only zoom. Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: Vertical scrolling content at a width equivalent to 320 CSS pixels; Horizontal scrolling content at a height when window is resized to 400%."),(0,n.mdx)("li",{parentName:"ul"},"Ensure Terra Arrange is not used to create and arrange tabular data that has relationships to columns and rows. Instead, use Terra Table or Terra HTML Table.")),(0,n.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange must not be used to create and arrange tabular data that has relationships to columns and rows. That is to say do not use\nTerra arrange to create visible tables. Instead, use Terra Table or Terra HTML Table. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all interactive elements have descriptive labels that describe their purpose. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"For each interactive element within Arrange, provide the engineers with a meaningful label. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure each interactive element label is unique to the page. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"If multiple elements with the same name are used, they must perform the same exact function (e.g., download the same file). "),(0,n.mdx)("li",{parentName:"ul"},"Or it must be programmatically associated with other visible and related content on the page that can help users understand the purpose of elements. "))),(0,n.mdx)("li",{parentName:"ul"},"If the label is text, the visible text must match the programmatic label. "),(0,n.mdx)("li",{parentName:"ul"},"All icons used within interactive elements that convey meaning must have an accessible name (alternate content). ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents. "),(0,n.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product. "),(0,n.mdx)("li",{parentName:"ul"},"Icons must be used to represent the same function consistently (don’t use multiple icons for the same functionality) "))),(0,n.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does NOT convey any meaning) within a button must be marked as decorative. "))),(0,n.mdx)("li",{parentName:"ul"},"Consider how content will adjust to resizing text or reflowing content at different viewpoints. Users may have settings that change the font size, style, or other text attributes. They may also resize a window or zoom into the content. All these things can cause content to resize or reflow, and when it does, content must not overlap, be cut off, or become unusable. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all content is perceivable by meeting all the color contrast requirements. "),(0,n.mdx)("li",{parentName:"ul"},"After development, ensure all actionable elements inside of Arrange is keyboard accessible and work as expected. ",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Ensure actionable elements inside Arrange has a visible keyboard focus when accessed using the keyboard. "),(0,n.mdx)("li",{parentName:"ul"},"Ensure the Arrange does not cause a keyboard trap. ")))),(0,n.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,n.mdx)("h3",{id:"interaction-details"},"Interaction Details"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no interactions in and of itself. However, it may contain actionable elements. All actionable elements within Terra Arrange must be able to be focused via keyboard and follow the expected keyboard behavior per actionable element, and proper labeling should be announced in the screen reader. ")),(0,n.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"The user expects the button would be performing an action indicated in the button label. ")),(0,n.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange has no expected keyboard behaviors itself. However, the content within it will follow the basic keyboard behaviors. ")),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key Sequence"),(0,n.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Tab")),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the interactive element")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Arrow keys")),(0,n.mdx)("td",{parentName:"tr",align:null},"Read the content in logical manner")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("em",{parentName:"td"},"Enter/Return/Spacebar")),(0,n.mdx)("td",{parentName:"tr",align:null},"Executes the button and moves focus to the target place.")))),(0,n.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,n.mdx)("h3",{id:"how-does-arrange-support-compliance"},"How does Arrange support compliance?"),(0,n.mdx)("blockquote",null,(0,n.mdx)("p",{parentName:"blockquote"},"Terra is committed to ensuring its components provide maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible. "),(0,n.mdx)("p",{parentName:"blockquote"},"Final responsibility lies with the consumers of Terra components — ensuring proper usage, programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible. ")),(0,n.mdx)("h3",{id:"primary-accessibility-criteria-for-arrange"},"Primary accessibility criteria for Arrange "),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.1.1+Non-text+Content"},"1.1.1 Non-text Content")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a button. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure when an icon conveys meaning, to add appropriate ALT text to create a meaningful button label. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with meaningful text when using icons that convey meaning. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.3.1+Info+and+Relationships"},"1.3.1 Info and Relationships")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the heading hierarchy is followed from h1 to h6 order to give the meaningful order to assistive technology users. "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.3+Contrast"},"1.4.3 Contrast (Minimum)")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange provides icons/buttons by default, meet color contrast requirements.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement icons so that the foreground and the background color meet appropriate color contrast ratios.   "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must ensure that the button label color meets the appropriate contrast ratio against background color(s) based on text size of the visual label text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.4+Resize+Text"},"1.4.4 Resize text")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for text to be resized and zoomed without loss of information or function.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content other than captions and images of text can be up to 200 percent without loss of content or functionality.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/1.4.10+Reflow"},"1.4.10 Reflow")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure content within the Terra component can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality. "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra component and provide engineers guidance on how content should reflow when the viewport is resized to 320 x 256 px "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.1+Keyboard"},"2.1.1 Keyboard")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures Terra Arrange supports basic keyboard functionality.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure Arrange is keyboard accessible and not override any basic keyboard functionality and follow the tab index values such as tabindex=0  "),(0,n.mdx)("li",{parentName:"ul"},"Ensure all contents can be accessed, interacted with and acted upon using only the keyboard.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.1.2+No+Keyboard+Trap"},"2.1.2 No Keyboard Trap")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange will not cause a keyboard trap on its own.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineer and Content Creators must ensure Arrange does not cause a keyboard trap when implemented within code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.3+Focus+Order"},"2.4.3 Focus Order")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides consuming teams the ability to create a logical focus for the user.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must never set a TABINDEX of greater than zero. Code should be written to match the users logical reading order.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators ensure that engineers understand the users logical reading order.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/2.4.7+Focus+Visible"},"2.4.7 Focus Visible")," — Supports"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra ensures a visible keyboard focus is built into the component.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure the visible indication must be maintained for buttons/icons and must meet the sufficient color contrast ratio.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever buttons/icons receive focus, the focus must be visible and maintain existing Terra Keyboard Focus styles.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.1+Parsing"},"4.1.1 Parsing")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper parsing of code.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure this criterion is met.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers about the proper parsing of code.  "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/4.1.2+Name%2C+Role%2C+Value"},"4.1.2 Name, Role, Value")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra provides the ability for Name, Role, and Value attributes to be programmatically determined for screen readers to effectively communicate to the user.   "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic label matches the visible label.   ")))),(0,n.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-arrange"},"Related accessibility criteria that apply when adding content to Arrange"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.1+On+Focus"},"3.2.1 On Focus")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default.  "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus or when focus is removed (on blur).  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that it should not cause any change while on focus.   "))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("p",{parentName:"li"},(0,n.mdx)("a",{parentName:"p",href:"https://wiki.cerner.com/display/UserExperience/3.2.2+On+Input"},"3.2.2 On Input")," — Supports "),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},"Terra Arrange does not cause an unexpected change of context on input. "),(0,n.mdx)("li",{parentName:"ul"},"Engineers must ensure nothing unexpected happens on input.  "),(0,n.mdx)("li",{parentName:"ul"},"Content creators must also ensure buttons/icons do not create a change of context for the user. If there is a change of context on input, the user must be warned (with text) before the user activates the button.   ")))),(0,n.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Keyboard Interactions "),(0,n.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC) "),(0,n.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) ")),(0,n.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"NVDA not tested (PC) "),(0,n.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology "),(0,n.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology "),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub")," ")),(0,n.mdx)("h2",{id:"linked-references"},"Linked References:"),(0,n.mdx)("ol",null,(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/tips/writing/#use-headings-to-convey-meaning-and-structure"},"W3C WAI Aria: Use heading to convey meaning and structure  ")),(0,n.mdx)("li",{parentName:"ol"},(0,n.mdx)("a",{parentName:"li",href:"https://www.w3.org/TR/WCAG21/#:~:text=%20Web%20Content%20Accessibility%20Guidelines%20%28WCAG%29%202.1%20defines,physical%2C%20speech%2C%20cognitive%2C%20language%2C%20learning%2C%20and%20neurological%20disabilities"},"Web Content Accessibility Guidelines"))))}d.isMDXComponent=!0},45647:function(e,t,a){a.d(t,{E:function(){return i}});var n=a(96540),r=a(55713),i=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-arrange",name:"terra-arrange",version:"3.56.1-alpha.0",url:t})}},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"}}}]); \ No newline at end of file diff --git a/7462-f2adf691a548787c5e20.css b/7462-f2adf691a548787c5e20.css new file mode 100644 index 000000000..580791850 --- /dev/null +++ b/7462-f2adf691a548787c5e20.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} +.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} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___LNRe1{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___gqUxa{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +[dir=ltr] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE{margin-left:0}[dir=rtl] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE{margin-right:0}.WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE cite{font-style:italic}.WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE span{opacity:.7}[dir=ltr] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE span{margin-right:.7ch}[dir=rtl] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-blockquote___tbLrE span{margin-left:.7ch}.WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO{max-width:50rem;position:relative;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal}[dir] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO{margin-top:.75rem}[dir=ltr] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO{padding:.5rem 2rem .5rem 0}[dir=rtl] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO{padding:.5rem 0 .5rem 2rem}.WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO ul{list-style-type:none}[dir=ltr] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO b{margin-right:.9ch}[dir=rtl] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO b{margin-left:.9ch}.WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO::after{content:"";height:100%;opacity:.15;position:absolute;top:0;width:100%}[dir] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO::after{border:1px solid currentColor;border-radius:5px}[dir=ltr] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO::after{left:0}[dir=rtl] .WebAIMSemanticHeadingContentStructure__webaim-semantic-heading-content___qErcO::after{right:0} diff --git a/75328-81afd54d42248f6ef90d.css b/75328-81afd54d42248f6ef90d.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/75328-81afd54d42248f6ef90d.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} +.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/7545-52e0e73a7efc7d02b21d.css b/7545-52e0e73a7efc7d02b21d.css new file mode 100644 index 000000000..1f19f9b7c --- /dev/null +++ b/7545-52e0e73a7efc7d02b21d.css @@ -0,0 +1,7 @@ +.Arrange-module__arrange___MHOuO{display:-ms-flexbox;display:flex}.Arrange-module__fill___yZYW7{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___q-20T{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___d-U54{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___-Jp3G{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___Xrwns{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___j\+u5q{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___q-20T{-ms-flex:0 0;flex:0 0}} +.placeholder-list{list-style:none}[dir] .placeholder-list{border-bottom:1px solid #dedfe0;border-top:1px solid #dedfe0;margin:0;padding:0}[dir] .is-padded .placeholder-list-item{padding:.7rem}.placeholder-list-item{overflow:hidden}[dir] .placeholder-list-item{border-bottom:1px solid #dedfe0;margin:0}[dir] .placeholder-list-item:last-of-type{border-bottom:0}[dir] .placeholder-list-item:focus{background-color:#ebf6fd}[dir] .placeholder-list-item.is-selected{background-color:#cbe7fa} +[dir] .AggregatorItem-module__readonly-modal-content___90fCW{padding:15px}.AggregatorItem-module__header-arrange___uCJ-m{font-size:1.285rem}[dir] .AggregatorItem-module__header-arrange___uCJ-m{background:#f4f4f4;padding:.71429rem .5rem}[dir=ltr] .AggregatorItem-module__header-arrange-content___k1GfD{margin-right:.7rem}[dir=rtl] .AggregatorItem-module__header-arrange-content___k1GfD{margin-left:.7rem} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +.example-styles-module__example-wrapper___BDtGd{height:28rem}[dir] .example-styles-module__example-wrapper___BDtGd{border:1px solid #d3d3d3}[dir] .example-styles-module__content-wrapper___aVyh0{padding:.7rem} +.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)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} diff --git a/7545-52e0e73a7efc7d02b21d.js b/7545-52e0e73a7efc7d02b21d.js new file mode 100644 index 000000000..b2fc61593 --- /dev/null +++ b/7545-52e0e73a7efc7d02b21d.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[7545],{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&&Object.prototype.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)),i=r(n(67967)),c=n(92912),d=r(n(49558)),s=r(n(53665)),m=n(25966),f=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 g=i.default.bind(f.default),_={example:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,r=e.exampleCssSrc,l=e.title,u=e.description,i=e.isExpanded,f=(0,o.useState)(i),p=(0,a.default)(f,2),_=p[0],v=p[1],b=(0,o.useState)(!1),x=(0,a.default)(b,2),E=x[0],O=x[1],S=o.default.useContext(c.ThemeContext),w=void 0!==r,A=function(){O(!E),_&&v(!_)},j=function(){v(!_),E&&O(!E)},N=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:g("template",S.className)},o.default.createElement("div",{className:g("header")},l&&o.default.createElement("h2",{className:g("title")},l)),o.default.createElement("div",{className:g("content")},u&&o.default.createElement("div",{className:g("description")},u),t),o.default.createElement("div",{className:g("footer")},n?o.default.createElement("div",{className:g("button-container")},w&&o.default.createElement("button",{type:"button",className:g("css-toggle","item",{"is-selected":E}),onClick:A,onKeyDown:function(e){return N(e,A)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:g("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:g("chevron")})),o.default.createElement("button",{type:"button",className:g("code-toggle","item",{"is-selected":_}),onClick:j,onKeyDown:function(e){return N(e,j)},onBlur:y,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(d.default,{className:g("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:g("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:g("css")},r),_&&o.default.createElement("div",{className:g("code")},n))))};v.propTypes=_,v.defaultProps={isExpanded:!1};t.A=v},22288:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(94634)),a=r(n(91847)),o=r(n(17383)),u=r(n(34579)),i=r(n(28452)),c=r(n(63072)),d=r(n(29511)),s=r(n(96540)),m=r(n(5556)),f=r(n(23986)),p=r(n(54495)),g=r(n(70699)),_=r(n(82941)),y=n(12411),h=r(n(67967)),v=r(n(69076)),b=r(n(967)),x=r(n(52146)),E=r(n(71772)),O=["name","disclosureType","aggregatorDelegate","discloseOnSelect","customDisclose"];function S(e,t,n){return t=(0,c.default)(t),(0,i.default)(e,w()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function w(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(w=function(){return!!e})()}var A=h.default.bind(x.default),j=(0,y.withDisclosureManager)((function(e){var t=e.disclosureManager;return s.default.createElement(p.default,{header:s.default.createElement(_.default,{title:"Info Modal",onClose:t.closeDisclosure,onBack:t.goBack})},s.default.createElement("div",{className:A("readonly-modal-content")},s.default.createElement("p",null,"This modal was not presented through the Aggregator. The Aggregator state was maintained.")))}));j.propTypes={disclosureManager:y.disclosureManagerShape};var N={aggregatorDelegate:m.default.object,name:m.default.string,disclosureType:m.default.string,discloseOnSelect:m.default.bool,customDisclose:m.default.func},M=function(e){function t(e){var n;return(0,o.default)(this,t),(n=S(this,t,[e])).handleSelection=n.handleSelection.bind(n),n.launchModal=n.launchModal.bind(n),n}return(0,d.default)(t,e),(0,u.default)(t,[{key:"handleSelection",value:function(e,t){var n=this,r=this.props,l=r.aggregatorDelegate,a=r.name,o=r.discloseOnSelect,u={0:"tiny",1:"small",2:"medium",3:"large",4:"huge",5:"fullscreen"};l.hasFocus&&l.itemState.selectedIndex===t?l.releaseFocus().catch((function(){console.log("Section - Focus release failed. Something must be locked.")})):l.requestFocus({selectedIndex:t}).then((function(e){var r=e.disclose;o&&r({preferredType:n.props.disclosureType,size:u[t],content:{key:"Nested ".concat(a),component:s.default.createElement(E.default,{name:"Nested ".concat(a),disclosureType:n.props.disclosureType})}})})).catch((function(e){console.log("Section - Selection denied - ".concat(e))}))}},{key:"launchModal",value:function(){(0,this.props.customDisclose)({preferredType:"modal",size:"small",content:{key:"ModalContent-".concat(Date.now()),component:s.default.createElement(j,null)}})}},{key:"render",value:function(){var e,t=this,n=this.props,r=n.name,o=(n.disclosureType,n.aggregatorDelegate),u=(n.discloseOnSelect,n.customDisclose),i=(0,a.default)(n,O);return o.hasFocus&&o.itemState&&void 0!==o.itemState.selectedIndex&&(e=o.itemState.selectedIndex),s.default.createElement(p.default,(0,l.default)({},i,{header:s.default.createElement(g.default,{className:A("header-arrange"),fitStart:s.default.createElement("div",{className:A("header-arrange-content")},u?s.default.createElement(f.default,{text:"Modal (Without Requesting Focus)",onClick:this.launchModal}):null),fill:s.default.createElement("div",null,r)})}),s.default.createElement(v.default,{isPadded:!0},s.default.createElement(b.default,{isSelected:0===e,onSelect:function(e){return t.handleSelection(e,0)}},s.default.createElement("div",null,"Row 0")),s.default.createElement(b.default,{isSelected:1===e,onSelect:function(e){return t.handleSelection(e,1)}},s.default.createElement("div",null,"Row 1")),s.default.createElement(b.default,{isSelected:2===e,onSelect:function(e){return t.handleSelection(e,2)}},s.default.createElement("div",null,"Row 2")),s.default.createElement(b.default,{isSelected:3===e,onSelect:function(e){return t.handleSelection(e,3)}},s.default.createElement("div",null,"Row 3")),s.default.createElement(b.default,{isSelected:4===e,onSelect:function(e){return t.handleSelection(e,4)}},s.default.createElement("div",null,"Row 4")),s.default.createElement(b.default,{isSelected:5===e,onSelect:function(e){return t.handleSelection(e,5)}},s.default.createElement("div",null,"Row 5"))))}}])}(s.default.Component);M.propTypes=N;t.default=M},71772:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(17383)),a=r(n(34579)),o=r(n(28452)),u=r(n(63072)),i=r(n(29511)),c=r(n(96540)),d=r(n(5556)),s=r(n(67967)),m=r(n(23986)),f=r(n(54495)),p=r(n(45947)),g=r(n(82941)),_=n(12411),y=r(n(27805));function h(e,t,n){return t=(0,u.default)(t),(0,o.default)(e,v()?Reflect.construct(t,n||[],(0,u.default)(e).constructor):t.apply(e,n))}function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(v=function(){return!!e})()}var b=s.default.bind(y.default),x={name:d.default.string,disclosureType:d.default.string,disclosureManager:_.disclosureManagerShape},E=function(e){function t(e){var n;return(0,l.default)(this,t),(n=h(this,t,[e])).checkLockState=n.checkLockState.bind(n),n.state={text:void 0},n}return(0,i.default)(t,e),(0,a.default)(t,[{key:"componentDidMount",value:function(){var e=this.props.disclosureManager;e&&e.registerDismissCheck&&e.registerDismissCheck(this.checkLockState)}},{key:"checkLockState",value:function(){var e=this;return this.state.text&&this.state.text.length?new Promise((function(t,n){confirm("".concat(e.props.name," has unsaved changes that will be lost. Do you wish to continue?"))?t():n()})):Promise.resolve()}},{key:"render",value:function(){var e=this,t=this.props,n=t.disclosureManager,r=t.name,l=t.disclosureType;return c.default.createElement(f.default,{fill:!0,header:c.default.createElement(g.default,{title:"Disclosure - ".concat(r),onClose:n.closeDisclosure,onBack:n.goBack,onMaximize:n.maximize,onMinimize:n.minimize})},c.default.createElement("div",{className:b("content-wrapper")},c.default.createElement("h3",null,r),c.default.createElement("p",null,"The disclosed component can disclose content within the same panel."),c.default.createElement("p",null,"It can also render a header (like above) that implements the various DisclosureManager control functions."),c.default.createElement(m.default,{text:"Dismiss",onClick:function(){n.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}}),c.default.createElement(m.default,{text:"Disclose Again",onClick:function(){n.disclose({preferredType:l,size:"small",content:{key:"Nested ".concat(r),component:c.default.createElement(O,{name:"Nested ".concat(r),disclosureType:l})}})}}),c.default.createElement("br",null),c.default.createElement("br",null),c.default.createElement("p",null,"The disclosed component can register a dismiss check function that can interrupt and prevent dismissal. This component will prompt the user if text is detected in the input field below."),c.default.createElement(p.default,{value:this.state.text||"",onChange:function(t){e.setState({text:t.target.value})}}),this.state.text&&this.state.text.length?c.default.createElement("p",null,"Component has unsaved changes!"):null))}}])}(c.default.Component);E.propTypes=x,E.defaultProps={name:"Disclosure Component"};var O=(0,_.withDisclosureManager)(E);t.default=O},85556:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(96540)),a=r(n(54495)),o=r(n(82941)),u=n(12411),i=r(n(73688)),c=r(n(22288)),d=r(n(94150)),s=Object.freeze([{key:"SECTION_0",component:l.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:l.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:l.default.createElement(d.default,{name:"No Disclosure Section"})}]),m=function(e){var t=e.disclosureManager;return l.default.createElement(a.default,{fill:!0,header:l.default.createElement(o.default,{onClose:t.closeDisclosure,onBack:t.goBack})},l.default.createElement(i.default,{items:s,disclose:t.disclose}))};m.propTypes={disclosureManager:u.disclosureManagerShape};t.default=(0,u.withDisclosureManager)(m)},94150:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(94634)),a=r(n(91847)),o=r(n(96540)),u=r(n(5556)),i=r(n(54495)),c=r(n(29489)),d=["name","aggregatorDelegate"],s={aggregatorDelegate:u.default.object,name:u.default.string},m=function(e){var t=e.name,n=e.aggregatorDelegate,r=(0,a.default)(e,d);return o.default.createElement(i.default,(0,l.default)({},r,{header:o.default.createElement(c.default,{title:t})}),n.hasFocus?o.default.createElement("button",{type:"button",onClick:function(){n.releaseFocus()}},"Release Focus"):o.default.createElement("button",{type:"button",onClick:function(){n.requestFocus()}},"Get Focus"),n.hasFocus?o.default.createElement("h4",null,"Section has focus!"):null)};m.propTypes=s;t.default=m},69076:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(96540));n(43934);t.default=function(e){var t=e.children,n=e.isPadded;return l.default.createElement("ul",{"aria-label":"Placeholder List",role:"tablist",className:n?"placeholder-list is-padded":"placeholder-list "},t)}},967:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(94634)),a=r(n(91847)),o=r(n(96540));n(43934);var u=["children","isSelected","onSelect"];t.default=function(e){var t=e.children,n=e.isSelected,r=e.onSelect,i=(0,a.default)(e,u),c=n?"placeholder-list-item is-selected":"placeholder-list-item ";return o.default.createElement("li",(0,l.default)({},i,{"aria-selected":n,tabIndex:"0",className:c,onClick:r,onKeyDown:function(e){13!==e.nativeEvent.keyCode&&32!==e.nativeEvent.keyCode||(e.preventDefault(),r(e))},role:"tab"}),t)}},8754:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=n(12411),o=r(n(62619)),u=r(n(85556)),i=(0,a.withDisclosureManager)((function(e){var t=e.disclosureManager;return l.default.createElement("button",{type:"button",onClick:function(){t.disclose({preferredType:"modal",size:"large",content:{key:"MODAL_EXAMPLE",component:l.default.createElement(u.default,{identifier:"MODAL_EXAMPLE"})}})}},"Launch Modal")}));i.propTypes={disclosureManager:a.disclosureManagerShape};t.A=function(){return l.default.createElement("div",null,l.default.createElement(o.default,null,l.default.createElement(i,null)))}},22033:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=r(n(62619)),o=r(n(13108)),u=n(12411),i=r(n(73688)),c=r(n(22288)),d=r(n(94150)),s=Object.freeze([{key:"SECTION_0",component:l.default.createElement(c.default,{name:"Slide Panel Section",disclosureType:"panel",discloseOnSelect:!0})},{key:"SECTION_1",component:l.default.createElement(c.default,{name:"Modal Section",disclosureType:"modal",discloseOnSelect:!0})},{key:"SECTION_2",component:l.default.createElement(d.default,{name:"No Disclosure Section"})}]),m=(0,u.withDisclosureManager)((function(e){var t=e.disclosureManager;return l.default.createElement(i.default,{items:s,disclose:t.disclose})}));t.A=function(){return l.default.createElement("div",null,l.default.createElement(a.default,null,l.default.createElement(o.default,null,l.default.createElement(m,null))))}},11365:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=r(n(58582)),o=r(n(73688)),u=r(n(22288)),i=Object.freeze([{key:"SECTION_0",component:l.default.createElement(u.default,{name:"Section 0"})},{key:"SECTION_1",component:l.default.createElement(u.default,{name:"Section 1"})},{key:"SECTION_2",component:l.default.createElement(u.default,{name:"Section 2"})},{key:"SECTION_3",component:l.default.createElement(u.default,{name:"Section 3"})}]);t.A=function(){return l.default.createElement("div",null,l.default.createElement(o.default,{items:i,render:function(e){return l.default.createElement(a.default,null,l.default.createElement(a.default.Row,null,l.default.createElement(a.default.Column,{tiny:6},e.items[0]),l.default.createElement(a.default.Column,{tiny:6},e.items[1])),l.default.createElement(a.default.Row,null,l.default.createElement(a.default.Column,{tiny:6},e.items[2]),l.default.createElement(a.default.Column,{tiny:6},e.items[3])))}}))}},41332:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(96540)),a=r(n(62619)),o=r(n(13108)),u=r(n(73688)),i=n(12411),c=r(n(22288)),d=(0,i.withDisclosureManager)((function(e){var t=e.items,n=e.disclosureManager;return l.default.createElement(u.default,{items:t,disclose:n.disclose})})),s=(0,i.withDisclosureManager)((function(e){var t=e.disclosureManager,n=Object.freeze([{key:"SECTION_0",component:l.default.createElement(c.default,{name:"Section 0",disclosureType:"panel",key:"SECTION_0",customDisclose:t.disclose,discloseOnSelect:!0})},{key:"SECTION_1",component:l.default.createElement(c.default,{name:"Section 1",disclosureType:"panel",key:"SECTION_1",customDisclose:t.disclose,discloseOnSelect:!0})}]);return l.default.createElement(o.default,null,l.default.createElement(d,{items:n}))}));t.A=function(){return l.default.createElement("div",null,l.default.createElement("p",null,"In this example, the Aggregator items are provided with the ModalManager disclosure function directly. Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be useful for simple Modal workflows that should not impact Aggregator state."),l.default.createElement(a.default,null,l.default.createElement(s,null)))}},65597:function(e,t,n){var r=n(24994);t.A=void 0;var l=r(n(94634)),a=r(n(17383)),o=r(n(34579)),u=r(n(28452)),i=r(n(63072)),c=r(n(29511)),d=r(n(96540)),s=r(n(73688)),m=r(n(22288));function f(e,t,n){return t=(0,i.default)(t),(0,u.default)(e,p()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function p(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(p=function(){return!!e})()}var g=Object.freeze([{key:"SECTION_0",component:d.default.createElement(m.default,{name:"Section 0"})},{key:"SECTION_1",component:d.default.createElement(m.default,{name:"Section 1"})},{key:"SECTION_2",component:d.default.createElement(m.default,{name:"Section 2"})},{key:"SECTION_3",component:d.default.createElement(m.default,{name:"Section 3"})}]),_=function(e){function t(e){var n;return(0,a.default)(this,t),(n=f(this,t,[e])).state={flip:!1},n}return(0,c.default)(t,e),(0,o.default)(t,[{key:"render",value:function(){var e=this;return d.default.createElement("div",null,d.default.createElement("button",{type:"button",onClick:function(){e.setState((function(e){return{flip:!e.flip}}))}},"Flip Section Order"),d.default.createElement("button",{type:"button",onClick:function(){e.forceUpdate()}},"Force Aggregator Render"),d.default.createElement(s.default,{items:this.state.flip?(0,l.default)([],g).reverse():g}))}}])}(d.default.Component);t.A=_},70699: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var l=c(n(96540)),a=c(n(5556)),o=c(n(67967)),u=c(n(34453)),i=["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[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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var g=o.default.bind(u.default),_={fitStart:a.default.element,fill:a.default.element.isRequired,fitEnd:a.default.element,align:a.default.oneOf(["center","bottom","stretch"]),alignFitStart:a.default.oneOf(["center","bottom","stretch"]),alignFitEnd:a.default.oneOf(["center","bottom","stretch"]),alignFill:a.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:a.default.object,fillAttributes:a.default.object,fitEndAttributes:a.default.object},y=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,a=e.align,o=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,f=e.fillAttributes,_=e.fitEndAttributes,y=p(e,i),h=m({},s),v=m({},f),b=m({},_);return l.default.createElement("span",d({},y,{className:g("arrange",y.className)}),l.default.createElement("span",d({},h,{className:g("fit",a||o,h.className,"fit-block")}),t),l.default.createElement("span",d({},v,{className:g("fill",a||u,v.className,"fill-block")}),n),l.default.createElement("span",d({},b,{className:g("fit",a||c,b.className)}),r))};y.propTypes=_;t.default=y},60762:function(e,t,n){n.r(t),n.d(t,{default:function(){return ee}});var r=n(96540),l=n(36665),a=n(8758),o=n(65597),u=["components"];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 d={};function s(e){var t=e.components,n=c(e,u);return(0,l.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nclass StandaloneAggregatorExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n flip: false,\n };\n }\n\n render() {\n const body = (\n
    \n \n \n \n
    \n );\n\n return body;\n }\n}\n\nexport default StandaloneAggregatorExample;\n\n")))}s.isMDXComponent=!0;var m=n(201),f=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Standalone Aggregator Example",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:l})},p=n(11365),g=["components"];function _(){return _=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 h={};function v(e){var t=e.components,n=y(e,g);return(0,l.mdx)("wrapper",_({},h,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Grid from 'terra-grid';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}, {\n key: 'SECTION_3',\n component: ,\n}]);\n\nconst CustomRenderAggregatorExample = () => (\n
    \n (\n \n \n \n {renderData.items[0]}\n \n \n {renderData.items[1]}\n \n \n \n \n {renderData.items[2]}\n \n \n {renderData.items[3]}\n \n \n \n )}\n />\n
    \n);\n\nexport default CustomRenderAggregatorExample;\n\n")))}v.isMDXComponent=!0;var b=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Custom Render Aggregator Example",description:n,example:r.createElement(p.A,null),exampleSrc:r.createElement(v,null),isExpanded:l})},x=n(8754),E=["components"];function O(){return O=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 w={};function A(e){var t=e.components,n=S(e,E);return(0,l.mdx)("wrapper",O({},w,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\nimport ModalManager from 'terra-modal-manager';\n\nimport ModalAggregator from '../common/ModalAggregator';\n\nconst ModalButton = withDisclosureManager(({ disclosureManager }) => (\n {\n disclosureManager.disclose({\n preferredType: 'modal',\n size: 'large',\n content: {\n key: 'MODAL_EXAMPLE',\n component: ,\n },\n });\n }}\n >\n Launch Modal\n \n));\n\nModalButton.propTypes = {\n disclosureManager: disclosureManagerShape,\n};\n\nconst SimpleAggregatorExample = () => (\n
    \n \n \n \n
    \n);\n\nexport default SimpleAggregatorExample;\n\n")))}A.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Aggregator In Modal Example",description:n,example:r.createElement(x.A,null),exampleSrc:r.createElement(A,null),isExpanded:l})},N=n(22033),M=["components"];function T(){return T=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 D={};function k(e){var t=e.components,n=C(e,M);return(0,l.mdx)("wrapper",T({},D,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport AggregatorItem from '../common/AggregatorItem';\nimport SimpleAggregatorItem from '../common/SimpleAggregatorItem';\n\nconst items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n}, {\n key: 'SECTION_1',\n component: ,\n}, {\n key: 'SECTION_2',\n component: ,\n}]);\n\nconst Wrapper = withDisclosureManager(({ disclosureManager }) => (\n \n));\n\nconst CombinedDisclosureExample = () => (\n
    \n \n \n \n \n \n
    \n);\n\nexport default CombinedDisclosureExample;\n\n")))}k.isMDXComponent=!0;var I=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Combined Disclosure Example",description:n,example:r.createElement(N.A,null),exampleSrc:r.createElement(k,null),isExpanded:l})},P=n(41332),G=["components"];function R(){return R=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 B={};function L(e){var t=e.components,n=F(e,G);return(0,l.mdx)("wrapper",R({},B,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ModalManager from 'terra-modal-manager';\nimport SlidePanelManager from 'terra-slide-panel-manager';\n\nimport Aggregator from 'terra-aggregator';\nimport { withDisclosureManager } from 'terra-disclosure-manager';\nimport AggregatorItem from '../common/AggregatorItem';\n\nconst Wrapper = withDisclosureManager(({ items, disclosureManager }) => (\n \n));\n\nconst ModalManagerBypass = withDisclosureManager(({ disclosureManager }) => {\n const items = Object.freeze([{\n key: 'SECTION_0',\n component: ,\n }, {\n key: 'SECTION_1',\n component: ,\n }]);\n\n return (\n \n \n \n );\n});\n\nconst ModalBypassExample = () => (\n
    \n

    \n In this example, the Aggregator items are provided with the ModalManager disclosure function directly.\n Calling that function does not require Aggregator focus and will bypass the Aggregator entirely. This can be\n useful for simple Modal workflows that should not impact Aggregator state.\n

    \n \n \n \n
    \n);\n\nexport default ModalBypassExample;\n\n")))}L.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(m.A,{title:t||"Disclosure Bypass Example",description:n,example:r.createElement(P.A,null),exampleSrc:r.createElement(L,null),isExpanded:l})},z=n(12883),W=["components"];function X(){return X=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 Y={},K="wrapper";function V(e){var t=e.components,n=H(e,W);return(0,l.mdx)(K,X({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(z.Ay,{mdxType:"PropsTable"},(0,l.mdx)(z.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(z.dt,{mdxType:"PropNameCell"},"items"),(0,l.mdx)(z.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n key: {\n type: 'string',\n required: true,\n },\n component: {\n type: 'element',\n required: true,\n },\n },\n}],\n"))),(0,l.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The components that will be managed by the Aggregator. Each component provided will be provided with an 'aggregatorDelegate' prop\ncontaining the Aggregator API. Keys must also be provided to allow the Aggregator to uniquely identify the component.\nImmutable objects are preferred."))),(0,l.mdx)(z.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(z.dt,{mdxType:"PropNameCell"},"render"),(0,l.mdx)(z.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A function that will override the Aggregators default render. The function will receive an Object parameter data necessary for the\nrender process."))),(0,l.mdx)(z.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(z.dt,{mdxType:"PropNameCell"},"disclose"),(0,l.mdx)(z.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(z.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(z.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"A function that will be provided to Aggregator items that have received focus. The function must adhere to the standardized\nDisclosureManager disclosure API.")))))}V.isMDXComponent=!0;var Z=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var Q={},$="wrapper";function ee(e){var t=e.components,n=U(e,Z);return(0,l.mdx)($,J({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-aggregator"},"Terra Aggregator"),(0,l.mdx)("p",null,"The Aggregator provides focus-based mechanisms for managing actions across disparate components."),(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-aggregator"))))),(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)("h2",{id:"usage"},"Usage"),(0,l.mdx)("h3",{id:"aggregator-focus"},"Aggregator Focus"),(0,l.mdx)("p",null,"The Aggregator manages interactions across its items using focus. Only one item can have focus at any given time. When an item requests focus, it can provide an Object containing state pertaining to the focus request. This state will be managed by the Aggregator and given to the item as a prop on the next render cycle. What goes inside this Object is up to the item. However, this Object will be destroyed when the item loses focus, so the data included should be scoped to things tied directly to a focused state."),(0,l.mdx)("p",null,"Once an item receives focus, the item will be provided with the 'disclose' function that the Aggregator was provided with. The Aggregator wraps that disclose function and ensures that the disclosure lifecycle is tied to the focus management. If the disclosure is closed, focus will be released from the disclosing component. If the disclosing component loses focus for whatever reason, the Aggregator will ensure that the disclosure is closed. Any DisclosureManager-based disclosure implementation is supported."),(0,l.mdx)("p",null,"The components rendered by the Aggregator are provided with an ",(0,l.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," prop for interacting with Aggregator state."),(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"aggregatorDelegate")," API:"),(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},"Key"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"hasFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A Boolean indicating whether or not the item currently has focus.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"requestFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A function that will attempt to give focus to the calling item.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"releaseFocus"),(0,l.mdx)("td",{parentName:"tr",align:null},"A function that will release focus from the calling item. This is only provided if the item currently has focus.")),(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},"itemState"),(0,l.mdx)("td",{parentName:"tr",align:null},"An Object containing state that was given to the Aggregator during the focus request.")))),(0,l.mdx)("h3",{id:"rendering"},"Rendering"),(0,l.mdx)("p",null,"By default, the components will be rendered by the Aggregator in the order given. An optional ",(0,l.mdx)("inlineCode",{parentName:"p"},"render")," prop can be provided that will override the default render logic."),(0,l.mdx)("p",null,(0,l.mdx)("inlineCode",{parentName:"p"},"render")," Argument Object API:"),(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},"Key"),(0,l.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,l.mdx)("tbody",{parentName:"table"},(0,l.mdx)("tr",{parentName:"tbody"},(0,l.mdx)("td",{parentName:"tr",align:null},(0,l.mdx)("inlineCode",{parentName:"td"},"items")),(0,l.mdx)("td",{parentName:"tr",align:null},"An Array of components that were provided to the Aggregator as ",(0,l.mdx)("inlineCode",{parentName:"td"},"items"),", now containing an ",(0,l.mdx)("inlineCode",{parentName:"td"},"aggregatorDelegate")," prop. The order of this array matches that of the ",(0,l.mdx)("inlineCode",{parentName:"td"},"items")," prop value of the Aggregator.")))),(0,l.mdx)("h4",{id:"rendering-example-using-grid"},"Rendering Example (using Grid)"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"}," }, { key: '2', component: }]}\n render={renderData => (\n \n \n \n {renderData.items[0]} // This component is equivalent to: \n \n \n {renderData.items[1]} // This component is equivalent to: \n \n \n \n )}\n/>\n")),(0,l.mdx)("h3",{id:"example"},"Example"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Aggregator from 'terra-aggregator';\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)("h2",{id:"examples"},"Examples"),(0,l.mdx)(f,{title:"Standalone Aggregator",mdxType:"StandaloneAggregatorExample"}),(0,l.mdx)(b,{title:"Custom Render Aggregator",mdxType:"CustomRenderAggregatorExample"}),(0,l.mdx)(I,{title:"Combined Discloure Aggregator",mdxType:"CombinedDisclosureExample"}),(0,l.mdx)(q,{title:"Disclosure Bypass Aggregator",mdxType:"DisclosureBypassExample"}),(0,l.mdx)(j,{title:"Aggregator In Modal",mdxType:"AggregatorInModalExample"}),(0,l.mdx)("h2",{id:"aggregator-props-table"},"Aggregator Props table"),(0,l.mdx)(V,{mdxType:"AggregatorPropsTable"}))}ee.isMDXComponent=!0},8758: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-framework/tree/main/packages/terra-aggregator",name:"terra-aggregator",version:"4.77.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"}},52146:function(e,t,n){n.r(t),t.default={"readonly-modal-content":"AggregatorItem-module__readonly-modal-content___90fCW","header-arrange":"AggregatorItem-module__header-arrange___uCJ-m","header-arrange-content":"AggregatorItem-module__header-arrange-content___k1GfD"}},27805:function(e,t,n){n.r(t),t.default={"example-wrapper":"example-styles-module__example-wrapper___BDtGd","content-wrapper":"example-styles-module__content-wrapper___aVyh0"}},43934:function(e,t,n){n.r(t),t.default={}},34453:function(e,t,n){n.r(t),t.default={arrange:"Arrange-module__arrange___MHOuO",fill:"Arrange-module__fill___yZYW7",fit:"Arrange-module__fit___q-20T",center:"Arrange-module__center___d-U54",bottom:"Arrange-module__bottom___-Jp3G",stretch:"Arrange-module__stretch___Xrwns",default:"Arrange-module__default___j+u5q"}},87030:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},73688:function(e,t,n){var r=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(43693)),a=r(n(91847)),o=r(n(17383)),u=r(n(34579)),i=r(n(28452)),c=r(n(63072)),d=r(n(12475)),s=r(n(29511)),m=r(n(96540)),f=r(n(5556)),p=["afterDismiss","dismissDisclosure"];function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e,t,n){return t=(0,c.default)(t),(0,i.default)(e,y()?Reflect.construct(t,n||[],(0,c.default)(e).constructor):t.apply(e,n))}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var h={items:f.default.arrayOf(f.default.shape({key:f.default.string.isRequired,component:f.default.element.isRequired})),render:f.default.func,disclose:f.default.func},v=function(e){function t(e){var n;return(0,o.default)(this,t),(n=_(this,t,[e])).requestFocus=n.requestFocus.bind((0,d.default)(n)),n.releaseFocus=n.releaseFocus.bind((0,d.default)(n)),n.setFocusState=n.setFocusState.bind((0,d.default)(n)),n.resetFocusState=n.resetFocusState.bind((0,d.default)(n)),n.renderItems=n.renderItems.bind((0,d.default)(n)),n.state={focusedItemId:void 0,focusedItemState:void 0},n}return(0,s.default)(t,e),(0,u.default)(t,[{key:"componentDidUpdate",value:function(e){var t,n=this.props.items,r=this.state.focusedItemId;this.props.items!==e.items&&(n.forEach((function(e){e.key===r&&(t=!0)})),t||this.releaseFocus(void 0,!0))}},{key:"setFocusState",value:function(e,t){this.setState({focusedItemId:e,focusedItemState:t})}},{key:"resetFocusState",value:function(){this.setFocusState()}},{key:"requestFocus",value:function(e,t){var n=this,r=this.props.disclose,o=this.state.focusedItemId;return new Promise((function(u,i){n.releaseFocus(o).then((function(){n.setFocusState(e,Object.freeze(t||{}));var o={};r&&(o.disclose=function(t){return n.state.focusedItemId!==e?Promise.reject():r(t).then((function(e){var t=e.afterDismiss,r=e.dismissDisclosure,o=(0,a.default)(e,p);return n.forceDismissInstance=r,t.then((function(){n.forceDismissInstance=void 0,n.state.focusedItemId&&n.resetFocusState()})),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 g=u.default.bind(c.default),_=function(e,t){if(e[t]){var n=e[t];return n>=1&&n<=12?null:new Error("".concat(t," must be in range 1 to 12 inclusively"))}return null},y={children:a.default.node,className:a.default.string,tiny:_,enormous:_,huge:_,large:_,medium:_,small:_},h=function(e){var t=e.className,n=e.children,r=e.tiny,a=e.small,u=e.medium,c=e.large,s=e.huge,_=e.enormous,y=p(e,d),h=l.default.useContext(i.default),v=(0,o.default)(g(["column",f(f(f(f(f(f({},"column-tiny-".concat(r),r),"column-small-".concat(a),a),"column-medium-".concat(u),u),"column-large-".concat(c),c),"column-huge-".concat(s),s),"column-enormous-".concat(_),_),h.className]),t);return l.default.createElement("div",m({},y,{className:v}),n)};h.propTypes=y;t.default=h},64216:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=d(n(46942)),o=d(n(67967)),u=d(n(52103)),i=d(n(87030)),c=["className","children"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=o.default.bind(i.default),p={children:l.default.node.isRequired,className:l.default.string},g=function(e){var t=e.className,n=e.children,l=m(e,c),o=r.default.useContext(u.default);return r.default.createElement("div",s({},l,{className:(0,a.default)(f("grid",o.className),t)}),n)};g.propTypes=p;t.default=g},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;t480||l.height>600?"large":"small":A[e.disclosure.size];var p=null!=e&&null!==(t=e.disclosure)&&void 0!==t&&null!==(t=t.typeConfig)&&void 0!==t&&t.panelBehavior?e.disclosure.typeConfig.panelBehavior:m.panelBehavior,x=e.disclosureComponentKeys[e.disclosureComponentKeys.length-1],E=(e.disclosureComponentData[x]||{}).headerAdapterData;return f.default.createElement(v.default,(0,a.default)({},m,{fill:!0,panelBehavior:p,isFullscreen:n,panelSize:r,isOpen:e.disclosure.isOpen,setSlidePanelRef:this.setSlidePanel,panelContent:f.default.createElement(_.default,{fill:!0,header:f.default.createElement(f.default.Fragment,null,E?f.default.createElement(g.default,{text:E.title,onClose:e.closeDisclosure,level:i,onBack:e.disclosureComponentKeys.length>1?e.dismissPresentedComponent:void 0},E.collapsibleMenuView):void 0,c)},f.default.createElement(h.default,{items:e.disclosure.components,isAnimated:!0,focusRef:this.slidePanel,slideAriaLabel:(null==E?void 0:E.title)||s})),panelAriaLabel:(null==E?void 0:E.title)||s,mainAriaLabel:d,mainContent:e.children.components}))}},{key:"render",value:function(){var e=this.props,t=e.withDisclosureContainer,n=e.children;return f.default.createElement(y.default,{withDisclosureContainer:t,supportedDisclosureTypes:[S],render:this.renderSlidePanel},n)}}])}(f.default.Component);j.propTypes=w,j.defaultProps={level:2,panelBehavior:"overlay"};t.default=j}}]); \ No newline at end of file diff --git a/75460-fa0f60600f1eb140423d.css b/75460-fa0f60600f1eb140423d.css new file mode 100644 index 000000000..4130b0ff3 --- /dev/null +++ b/75460-fa0f60600f1eb140423d.css @@ -0,0 +1,7 @@ +.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} +.WorklistDataGrid-module__worklist-data-grid-container___nc9kr{height:100%;width:100%} +.DataGrid-module__data-grid-container___wJCne{height:100%;width:100%}table{-webkit-user-select:none;-ms-user-select:none;user-select:none} +.FlowsheetDataGrid-module__flowsheet-data-grid-container___1Jt6A{height:100%;width:100%} +.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)} diff --git a/77127-73ac661656b978ef596b.css b/77127-73ac661656b978ef596b.css new file mode 100644 index 000000000..7b94172c5 --- /dev/null +++ b/77127-73ac661656b978ef596b.css @@ -0,0 +1,6 @@ +.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} +.Input-module__clinical-lowlight-theme___clY96{--terra-form-input-background-color: #222a2e;--terra-form-input-border: 1px solid #181b1d;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #b2b5b6;--terra-form-input-font-size: 1.14285714rem;--terra-form-input-height: 2.14285714rem;--terra-form-input-hover-border: 1px solid #181b1d;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.28571rem;--terra-form-input-padding-left: 0.28571rem;--terra-form-input-padding-right: 0.28571rem;--terra-form-input-padding-top: 0.28571rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-disabled-background-color: #1d2529;--terra-form-input-disabled-border: 1px solid #242b2b;--terra-form-input-disabled-color: #404344;--terra-form-input-disabled-opacity: 0.25;--terra-form-input-focus-background-color: #222a2e;--terra-form-input-focus-border: 1px solid #004c76;--terra-form-input-error-border: 1px solid #181b1d;--terra-form-input-error-disabled-background-color: #1d2529;--terra-form-input-error-disabled-border: 1px solid #242b2b;--terra-form-input-error-disabled-color: #404344;--terra-form-input-error-disabled-opacity: 0.25;--terra-form-input-error-focus-background-color: #222a2e;--terra-form-input-error-focus-border: 1px solid #004c76;--terra-form-input-error-hover-border: 1px solid #181b1d;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-focus-color: #b2b5b6;--terra-form-input-focus-ltr-box-shadow: none;--terra-form-input-focus-rtl-box-shadow: none;--terra-form-input-hover-background-color: #222a2e;--terra-form-input-hover-color: #b2b5b6;--terra-form-input-error-background-color: #222a2e;--terra-form-input-error-background-image: none;--terra-form-input-error-box-shadow: 0 0 0 1px #fb4c4c;--terra-form-input-error-focus-box-shadow: 0 0 1px 3px #004c76, 0 0 7px 4px #004c76;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-focus-rtl-box-shadow: 0 0 0 1px #004c76;--terra-form-input-error-hover-background-color: #222a2e;--terra-form-input-incomplete-background-color: #464232;--terra-form-input-incomplete-hover-background-color: #464232;--terra-form-input-incomplete-disabled-background-color: #464232;--terra-form-input-incomplete-focus-background-color: #464232}.Input-module__orion-fusion-theme___phvH5{--terra-form-input-background-color: #fff;--terra-form-input-border: 1px solid #dedfe0;--terra-form-input-border-radius: 3px;--terra-form-input-box-shadow: none;--terra-form-input-color: #1c1f21;--terra-form-input-font-size: 1rem;--terra-form-input-height: 2.16667rem;--terra-form-input-line-height: 1.25;--terra-form-input-padding-bottom: 0.25rem;--terra-form-input-padding-left: 0.25rem;--terra-form-input-padding-right: 0.25rem;--terra-form-input-padding-top: 0.25rem;--terra-form-input-transition-duration: 0s;--terra-form-input-transition-timing-function: ease;--terra-form-input-background-image: none;--terra-form-input-background-size: auto;--terra-form-input-hover-background-color: #fff;--terra-form-input-hover-border: 1px solid #dedfe0;--terra-form-input-hover-color: #1c1f21;--terra-form-input-focus-background-color: #fff;--terra-form-input-focus-border: 1px solid #4cb2e9;--terra-form-input-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-color: #1c1f21;--terra-form-input-focus-background-size: auto;--terra-form-input-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-disabled-background-color: #f4f4f4;--terra-form-input-disabled-border: 1px solid #b2b5b6;--terra-form-input-disabled-color: #9b9fa1;--terra-form-input-disabled-opacity: 1;--terra-form-input-error-background-image: none;--terra-form-input-error-background-color: #fff;--terra-form-input-error-border: 1px solid #dedfe0;--terra-form-input-error-box-shadow: none;--terra-form-input-error-hover-background-color: #fff;--terra-form-input-error-hover-border: 1px solid #dedfe0;--terra-form-input-error-focus-background-color: #fff;--terra-form-input-error-focus-border: 1px solid #dedfe0;--terra-form-input-error-focus-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-background-size: auto;--terra-form-input-error-focus-ltr-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-focus-rtl-box-shadow: 0 0 8px #a6d9f4;--terra-form-input-error-disabled-background-color: #f4f4f4;--terra-form-input-error-disabled-border: 1px solid #b2b5b6;--terra-form-input-error-disabled-color: #9b9fa1;--terra-form-input-error-disabled-opacity: 1;--terra-form-input-incomplete-background-color: #fefd9a;--terra-form-input-incomplete-hover-background-color: #fefd9a;--terra-form-input-incomplete-focus-background-color: #fefd9a;--terra-form-input-incomplete-disabled-background-color: #f4f4f4}.Input-module__form-input___Fk8kb{color:#1c1f21;color:var(--terra-form-input-color, #1c1f21);font-family:inherit;font-size:1.142857rem;font-size:var(--terra-form-input-font-size, 1.142857rem);height:2.142857rem;height:var(--terra-form-input-height, 2.142857rem);line-height:1.25;line-height:var(--terra-form-input-line-height, 1.25);width:100%}[dir] .Input-module__form-input___Fk8kb{background-color:#fff;background-color:var(--terra-form-input-background-color, #fff);background-image:var(--terra-form-input-background-image);background-repeat:no-repeat;background-size:var(--terra-form-input-background-size);border:1px solid #dedfe0;border:var(--terra-form-input-border, 1px solid #dedfe0);border-radius:3px;border-radius:var(--terra-form-input-border-radius, 3px);box-shadow:var(--terra-form-input-box-shadow);padding-bottom:0.28571rem;padding-bottom:var(--terra-form-input-padding-bottom, 0.28571rem);padding-top:0.28571rem;padding-top:var(--terra-form-input-padding-top, 0.28571rem);transition-duration:0s;transition-duration:var(--terra-form-input-transition-duration, 0s);transition-property:background-size;transition-timing-function:ease;transition-timing-function:var(--terra-form-input-transition-timing-function, ease)}[dir=ltr] .Input-module__form-input___Fk8kb{background-position:0 100%;padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-left, 0.28571rem);padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-right, 0.28571rem)}[dir=rtl] .Input-module__form-input___Fk8kb{background-position:100% 100%;padding-right:0.28571rem;padding-right:var(--terra-form-input-padding-left, 0.28571rem);padding-left:0.28571rem;padding-left:var(--terra-form-input-padding-right, 0.28571rem)}.Input-module__form-input___Fk8kb:hover{color:var(--terra-form-input-hover-color)}[dir] .Input-module__form-input___Fk8kb:hover{background-color:#fff;background-color:var(--terra-form-input-hover-background-color, #fff);border:1px solid #dedfe0;border:var(--terra-form-input-hover-border, 1px solid #dedfe0)}[dir] .Input-module__form-input___Fk8kb[required]{box-shadow:none}.Input-module__form-input___Fk8kb[disabled]{color:#1c1f21;color:var(--terra-form-input-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-disabled-opacity, 0.25);pointer-events:none}[dir] .Input-module__form-input___Fk8kb[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #868a8c;border:var(--terra-form-input-disabled-border, 1px solid #868a8c);cursor:default}.Input-module__form-input___Fk8kb:focus{color:var(--terra-form-input-focus-color);outline:none}[dir] .Input-module__form-input___Fk8kb:focus{background-color:#fff;background-color:var(--terra-form-input-focus-background-color, #fff);background-size:var(--terra-form-input-focus-background-size);border:1px solid #4cb2e9;border:var(--terra-form-input-focus-border, 1px solid #4cb2e9);box-shadow:var(--terra-form-input-focus-box-shadow)}[dir=ltr] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-ltr-box-shadow)}[dir=rtl] .Input-module__form-input___Fk8kb:focus{box-shadow:var(--terra-form-input-focus-rtl-box-shadow)}[dir] .Input-module__form-error___aU4hq{background-color:#fff;background-color:var(--terra-form-input-error-background-color, #fff);background-image:var(--terra-form-input-error-background-image);border:1px solid #e50000;border:var(--terra-form-input-error-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:hover{background-color:#fff;background-color:var(--terra-form-input-error-hover-background-color, #fff);border:1px solid #e50000;border:var(--terra-form-input-error-hover-border, 1px solid #e50000)}.Input-module__form-error___aU4hq[disabled]{color:#1c1f21;color:var(--terra-form-input-error-disabled-color, #1c1f21);opacity:0.25;opacity:var(--terra-form-input-error-disabled-opacity, 0.25)}[dir] .Input-module__form-error___aU4hq[disabled]{background-color:rgba(111, 116, 119, 0.2);background-color:var(--terra-form-input-error-disabled-background-color, rgba(111, 116, 119, 0.2));border:1px solid #e50000;border:var(--terra-form-input-error-disabled-border, 1px solid #e50000)}[dir] .Input-module__form-error___aU4hq[required]{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-error___aU4hq:focus{background-color:#fff;background-color:var(--terra-form-input-error-focus-background-color, #fff);background-size:var(--terra-form-input-error-focus-background-size);border:1px solid #e50000;border:var(--terra-form-input-error-focus-border, 1px solid #e50000);box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-box-shadow, 0 0 0 1px #e50000)}[dir=ltr] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-ltr-box-shadow, 0 0 0 1px #e50000)}[dir=rtl] .Input-module__form-error___aU4hq:focus{box-shadow:0 0 0 1px #e50000;box-shadow:var(--terra-form-input-error-focus-rtl-box-shadow, 0 0 0 1px #e50000)}[dir] .Input-module__form-incomplete___h4I7H{background-color:#ffc;background-color:var(--terra-form-input-incomplete-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:hover{background-color:#ffc;background-color:var(--terra-form-input-incomplete-hover-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H[disabled]{background-color:#ffc;background-color:var(--terra-form-input-incomplete-disabled-background-color, #ffc)}[dir] .Input-module__form-incomplete___h4I7H:focus{background-color:#ffc;background-color:var(--terra-form-input-incomplete-focus-background-color, #ffc)} +[dir] .ContentContainerDocCommon-module__content-container-standard___xm-JO, [dir] .ContentContainerDocCommon-module__content-container-fill___vPTqr{border:1px solid}.ContentContainerDocCommon-module__content-container-fill___vPTqr{height:200px}[dir] .ContentContainerDocCommon-module__content-container-dark___tXhS1{background-color:#024978;border:1px solid #fff}[dir] .ContentContainerDocCommon-module__content-container-darker___01gZS{background-color:#1b2326;border:1px solid #fff}.ContentContainerDocCommon-module__white-text___rzgIH{color:#fff}[dir] .ContentContainerDocCommon-module__button___f01ds{margin:5px} +.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/77127-73ac661656b978ef596b.js b/77127-73ac661656b978ef596b.js new file mode 100644 index 000000000..80abe4781 --- /dev/null +++ b/77127-73ac661656b978ef596b.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[77127,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,57626],{6569: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=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}(n(96540)),o=u(n(54495)),l=u(n(23986)),i=u(n(67967)),c=n(45947),d=u(n(57469));function u(e){return e&&e.__esModule?e:{default:e}}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){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,o,l,i=[],c=!0,d=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){d=!0,a=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(d)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(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 p(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 p(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);n=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.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},h=function(e){var t=e.children,n=s(e,c),a=r.default.useContext(l.default),i=(0,o.default)(m(["button",a.className]),n.className);return r.default.createElement("button",u({},n,{type:"button",className:i,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};h.propTypes=y;t.default=h},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),o=c(n(67967)),l=c(n(52103)),i=c(n(17269));function c(e){return e&&e.__esModule?e:{default:e}}var d=o.default.bind(i.default),u={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,o=r.default.useContext(l.default);return r.default.createElement("div",{className:d("notice",n,o.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=u,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=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),c=u(n(16576)),d=["title"];function u(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 o=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(c.default),f={title:a.default.string},y=function(e){var t=e.title,n=m(e,d),a=r.default.useContext(i.default),l=(0,o.default)(p(["placeholder",a.className]),n.className),c=p(["inner"]);return r.default.createElement("div",s({},n,{className:l}),r.default.createElement("div",{className:c},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 o.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=l(n(20999)),a=l(n(18778)),o=l(n(86159));function l(e){return e&&e.__esModule?e:{default:e}}},2210:function(e,t,n){n.r(t),n.d(t,{default:function(){return le}});var r=n(96540),a=n(36665),o=n(57690),l=n(74647),i=n(65929),c=["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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s={};function m(e){var t=e.components,n=u(e,c);return(0,a.mdx)("wrapper",d({},s,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 ContentContainer from 'terra-content-container';\nimport classNames from 'classnames/bind';\nimport { InputField } from 'terra-form-input';\nimport Button from 'terra-button';\nimport styles from './ContentContainerDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst display1 = (\n

    \n This tool is used to add patient details to the hospital database for\n documentation purposes. Please enter patient name as your name to get\n started.\n

    \n);\n\nconst contentheader =

    Registration Form

    ;\nconst contentfooter =

    Please enter the name as per the official document

    ;\n\nconst Container = () => {\n const [field, setField] = useState('');\n\n const handleFirstChange = (event) => {\n setField(event.target.value);\n };\n\n // eslint-disable-next-line no-alert\n const clickHandler = () => alert(\n `${\n field.trim().length !== 0\n ? `You have entered ${field}`\n : 'You have not entered anything'\n }`,\n );\n\n return (\n
    \n \n
    {display1}
    \n
    \n \n
    \n
    \n
    \n     \n
    \n );\n};\n\nexport default Container;\n\n")))}m.isMDXComponent=!0;var p=n(201),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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var v={};function b(e){var t=e.components,n=h(e,f);return(0,a.mdx)("wrapper",y({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-container-standard,\n .content-container-fill {\n border: 1px solid;\n }\n\n .content-container-fill {\n height: 200px;\n }\n\n .content-container-dark {\n background-color: #024978;\n border: 1px solid #fff;\n }\n\n .content-container-darker {\n background-color: #1b2326;\n border: 1px solid #fff;\n }\n\n .white-text {\n color: #fff;\n }\n\n .button {\n margin: 5px;\n }\n}\n\n")))}b.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Content Container Standard",description:n,example:r.createElement(i.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(m,null),isExpanded:a})},_=n(6569),x=["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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var E={};function N(e){var t=e.components,n=C(e,x);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, { useState } from 'react';\nimport ContentContainer from 'terra-content-container';\nimport Button from 'terra-button';\nimport classNames from 'classnames/bind';\nimport { InputField } from 'terra-form-input';\nimport styles from './ContentContainerDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst display1 = (\n

    \n This tool is used to add patient details to the hospital database for documentation purposes.\n Please enter patient name as your name to get started.\n

    \n);\n\nconst contentheader =

    Registration Form

    ;\nconst contentfooter =

    Please enter the name as per the official document

    ;\n\nconst Container = () => {\n const [field, setField] = useState('');\n\n const handleFirstChange = (event) => {\n setField(event.target.value);\n };\n\n // eslint-disable-next-line no-alert\n const clickHandler = () => alert(\n `${\n field.trim().length !== 0\n ? `You have entered ${field}`\n : 'You have not entered anything'\n }`,\n );\n\n return (\n
    \n \n
    {display1}
    \n
    \n \n
    \n
    \n \n
    \n     \n
    \n );\n};\n\nexport default Container;\n\n")))}N.isMDXComponent=!0;var j=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Content Container Fill",description:n,example:r.createElement(_.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(N,null),isExpanded:a})},w=n(86668),T=["components"];function P(){return P=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function M(e){var t=e.components,n=k(e,T);return(0,a.mdx)("wrapper",P({},S,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\n// eslint-disable-next-line import/no-extraneous-dependencies, import/no-unresolved, import/extensions\nimport Button from 'terra-button';\nimport ContentContainer from 'terra-content-container';\nimport { InputField } from 'terra-form-input';\nimport classNames from 'classnames/bind';\nimport styles from './ContentContainerDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst display1 = (\n

    \n This tool is used to add patient details to the hospital database for\n documentation purposes. Please enter patient name as your name to get\n started.\n

    \n);\n\nconst contentheader =

    Registration Form

    ;\nconst contentfooter =

    Children count is

    ;\n\nconst onContainerScroll = (scrollRef) => document\n .getElementById('contentfooter')\n .append(` ${scrollRef.children.length}`);\n\nconst Container = () => {\n const [field, setField] = useState('');\n\n const handleFirstChange = (event) => {\n setField(event.target.value);\n };\n\n // eslint-disable-next-line no-alert\n const clickHandler = () => alert(\n `${\n field.trim().length !== 0\n ? `You have entered ${field}`\n : 'You have not entered anything'\n }`,\n );\n\n return (\n
    \n {/**\n * ScrollRefCallback is used to refer to the scrollable area of the content container DOM element.\n */}\n \n
    {display1}
    \n
    \n \n
    \n
    \n \n
    \n \n
    \n );\n};\n\nexport default Container;\n\n")))}M.isMDXComponent=!0;var I=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Content Container Scroll Ref",description:n,example:r.createElement(w.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(M,null),isExpanded:a})},D=n(43785),R=["components"];function A(){return A=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var H={};function q(e){var t=e.components,n=F(e,R);return(0,a.mdx)("wrapper",A({},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 ContentContainer from 'terra-content-container';\nimport classNames from 'classnames/bind';\nimport styles from './ContentContainerDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst display1 = (\n

    \n Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about\n individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic\n verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may\n request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient\n details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity\n of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal\n information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to\n provide accurate contact information as it will be used for communication and verification purposes.\n

    \n);\n\nconst contentHeader =

    Registration Form

    ;\nconst contentFooter =

    Please enter the name as per the official document

    ;\n\nconst Container = () => (\n
    \n \n
    {display1}
    \n     \n
    \n);\n\nexport default Container;\n\n")))}q.isMDXComponent=!0;var B=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Content Container Without Interactive Elements",description:n,example:r.createElement(D.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(q,null),isExpanded:a})},W=n(27421),Y=["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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var $={};function L(e){var t=e.components,n=X(e,Y);return(0,a.mdx)("wrapper",Z({},$,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ContentContainer from 'terra-content-container';\nimport classNames from 'classnames/bind';\nimport ThemeContext from 'terra-theme-context';\nimport styles from './ContentContainerDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst display1 = (\n

    \n Entering patient details is a crucial process in healthcare facilities that involves capturing and documenting relevant information about\n individuals seeking medical care. Patient details need to be regularly updated to ensure accuracy and relevancy. This may involve periodic\n verification of personal information, updating medical history, and making necessary changes to insurance or contact details. Hospitals may\n request patients to review and confirm their information during subsequent visits or at designated intervals. Accurate and comprehensive patient\n details play a vital role in providing effective healthcare. They serve as a foundation for medical assessments, treatment planning, and continuity\n of care, enabling healthcare providers to deliver personalised and efficient services to patients.Begin filling out the form by entering your personal\n information. This usually includes your full name, contact details (such as phone number and email address), and residential address. It is crucial to\n provide accurate contact information as it will be used for communication and verification purposes.\n

    \n);\n\nconst contentHeader =

    Registration Form

    ;\nconst contentFooter =

    Please enter the name as per the official document

    ;\n\nconst Container = () => {\n const theme = React.useContext(ThemeContext);\n return (\n
    \n \n
    {display1}
    \n     \n
    \n );\n};\n\nexport default Container;\n\n")))}L.isMDXComponent=!0;var V=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Content Container Without Interactive Elements Dark",description:n,example:r.createElement(W.A,null),exampleCssSrc:r.createElement(b,null),exampleSrc:r.createElement(L,null),isExpanded:a})},K=n(12883),U=["components"];function J(){return J=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var G={},Q="wrapper";function ee(e){var t=e.components,n=z(e,U);return(0,a.mdx)(Q,J({},G,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(K.Ay,{mdxType:"PropsTable"},(0,a.mdx)(K.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"header"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The header element to be placed within the header area of the container."))),(0,a.mdx)(K.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"footer"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The footer element to be placed within the footer area of the container."))),(0,a.mdx)(K.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The children to be placed within the main content area of the container."))),(0,a.mdx)(K.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"fill"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the container should expanded to fill its parent element."))),(0,a.mdx)(K.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"scrollRefCallback"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Ref callback for the scrollable area of the content container."))),(0,a.mdx)(K.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"setFocusOnContainer"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nSets focus on content when set to ",(0,a.mdx)("inlineCode",{parentName:"p"},"true"),". Focus on content helps in scrolling within container when there is no interactive element to focus within container."))),(0,a.mdx)(K.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(K.dt,{mdxType:"PropNameCell"},"backgroundColor"),(0,a.mdx)(K.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'dark'\n 'light'\n],\n"))),(0,a.mdx)(K.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(K.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(K.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nThis prop needs to be set only if ",(0,a.mdx)("inlineCode",{parentName:"p"},"setFocusOnContainer")," is set. Based on dark or light background color the border will be white or black respectively to maintain\nan accessible color contrast ratio.")))))}ee.isMDXComponent=!0;var te=["components"];function ne(){return ne=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var ae={},oe="wrapper";function le(e){var t=e.components,n=re(e,te);return(0,a.mdx)(oe,ne({},ae,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-content-container"},"Terra Content Container"),(0,a.mdx)("p",null,"The Terra ContentContainer is a structural component for the purpose of arranging content with an optional header and/or footer."),(0,a.mdx)("p",null,"The footer is not responsive to mobile keyboard positioning."),(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-content-container"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ContentContainer from 'terra-content-container';\n")),(0,a.mdx)(l.Notice,{variant:"ux-recommendation",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,"As a best practice to ensure proper page structure, Ensure that the content container header uses valid header component which has a prop that allows to specify the proper heading level based on where the heading occurs on the page.\nIt is not recommended to use content container footer with heading elements, instead use ",(0,a.mdx)("inlineCode",{parentName:"p"},"

    ")," tag or text.")),(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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(g,{title:"Standard Container",mdxType:"ContentContainerStandard"}),(0,a.mdx)(B,{title:"Standard Container without Interactive elements",mdxType:"ContentContainerWithoutInteractiveElements"}),(0,a.mdx)(V,{title:"Standard Container without Interactive elements(Different parent background)",mdxType:"ContentContainerWithoutInteractiveElementsDark"}),(0,a.mdx)(j,{title:"Fill Container",mdxType:"ContentContainerFill"}),(0,a.mdx)(I,{title:"Scroll Ref Container",mdxType:"ContentContainerScrollRef"}),(0,a.mdx)("h2",{id:"content-container-props"},"Content Container Props"),(0,a.mdx)(ee,{mdxType:"ContentContainerPropsTable"}))}le.isMDXComponent=!0},57690:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),a=n(55713),o=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-content-container",name:"terra-content-container",version:"3.42.0",url:t})}},57469:function(e,t,n){n.r(t),t.default={"content-container-standard":"ContentContainerDocCommon-module__content-container-standard___xm-JO","content-container-fill":"ContentContainerDocCommon-module__content-container-fill___vPTqr","content-container-dark":"ContentContainerDocCommon-module__content-container-dark___tXhS1","content-container-darker":"ContentContainerDocCommon-module__content-container-darker___01gZS","white-text":"ContentContainerDocCommon-module__white-text___rzgIH",button:"ContentContainerDocCommon-module__button___f01ds"}},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},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"}},45947:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=o(n(51459)),a=o(n(19127));function o(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),c=u(n(78482)),d=["children","disableStripes","paddingStyle"];function u(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 o=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(c.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,l=m(e,d),c=r.default.useContext(i.default),u=(0,o.default)(p("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},c.className),l.className);return r.default.createElement("table",s({},l,{className:u}),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=l(n(96540)),a=l(n(5556)),o=["children"];function l(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={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=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("tbody",n,t)};d.propTypes=c,d.defaultProps={children:[]};t.default=d},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),o=["children"];function l(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={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=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("td",n,t)};d.propTypes=c,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),o=i(n(10767)),l=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var d={children:a.default.node},u=function(e){var t=e.children,n=c(e,l);return r.default.createElement("thead",n,r.default.createElement("tr",null,o.default.addScope(t,"col")))};u.propTypes=d,u.defaultProps={children:[]};t.default=u},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(96540)),a=l(n(5556)),o=["children"];function l(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={},o=Object.keys(e);for(r=0;r=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=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("th",n,t)};d.propTypes=c,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)),a=d(n(5556)),o=d(n(67967)),l=d(n(78482)),i=d(n(10767)),c=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m=o.default.bind(l.default),p={children:a.default.node},f=function(e){var t=e.children,n=s(e,c),a=m(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=p,f.defaultProps={children:[]};t.default=f},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 o={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=o},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 l.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return o.default}}),t.default=void 0;var r=d(n(85444)),a=d(n(61452)),o=d(n(36142)),l=d(n(86472)),i=d(n(97441)),c=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)),a=o(n(25365));function o(e){return e&&e.__esModule?e:{default:e}}function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t*{border-right:1px solid transparent;border-right:var(--terra-table-row-child-border-right, 1px solid transparent)}[dir=rtl] .Row-module__row___kl-SM>*{border-left:1px solid transparent;border-left:var(--terra-table-row-child-border-right, 1px solid transparent)}[dir=ltr] .Row-module__row___kl-SM>*:last-of-type{border-right:0}[dir=rtl] .Row-module__row___kl-SM>*:last-of-type{border-left:0}[dir=ltr] .Row-module__row___kl-SM.Row-module__divider-vertical___Utetb>*, [dir=ltr] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2>*{border-right:1px solid #dedfe0;border-right:var(--terra-table-row-divider-child-border-right, 1px solid #dedfe0)}[dir=rtl] .Row-module__row___kl-SM.Row-module__divider-vertical___Utetb>*, [dir=rtl] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2>*{border-left:1px solid #dedfe0;border-left:var(--terra-table-row-divider-child-border-right, 1px solid #dedfe0)}[dir=ltr] .Row-module__row___kl-SM.Row-module__divider-vertical___Utetb>*:last-of-type, [dir=ltr] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2>*:last-of-type{border-right:0}[dir=rtl] .Row-module__row___kl-SM.Row-module__divider-vertical___Utetb>*:last-of-type, [dir=rtl] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2>*:last-of-type{border-left:0}[dir] .Row-module__row___kl-SM.Row-module__divider-horizontal___z\+DiD, [dir] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2{border-top:1px solid #dedfe0;border-top:var(--terra-table-row-divider-border-top, 1px solid #dedfe0)}[dir] .Row-module__row___kl-SM.Row-module__divider-horizontal___z\+DiD:first-of-type, [dir] .Row-module__row___kl-SM.Row-module__divider-both___kbAR2:first-of-type{margin-top:-1px;margin-top:var(--terra-table-row-divider-first-margin-top, -1px)}[dir] .Row-module__row___kl-SM:last-of-type{border-bottom:1px solid #dedfe0;border-bottom:var(--terra-table-row-divider-border-bottom, 1px solid #dedfe0)}[dir] .Row-module__is-striped___WCLbv{background-color:#f6f7f8;background-color:var(--terra-table-row-striped-background-color, #f6f7f8)}[dir] .Row-module__is-striped___WCLbv.Row-module__is-selected___Lh47x{background-color:#e1f3fd;background-color:var(--terra-table-row-striped-selected-background-color, #e1f3fd)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .Row-module__is-striped___WCLbv.Row-module__is-selectable___UkybB:hover{background-color:#f4fefe;background-color:var(--terra-table-row-striped-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-table-row-striped-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #fff;box-shadow:var(--terra-table-row-striped-hover-box-shadow, inset 0 0 0 1px #fff)}[dir] .Row-module__is-striped___WCLbv.Row-module__is-selectable___UkybB:hover.Row-module__is-selected___Lh47x{background-color:#d1ebfb;background-color:var(--terra-table-row-striped-selected-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-table-row-striped-selected-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-table-row-striped-selected-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}}[dir] .Row-module__is-striped___WCLbv.Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus{background-color:#f6f7f8;background-color:var(--terra-table-row-striped-focus-background-color, #f6f7f8)}[dir] .Row-module__is-striped___WCLbv.Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus.Row-module__is-selected___Lh47x{background-color:#e1f3fd;background-color:var(--terra-table-row-striped-selected-focus-background-color, #e1f3fd)}[dir] .Row-module__is-selected___Lh47x{background-color:#e1f3fd;background-color:var(--terra-table-row-selected-background-color, #e1f3fd);box-shadow:var(--terra-table-row-selected-background-box-shadow)}[dir] .Row-module__is-selected___Lh47x.Row-module__divider-horizontal___z\+DiD.Row-module__row___kl-SM, [dir] .Row-module__is-selected___Lh47x.Row-module__divider-both___kbAR2.Row-module__row___kl-SM{border-color:#0092e0;border-color:var(--terra-table-row-selected-border-color, #0092e0)}[dir] .Row-module__is-selected___Lh47x.Row-module__divider-horizontal___z\+DiD:last-of-type, [dir] .Row-module__is-selected___Lh47x.Row-module__divider-both___kbAR2:last-of-type{border-bottom-color:#dedfe0;border-bottom-color:var(--terra-table-row-selected-last-border-bottom-color, #dedfe0)}[dir] .Row-module__is-selected___Lh47x.Row-module__divider-horizontal___z\+DiD+.Row-module__row___kl-SM, [dir] .Row-module__is-selected___Lh47x.Row-module__divider-both___kbAR2+.Row-module__row___kl-SM{border-top-color:#0092e0;border-top-color:var(--terra-table-row-selected-border-top-color, #0092e0)}[dir] .Row-module__is-selected___Lh47x.Row-module__divider-horizontal___z\+DiD+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x, [dir] .Row-module__is-selected___Lh47x.Row-module__divider-both___kbAR2+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x{box-shadow:var(--terra-table-row-selected-next-selected-box-shadow)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .Row-module__is-selected___Lh47x.Row-module__divider-horizontal___z\+DiD+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x:hover, [dir] .Row-module__is-selected___Lh47x.Row-module__divider-both___kbAR2+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x:hover{box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-table-row-selected-next-selected-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}}.Row-module__is-selectable___UkybB{outline:none}[dir] .Row-module__is-selectable___UkybB{cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .Row-module__is-selectable___UkybB:hover{background-color:#f4fefe;background-color:var(--terra-table-row-hover-background-color, #f4fefe);background-image:linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%);background-image:var(--terra-table-row-hover-background-image, linear-gradient(to bottom, #e1f2fd 2%, #ebf6fe 30%, #f4fafe 80%));box-shadow:inset 0 0 0 1px #fff;box-shadow:var(--terra-table-row-hover-box-shadow, inset 0 0 0 1px #fff)}[dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:hover{background-color:#d1ebfb;background-color:var(--terra-table-row-selected-hover-background-color, #d1ebfb);background-image:linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%);background-image:var(--terra-table-row-selected-hover-background-image, linear-gradient(to bottom, #b3ddf8 2%, #c8e9fe 30%, #d1ebfb 80%));box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-table-row-selected-hover-box-shadow, inset 0 0 0 1px #e1f3fd)}}[dir] .Row-module__is-selectable___UkybB:active.Row-module__row___kl-SM, [dir] .Row-module__is-selectable___UkybB:hover.Row-module__row___kl-SM{border-top-color:#58b1e0;border-top-color:var(--terra-table-row-active-hover-border-top-color, #58b1e0)}[dir] .Row-module__is-selectable___UkybB:active:last-of-type, [dir] .Row-module__is-selectable___UkybB:hover:last-of-type{border-bottom-color:#dedfe0;border-bottom-color:var(--terra-table-row-active-hover-last-border-bottom-color, #dedfe0);border-top-color:#58b1e0;border-top-color:var(--terra-table-row-active-hover-last-border-top-color, #58b1e0)}[dir] .Row-module__is-selectable___UkybB:active+.Row-module__row___kl-SM:not(.Row-module__is-selected___Lh47x), [dir] .Row-module__is-selectable___UkybB:hover+.Row-module__row___kl-SM:not(.Row-module__is-selected___Lh47x){border-top-color:#97c6df;border-top-color:var(--terra-table-row-active-hover-next-border-top-color, #97c6df)}[dir] .Row-module__is-selectable___UkybB:active+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x, [dir] .Row-module__is-selectable___UkybB:hover+.Row-module__row___kl-SM.Row-module__is-selected___Lh47x{border-top-color:#0092e0;border-top-color:var(--terra-table-row-active-hover-next-selected-border-top-color, #0092e0);box-shadow:var(--terra-table-row-active-hover-next-selected-box-shadow)}[dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:active.Row-module__row___kl-SM, [dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:hover.Row-module__row___kl-SM{border-top-color:#0092e0;border-top-color:var(--terra-table-row-selected-active-hover-border-top-color, #0092e0)}[dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:active:last-of-type, [dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:hover:last-of-type{border-bottom-color:#dedfe0;border-bottom-color:var(--terra-table-row-selected-active-hover-last-border-bottom-color, #dedfe0);border-top-color:#0092e0;border-top-color:var(--terra-table-row-selected-active-hover-last-border-top-color, #0092e0)}[dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:active+.Row-module__row___kl-SM, [dir] .Row-module__is-selectable___UkybB.Row-module__is-selected___Lh47x:hover+.Row-module__row___kl-SM{border-top-color:#0092e0;border-top-color:var(--terra-table-row-selected-active-hover-next-border-top-color, #0092e0)}[dir] .Row-module__is-selectable___UkybB[data-row-show-focus=false]:active{background-color:#e1f3fd;background-color:var(--terra-table-row-active-background-color, #e1f3fd);background-image:var(--terra-table-row-active-background-image);box-shadow:inset 0 0 0 1px #fff;box-shadow:var(--terra-table-row-active-box-shadow, inset 0 0 0 1px #fff)}[dir] .Row-module__is-selectable___UkybB[data-row-show-focus=false]:active.Row-module__is-selected___Lh47x{background-color:#c8e9fe;background-color:var(--terra-table-row-selected-active-background-color, #c8e9fe);background-image:var(--terra-table-row-selected-active-background-image);box-shadow:inset 0 0 0 1px #e1f3fd;box-shadow:var(--terra-table-row-selected-active-box-shadow, inset 0 0 0 1px #e1f3fd)}.Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus{outline:2px dashed #000;outline:var(--terra-table-row-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-row-focus-outline-offset, -2px);z-index:1}[dir] .Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus{background-color:var(--terra-table-row-focus-background-color)}[dir] .Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus.Row-module__is-selected___Lh47x{background-color:#e1f3fd;background-color:var(--terra-table-row-selected-focus-background-color, #e1f3fd)}@media print{.Row-module__row___kl-SM{page-break-inside:avoid}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus{outline:none}.Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus::before{bottom:0;content:"";position:absolute;top:0}[dir] .Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus::before{border:2px dashed #000;border:var(--terra-table-row-ie-focus-before-border, 2px dashed #000)}[dir=ltr] .Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus::before{left:0;right:0}[dir=rtl] .Row-module__is-selectable___UkybB[data-row-show-focus=true]:focus::before{right:0;left:0}} +.Cell-module__cell___e2\+MR{-ms-flex:1 1 0px;flex:1 1 0;outline:none;overflow:hidden;vertical-align:top;word-break:break-word}[dir] .Cell-module__cell___e2\+MR{border:0}[dir=ltr] .Cell-module__cell___e2\+MR{text-align:left}[dir=rtl] .Cell-module__cell___e2\+MR{text-align:right}[dir=ltr] .Cell-module__cell___e2\+MR:last-of-type{border-right:0}[dir=rtl] .Cell-module__cell___e2\+MR:last-of-type{border-left:0}[dir] [data-table-padding=standard] .Cell-module__container___OF2kn{padding-bottom:0.5rem;padding-bottom:var(--terra-table-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-table-cell-standard-padding-top, 0.5rem)}[dir=ltr] [data-table-padding=standard] .Cell-module__container___OF2kn{padding-left:0.7142857143rem;padding-left:var(--terra-table-cell-standard-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-cell-standard-padding-right, 0.7142857143rem)}[dir=rtl] [data-table-padding=standard] .Cell-module__container___OF2kn{padding-right:0.7142857143rem;padding-right:var(--terra-table-cell-standard-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-cell-standard-padding-right, 0.7142857143rem)}[dir] [data-table-padding=compact] .Cell-module__container___OF2kn{padding-bottom:0.25rem;padding-bottom:var(--terra-table-cell-compact-padding-bottom, 0.25rem);padding-top:0.25rem;padding-top:var(--terra-table-cell-compact-padding-top, 0.25rem)}[dir=ltr] [data-table-padding=compact] .Cell-module__container___OF2kn{padding-left:0.7142857143rem;padding-left:var(--terra-table-cell-compact-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-cell-compact-padding-right, 0.7142857143rem)}[dir=rtl] [data-table-padding=compact] .Cell-module__container___OF2kn{padding-right:0.7142857143rem;padding-right:var(--terra-table-cell-compact-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-cell-compact-padding-right, 0.7142857143rem)}.Cell-module__container___OF2kn,.Cell-module__content-width___zXKT4{width:100%} +.SectionHeader-module__section-header___qCxmA{overflow:hidden;width:100%;z-index:1}[dir] .SectionHeader-module__section-header___qCxmA{background-color:#e8e9ea;background-color:var(--terra-table-section-header-background-color, #e8e9ea);border-top:1px solid #b2b5b6;border-top:var(--terra-table-section-header-border-top, 1px solid #b2b5b6);padding:0}[dir] .SectionHeader-module__section-header___qCxmA:first-of-type{margin-top:-1px;margin-top:var(--terra-table-section-header-first-margin-top, -1px)}[dir] .SectionHeader-module__section-header___qCxmA+div{border-top:1px solid #b2b5b6 !important;border-top:var(--terra-table-section-header-next-border-top, 1px solid #b2b5b6) !important}[dir] .SectionHeader-module__section-content___FRkod{padding-bottom:0.5rem;padding-bottom:var(--terra-table-section-header-content-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-table-section-header-content-padding-top, 0.5rem)}[dir=ltr] .SectionHeader-module__section-content___FRkod{padding-left:0.7142857143rem;padding-left:var(--terra-table-section-header-content-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-section-header-content-padding-right, 0.7142857143rem)}[dir=rtl] .SectionHeader-module__section-content___FRkod{padding-right:0.7142857143rem;padding-right:var(--terra-table-section-header-content-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-section-header-content-padding-right, 0.7142857143rem)}.SectionHeader-module__title___4YPht{color:#1c1f21;color:var(--terra-table-section-header-title-color, #1c1f21);font-size:1rem;font-size:var(--terra-table-section-header-title-font-size, 1rem);font-weight:bold;font-weight:var(--terra-table-section-header-title-font-weight, bold);line-height:1.1428571429;line-height:var(--terra-table-section-header-title-line-height, 1.1428571429);overflow-wrap:break-word;width:100%;word-wrap:break-word}[dir] .SectionHeader-module__title___4YPht{margin:0;padding:0}.SectionHeader-module__is-collapsible___Kn5Pf{outline:none}[dir] .SectionHeader-module__is-collapsible___Kn5Pf{cursor:pointer}.SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}[dir=ltr] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod{padding-left:1rem;padding-left:var(--terra-table-section-header-collapsible-padding-left, 1rem)}[dir=rtl] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod{padding-right:1rem;padding-right:var(--terra-table-section-header-collapsible-padding-left, 1rem)}.SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus{outline:2px dashed #000;outline:var(--terra-table-section-header-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-section-header-focus-outline-offset, -2px);position:relative;z-index:1}[dir] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus{background-color:transparent;background-color:var(--terra-table-section-header-focus-background-color, transparent)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .SectionHeader-module__is-collapsible___Kn5Pf:hover{background-color:#e8e9ea;background-color:var(--terra-table-section-header-hover-background-color, #e8e9ea);background-image:linear-gradient(to bottom, #bcbfc0 2%, #d0d1d2 30%, #d8dada 80%);background-image:var(--terra-table-section-header-hover-background-image, linear-gradient(to bottom, #bcbfc0 2%, #d0d1d2 30%, #d8dada 80%));box-shadow:inset 0 0 0 1px #e8e9ea;box-shadow:var(--terra-table-section-header-hover-box-shadow, inset 0 0 0 1px #e8e9ea)}}[dir] .SectionHeader-module__is-collapsible___Kn5Pf:active{background-color:#d0d1d2;background-color:var(--terra-table-section-header-active-background-color, #d0d1d2);box-shadow:inset 0 0 0 1px #e8e9ea;box-shadow:var(--terra-table-section-header-active-box-shadow, inset 0 0 0 1px #e8e9ea)}.SectionHeader-module__fill___\+dTKl{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;width:100%}.SectionHeader-module__start___gc5f5{-ms-flex:0 0 auto;flex:0 0 auto}[dir=ltr] .SectionHeader-module__start___gc5f5{padding-right:0.7142857143rem;padding-right:var(--terra-table-section-header-start-padding-right, 0.7142857143rem)}[dir=rtl] .SectionHeader-module__start___gc5f5{padding-left:0.7142857143rem;padding-left:var(--terra-table-section-header-start-padding-right, 0.7142857143rem)}.SectionHeader-module__accordion-icon___POeTQ{display:block;height:0.7142857143rem;height:var(--terra-table-section-header-accordion-icon-height, 0.7142857143rem);width:0.7142857143rem;width:var(--terra-table-section-header-accordion-icon-width, 0.7142857143rem)}[dir] .SectionHeader-module__accordion-icon___POeTQ{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20id%3D%22caretRight%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-section-header-accordion-icon-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20id%3D%22caretRight%22%20d%3D%22M12%2C0l24%2C24L12%2C48V0z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;transform:rotate(0deg)}[dir=rtl] .SectionHeader-module__accordion-icon___POeTQ{transform:scaleX(-1)}[dir] .SectionHeader-module__accordion-icon___POeTQ.SectionHeader-module__is-open___XpuHO{transform:rotate(90deg)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus{outline:none}.SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus::before{bottom:0;content:"";position:absolute;top:0;z-index:2}[dir] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus::before{border:2px dashed #000;border:var(--terra-table-section-header-ie-focus-before-border, 2px dashed #000)}[dir=ltr] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus::before{left:0;right:0}[dir=rtl] .SectionHeader-module__is-collapsible___Kn5Pf .SectionHeader-module__section-content___FRkod[data-row-show-focus=true]:focus::before{right:0;left:0}} +.HeaderCell-module__header-cell___vE\+tj{-ms-flex-align:end;align-items:flex-end;color:#1c1f21;color:var(--terra-table-header-cell-color, #1c1f21);display:-ms-flexbox;display:flex;-ms-flex:1 1 0px;flex:1 1 0;font-size:1rem;font-size:var(--terra-table-header-cell-font-size, 1rem);font-weight:bold;font-weight:var(--terra-table-header-cell-font-weight, bold);-ms-flex-pack:justify;justify-content:space-between;line-height:1.143;line-height:var(--terra-table-header-cell-line-height, 1.143);position:relative;vertical-align:bottom;word-break:break-word}[dir] .HeaderCell-module__header-cell___vE\+tj{border:0;margin:0;padding:0}[dir=ltr] .HeaderCell-module__header-cell___vE\+tj{border-right:1px solid #ccc;border-right:var(--terra-table-header-cell-border-right, 1px solid #ccc);text-align:left}[dir=rtl] .HeaderCell-module__header-cell___vE\+tj{border-left:1px solid #ccc;border-left:var(--terra-table-header-cell-border-right, 1px solid #ccc);text-align:right}[dir=ltr] .HeaderCell-module__header-cell___vE\+tj:last-of-type{border-right:0}[dir=rtl] .HeaderCell-module__header-cell___vE\+tj:last-of-type{border-left:0}.HeaderCell-module__sort-indicator-asc___VOb6u,.HeaderCell-module__sort-indicator-desc___BbNv9{color:rgba(0,0,0,0);-ms-flex:0 0 auto;flex:0 0 auto;height:0.6429rem;height:var(--terra-table-header-cell-sort-indicator-height, 0.6429rem);width:0.6429rem;width:var(--terra-table-header-cell-sort-indicator-width, 0.6429rem)}[dir] .HeaderCell-module__sort-indicator-asc___VOb6u, [dir] .HeaderCell-module__sort-indicator-desc___BbNv9{margin-bottom:0.21428rem;margin-bottom:var(--terra-table-header-cell-sort-indicator-margin-bottom, 0.21428rem);padding:0}[dir] .HeaderCell-module__sort-is-active___aTjHw.HeaderCell-module__sort-indicator-asc___VOb6u{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-desc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCell-module__sort-is-active___aTjHw.HeaderCell-module__sort-indicator-desc___BbNv9{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-sort-asc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E"))}.HeaderCell-module__is-interactable___D-sl8{outline:none;outline:var(--terra-table-header-cell-outline, none)}[dir] .HeaderCell-module__is-interactable___D-sl8{cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .HeaderCell-module__is-interactable___D-sl8:hover{background-color:#f1f1f2;background-color:var(--terra-table-header-cell-hover-background-color, #f1f1f2);background-image:linear-gradient(to bottom, #d1d2d3 2%, #e0e1e2 30%, #ebebeb 80%);background-image:var(--terra-table-header-cell-hover-background-image, linear-gradient(to bottom, #d1d2d3 2%, #e0e1e2 30%, #ebebeb 80%));box-shadow:inset 0 0 0 1px #f1f1f2;box-shadow:var(--terra-table-header-cell-hover-box-shadow, inset 0 0 0 1px #f1f1f2)}[dir] .HeaderCell-module__is-interactable___D-sl8:hover .HeaderCell-module__sort-indicator-asc___VOb6u{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22rgba%2828%2C31%2C33%2C0.4%29%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-hover-asc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22rgba%2828%2C31%2C33%2C0.4%29%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCell-module__is-interactable___D-sl8:hover .HeaderCell-module__sort-indicator-desc___BbNv9{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22rgba%2828%2C31%2C33%2C0.4%29%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-hover-desc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22rgba%2828%2C31%2C33%2C0.4%29%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCell-module__is-interactable___D-sl8:hover .HeaderCell-module__sort-is-active___aTjHw.HeaderCell-module__sort-indicator-asc___VOb6u{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-active-hover-asc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200L.1%2023.5l3.8%203.8L21%2010.6V48h6V10.6l17.1%2016.7%203.8-3.8z%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCell-module__is-interactable___D-sl8:hover .HeaderCell-module__sort-is-active___aTjHw.HeaderCell-module__sort-indicator-desc___BbNv9{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-header-cell-active-hover-desc-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%20class%3D%22is-bidi%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M47.9%2024.5l-3.8-3.8L27%2037.4V0h-6v37.4L3.9%2020.7.1%2024.5%2024%2048z%22%2F%3E%3C%2Fsvg%3E"))}}[dir] .HeaderCell-module__is-interactable___D-sl8:active{background-color:#fff;background-color:var(--terra-table-header-cell-active-background-color, #fff)}.HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus{outline:2px dashed #000;outline:var(--terra-table-header-cell-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-header-cell-focus-outline-offset, -2px);z-index:1}[dir] .HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus{background-color:var(--terra-table-header-cell-focus-background-color)}.HeaderCell-module__cell-content___\+UiT8{-ms-flex-align:center;align-items:center;-ms-flex:1 1 auto;flex:1 1 auto;min-width:0;overflow:hidden;overflow-wrap:break-word;width:100%;word-wrap:break-word}.HeaderCell-module__container___Hb5rK{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;width:100%}[dir] [data-table-padding=standard] .HeaderCell-module__container___Hb5rK{padding-bottom:0.5rem;padding-bottom:var(--terra-table-header-cell-standard-padding-bottom, 0.5rem);padding-top:0.5rem;padding-top:var(--terra-table-header-cell-standard-padding-top, 0.5rem)}[dir=ltr] [data-table-padding=standard] .HeaderCell-module__container___Hb5rK{padding-left:0.7142857143rem;padding-left:var(--terra-table-header-cell-standard-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-header-cell-standard-padding-right, 0.7142857143rem)}[dir=rtl] [data-table-padding=standard] .HeaderCell-module__container___Hb5rK{padding-right:0.7142857143rem;padding-right:var(--terra-table-header-cell-standard-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-header-cell-standard-padding-right, 0.7142857143rem)}[dir] [data-table-padding=compact] .HeaderCell-module__container___Hb5rK{padding-bottom:0.35715rem;padding-bottom:var(--terra-table-header-cell-compact-padding-bottom, 0.35715rem);padding-top:0.35715rem;padding-top:var(--terra-table-header-cell-compact-padding-top, 0.35715rem)}[dir=ltr] [data-table-padding=compact] .HeaderCell-module__container___Hb5rK{padding-left:0.7142857143rem;padding-left:var(--terra-table-header-cell-compact-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-header-cell-compact-padding-right, 0.7142857143rem)}[dir=rtl] [data-table-padding=compact] .HeaderCell-module__container___Hb5rK{padding-right:0.7142857143rem;padding-right:var(--terra-table-header-cell-compact-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-header-cell-compact-padding-right, 0.7142857143rem)}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus{outline:none}.HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus::before{bottom:0;content:"";position:absolute;top:0}[dir] .HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus::before{border:2px dashed #000;border:var(--terra-table-header-cell-ie-focus-before-border, 2px dashed #000)}[dir=ltr] .HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus::before{left:0;right:0}[dir=rtl] .HeaderCell-module__is-interactable___D-sl8[data-header-show-focus=true]:focus::before{right:0;left:0}} +.ChevronCell-module__cell___sYr-M{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;word-break:break-word}[dir] .ChevronCell-module__cell___sYr-M{border:0}.ChevronCell-module__chevron___WFLvA{color:#ccc;display:block;height:1rem;height:var(--terra-table-chevron-cell-height, 1rem);position:relative;width:1rem;width:var(--terra-table-chevron-cell-width, 1rem)}[dir] .ChevronCell-module__chevron___WFLvA{background:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20enable-background%3D%22new%200%200%2048%2048%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevronRight%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%2F%3E%3C%2Fsvg%3E");background:var(--terra-table-chevron-cell-visible-background, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2048%2048%22%20enable-background%3D%22new%200%200%2048%2048%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20id%3D%22chevronRight%22%20d%3D%22M37.7%2024L14.2%2048l-3.9-3.8L30%2024%2010.3%203.8%2014.2%200z%22%2F%3E%3C%2Fsvg%3E"));background-repeat:no-repeat;background-size:contain;padding:1px;padding:var(--terra-table-chevron-cell-padding, 1px);transform:rotate(0deg)}[dir=rtl] .ChevronCell-module__chevron___WFLvA{transform:scaleX(-1)}.ChevronCell-module__container___6BWCm{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}[dir=ltr] .ChevronCell-module__container___6BWCm{padding-left:0.7142857143rem;padding-left:var(--terra-table-chevron-cell-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-chevron-cell-padding-right, 0.7142857143rem)}[dir=rtl] .ChevronCell-module__container___6BWCm{padding-right:0.7142857143rem;padding-right:var(--terra-table-chevron-cell-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-chevron-cell-padding-right, 0.7142857143rem)} +.CheckMarkCell-module__cell___RW1nW{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;outline:none;position:relative}[dir] .CheckMarkCell-module__cell___RW1nW{border:0}[dir=ltr] .CheckMarkCell-module__cell___RW1nW:last-of-type, [dir=ltr] .CheckMarkCell-module__cell___RW1nW.CheckMarkCell-module__hide-cell___Xmaxv{border-right:0}[dir=rtl] .CheckMarkCell-module__cell___RW1nW:last-of-type, [dir=rtl] .CheckMarkCell-module__cell___RW1nW.CheckMarkCell-module__hide-cell___Xmaxv{border-left:0}.CheckMarkCell-module__checkmark___hfGg-{height:1rem;height:var(--terra-table-checkmark-cell-height, 1rem);width:1rem;width:var(--terra-table-checkmark-cell-width, 1rem)}[dir] .CheckMarkCell-module__checkmark___hfGg-{background-repeat:no-repeat;background-size:contain;border:1px solid rgba(0,0,0,0);border-radius:3px;border-radius:var(--terra-table-checkmark-cell-border-radius, 3px);padding:1px}.CheckMarkCell-module__container___MnhWZ{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}.CheckMarkCell-module__is-top-align___QaDAK{-ms-flex-pack:start;justify-content:flex-start}[dir] .CheckMarkCell-module__is-interactable___Kk4yP{cursor:pointer}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .CheckMarkCell-module__is-interactable___Kk4yP:hover .CheckMarkCell-module__checkmark___hfGg-{border:1px solid #2a4b77;border:var(--terra-table-checkmark-cell-hover-border, 1px solid #2a4b77)}}[dir] .CheckMarkCell-module__is-interactable___Kk4yP:active .CheckMarkCell-module__checkmark___hfGg-{background-color:#b5d4fe;background-color:var(--terra-table-checkmark-cell-active-background-color, #b5d4fe);border:1px solid #3a67a4;border:var(--terra-table-checkmark-cell-active-border, 1px solid #3a67a4)}.CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS{outline:2px dashed #000;outline:var(--terra-table-checkmark-cell-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-checkmark-cell-focus-outline-offset, -2px)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .CheckMarkCell-module__is-interactable___Kk4yP:hover .CheckMarkCell-module__is-selected___NBgnM{background-color:#2a4b77;background-color:var(--terra-table-checkmark-cell-selected-hover-background-color, #2a4b77)}}[dir] .CheckMarkCell-module__is-interactable___Kk4yP:active .CheckMarkCell-module__is-selected___NBgnM{background-color:#1a2f4b;background-color:var(--terra-table-checkmark-cell-selected-active-background-color, #1a2f4b)}[dir] .CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-selected___NBgnM{background-color:transparent;background-color:var(--terra-table-checkmark-cell-selected-background-color, transparent);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-checkmark-cell-selected-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23000%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"))}[dir] .CheckMarkCell-module__is-disabled___ddpEF.CheckMarkCell-module__is-selected___NBgnM{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23ccc%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-checkmark-cell-selected-disabled-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23ccc%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"))}[dir] .CheckMarkCell-module__is-selectable___KEhlA.CheckMarkCell-module__checkmark___hfGg-{background-color:#fff;background-color:var(--terra-table-checkmark-cell-selectable-background-color, #fff);border:1px solid #a4a5a6;border:var(--terra-table-checkmark-cell-selectable-border, 1px solid #a4a5a6)}[dir] .CheckMarkCell-module__is-selectable___KEhlA.CheckMarkCell-module__is-selected___NBgnM{background-color:#3a67a4;background-color:var(--terra-table-checkmark-cell-selectable-selected-background-color, #3a67a4);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-checkmark-cell-selectable-selected-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"));border:1px solid #3a67a4;border:var(--terra-table-checkmark-cell-selectable-selected-border, 1px solid #3a67a4)}[dir] .CheckMarkCell-module__is-selectable___KEhlA.CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-disabled___ddpEF{background-color:rgba(111, 116, 119, 0.05);background-color:var(--terra-table-checkmark-cell-selectable-disabled-background-color, rgba(111, 116, 119, 0.05));border:1px solid rgba(134, 138, 140, 0.25);border:var(--terra-table-checkmark-cell-selectable-selectable-disabled-border, 1px solid rgba(134, 138, 140, 0.25))}[dir] .CheckMarkCell-module__is-selectable___KEhlA.CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-disabled___ddpEF.CheckMarkCell-module__is-selected___NBgnM{background-color:rgba(134,138,140,.25);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-checkmark-cell-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"))}[dir=ltr] .CheckMarkCell-module__container___MnhWZ{padding-left:0.7142857143rem;padding-left:var(--terra-table-checkmark-cell-default-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-checkmark-cell-default-padding-right, 0.7142857143rem)}[dir=rtl] .CheckMarkCell-module__container___MnhWZ{padding-right:0.7142857143rem;padding-right:var(--terra-table-checkmark-cell-default-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-checkmark-cell-default-padding-right, 0.7142857143rem)}.CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-hidden___BGze-{position:absolute;top:50%;width:1px}[dir] .CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-hidden___BGze-{background-color:rgba(0,0,0,0);background-image:none;border:0;margin:-1px;padding:0}[dir=ltr] .CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-hidden___BGze-{left:50%}[dir=rtl] .CheckMarkCell-module__checkmark___hfGg-.CheckMarkCell-module__is-hidden___BGze-{right:50%}.CheckMarkCell-module__checkmark___hfGg-:focus{outline:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS{outline:none}.CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS::before{bottom:0;content:"";position:absolute;top:0}[dir] .CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS::before{border:2px dashed #000;border:var(--terra-table-checkmark-cell-ie-focus-before-border, 2px dashed #000)}[dir=ltr] .CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS::before{left:0;right:0}[dir=rtl] .CheckMarkCell-module__is-interactable___Kk4yP[data-cell-show-focus=true].CheckMarkCell-module__is-focused___h43WS::before{right:0;left:0}} +.HeaderChevronCell-module__cell___3bUdC{-ms-flex:0 0 auto;flex:0 0 auto;word-break:break-word}[dir] .HeaderChevronCell-module__cell___3bUdC{border:0}.HeaderChevronCell-module__chevron___92NJW{position:relative;width:1rem;width:var(--terra-table-header-chevron-cell-width, 1rem)}[dir] .HeaderChevronCell-module__chevron___92NJW{padding:1px;padding:var(--terra-table-header-chevron-cell-spacer-padding, 1px)}[dir=ltr] .HeaderChevronCell-module__container___50gLf{padding-left:0.7142857143rem;padding-left:var(--terra-table-header-chevron-cell-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-header-chevron-cell-padding-right, 0.7142857143rem)}[dir=rtl] .HeaderChevronCell-module__container___50gLf{padding-right:0.7142857143rem;padding-right:var(--terra-table-header-chevron-cell-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-header-chevron-cell-padding-right, 0.7142857143rem)} +.HeaderCheckMarkCell-module__header-cell___SeUM4{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end;outline:none;position:relative}[dir=ltr] .HeaderCheckMarkCell-module__header-cell___SeUM4{border-right:1px solid #ccc;border-right:var(--terra-table-header-checkmark-cell-border-right, 1px solid #ccc)}[dir=rtl] .HeaderCheckMarkCell-module__header-cell___SeUM4{border-left:1px solid #ccc;border-left:var(--terra-table-header-checkmark-cell-border-right, 1px solid #ccc)}[dir=ltr] .HeaderCheckMarkCell-module__header-cell___SeUM4:last-of-type, [dir=ltr] .HeaderCheckMarkCell-module__header-cell___SeUM4.HeaderCheckMarkCell-module__hide-cell___pgMIO{border-right:0}[dir=rtl] .HeaderCheckMarkCell-module__header-cell___SeUM4:last-of-type, [dir=rtl] .HeaderCheckMarkCell-module__header-cell___SeUM4.HeaderCheckMarkCell-module__hide-cell___pgMIO{border-left:0}.HeaderCheckMarkCell-module__label___Qvkh-{font-size:.5rem;line-height:0;text-overflow:ellipsis}.HeaderCheckMarkCell-module__checkmark___0hWBn{height:1rem;height:var(--terra-table-header-checkmark-cell-height, 1rem);width:1rem;width:var(--terra-table-header-checkmark-cell-width, 1rem)}[dir] .HeaderCheckMarkCell-module__checkmark___0hWBn{background-repeat:no-repeat;background-size:contain;border:1px solid transparent;border:var(--terra-table-header-checkmark-cell-border, 1px solid transparent);border-radius:3px;border-radius:var(--terra-table-header-checkmark-cell-border-radius, 3px);padding:1px;padding:var(--terra-table-header-checkmark-cell-padding, 1px)}.HeaderCheckMarkCell-module__container___DjHcG{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;position:relative}[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3{cursor:pointer}[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3 .HeaderCheckMarkCell-module__checkmark___0hWBn{background-color:#fff;background-color:var(--terra-table-header-checkmark-cell-interactable-background-color, #fff);border:1px solid #9b9c9d;border:var(--terra-table-header-checkmark-cell-interactable-border, 1px solid #9b9c9d)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3:hover .HeaderCheckMarkCell-module__checkmark___0hWBn{border:1px solid #2a4b77;border:var(--terra-table-header-checkmark-cell-interactable-hover-border, 1px solid #2a4b77)}}[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3:active .HeaderCheckMarkCell-module__checkmark___0hWBn{background-color:#b5d4fe;background-color:var(--terra-table-header-checkmark-cell-interactable-active-background-color, #b5d4fe);border:1px solid #3a67a4;border:var(--terra-table-header-checkmark-cell-interactable-active-border, 1px solid #3a67a4)}@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover)and (pointer: fine){[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3:hover .HeaderCheckMarkCell-module__is-selected___mnNOM{background-color:#2a4b77;background-color:var(--terra-table-header-checkmark-cell-interactable-hover-selected-background-color, #2a4b77)}}[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3:active .HeaderCheckMarkCell-module__is-selected___mnNOM{background-color:#1a2f4b;background-color:var(--terra-table-header-checkmark-cell-interactable-active-selected-background-color, #1a2f4b)}.HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH{outline:2px dashed #000;outline:var(--terra-table-header-checkmark-cell-interactable-focus-outline, 2px dashed #000);outline-offset:-2px;outline-offset:var(--terra-table-header-checkmark-cell-interactable-focus-outline-offset, -2px)}[dir] .HeaderCheckMarkCell-module__checkmark___0hWBn.HeaderCheckMarkCell-module__is-selected___mnNOM{background-color:#3a67a4;background-color:var(--terra-table-header-checkmark-cell-selected-background-color, #3a67a4);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-header-checkmark-cell-selected-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"));border:1px solid #3a67a4;border:var(--terra-table-header-checkmark-cell-selected-border, 1px solid #3a67a4)}[dir] .HeaderCheckMarkCell-module__is-selected___mnNOM.HeaderCheckMarkCell-module__is-intermediate___yyqzd{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%226%22%20width%3D%228%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-header-checkmark-cell-intermediate-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%226%22%20width%3D%228%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCheckMarkCell-module__is-disabled___bMAEI{background-color:rgba(111, 116, 119, 0.07);background-color:var(--terra-table-header-checkmark-cell-disabled-background-color, rgba(111, 116, 119, 0.07));border:1px solid rgba(134, 138, 140, 0.35);border:var(--terra-table-header-checkmark-cell-disabled-border, 1px solid rgba(134, 138, 140, 0.35))}[dir] .HeaderCheckMarkCell-module__is-disabled___bMAEI.HeaderCheckMarkCell-module__is-selected___mnNOM{background-color:rgba(134, 138, 140, 0.35);background-color:var(--terra-table-header-checkmark-cell-disabled-selected-background-color, rgba(134, 138, 140, 0.35));background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-header-checkmark-cell-disabled-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%2211.125%202.818%2012.711%204.385%205.833%2011.182%201.289%206.691%202.875%205.124%205.833%208.047%2011.125%202.818%22%2F%3E%3C%2Fsvg%3E"))}[dir] .HeaderCheckMarkCell-module__is-disabled___bMAEI.HeaderCheckMarkCell-module__is-selected___mnNOM.HeaderCheckMarkCell-module__is-intermediate___yyqzd{background-color:rgba(134, 138, 140, 0.35);background-color:var(--terra-table-header-checkmark-cell-disabled-intermediate-background-color, rgba(134, 138, 140, 0.35));background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.8%29%22%20x%3D%223%22%20y%3D%226%22%20width%3D%228%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E");background-image:var(--terra-table-header-checkmark-cell-disabled-intermediate-background-image, url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Crect%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.8%29%22%20x%3D%223%22%20y%3D%226%22%20width%3D%228%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E"))}[dir=ltr] .HeaderCheckMarkCell-module__container___DjHcG{padding-left:0.7142857143rem;padding-left:var(--terra-table-header-checkmark-cell-default-padding-left, 0.7142857143rem);padding-right:0.7142857143rem;padding-right:var(--terra-table-header-checkmark-cell-default-padding-right, 0.7142857143rem)}[dir=rtl] .HeaderCheckMarkCell-module__container___DjHcG{padding-right:0.7142857143rem;padding-right:var(--terra-table-header-checkmark-cell-default-padding-left, 0.7142857143rem);padding-left:0.7142857143rem;padding-left:var(--terra-table-header-checkmark-cell-default-padding-right, 0.7142857143rem)}[dir] [data-table-padding=standard] .HeaderCheckMarkCell-module__container___DjHcG{padding-bottom:0.5rem;padding-bottom:var(--terra-table-header-checkmark-cell-standard-padding-bottom, 0.5rem)}[dir] [data-table-padding=compact] .HeaderCheckMarkCell-module__container___DjHcG{padding-bottom:0.35715rem;padding-bottom:var(--terra-table-header-checkmark-cell-compact-padding-bottom, 0.35715rem)}.HeaderCheckMarkCell-module__checkmark___0hWBn.HeaderCheckMarkCell-module__is-hidden___MfVih{position:absolute;top:50%;width:1px}[dir] .HeaderCheckMarkCell-module__checkmark___0hWBn.HeaderCheckMarkCell-module__is-hidden___MfVih{background-color:rgba(0,0,0,0);background-image:none;border:0;margin:-1px;padding:0}[dir=ltr] .HeaderCheckMarkCell-module__checkmark___0hWBn.HeaderCheckMarkCell-module__is-hidden___MfVih{left:50%}[dir=rtl] .HeaderCheckMarkCell-module__checkmark___0hWBn.HeaderCheckMarkCell-module__is-hidden___MfVih{right:50%}.HeaderCheckMarkCell-module__checkmark___0hWBn:focus{outline:none}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH{outline:none}.HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH::before{bottom:0;content:"";position:absolute;top:0}[dir] .HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH::before{border:2px dashed #000;border:var(--terra-table-header-checkmark-cell-ie-focus-before-border, 2px dashed #000)}[dir=ltr] .HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH::before{left:0;right:0}[dir=rtl] .HeaderCheckMarkCell-module__is-interactable___-a4x3[data-cell-show-focus=true].HeaderCheckMarkCell-module__is-focused___1LQPH::before{right:0;left: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/77836-4b3235c92efa22660575.js b/77836-4b3235c92efa22660575.js new file mode 100644 index 000000000..0991f197d --- /dev/null +++ b/77836-4b3235c92efa22660575.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[77836,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],{55713:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(96540)),r=n(l(5556)),o=n(l(67967)),d=n(l(25642)),i=o.default.bind(d.default),u={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},c=function(e){var t=e.src,l=e.name,n=e.url,r=e.version,o=a.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(l,"/v/").concat(r)},a.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:i("badge-version")},"v".concat(r))),d=t?a.default.createElement("a",{className:i("badge"),href:t},a.default.createElement("span",{className:i("badge-name")},"github"),a.default.createElement("span",{className:i("badge-version")},"source")):void 0;return a.default.createElement("div",{className:i("badge-container")},o,d)};c.propTypes=u;t.A=c},201:function(e,t,l){var n=l(24994),a=l(73738);t.A=void 0;var r=n(l(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 l=p(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(n,o,d):n[o]=e[o]}return n.default=e,l&&l.set(e,n),n}(l(96540)),d=n(l(5556)),i=n(l(67967)),u=l(92912),c=n(l(49558)),s=n(l(53665)),f=l(25966),m=n(l(89986));function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(p=function(e){return e?l:t})(e)}var b=i.default.bind(m.default),y={example:d.default.element,exampleSrc:d.default.element,exampleCssSrc:d.default.element,title:d.default.string,description:d.default.node,isExpanded:d.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,l=e.exampleSrc,n=e.exampleCssSrc,a=e.title,d=e.description,i=e.isExpanded,m=(0,o.useState)(i),p=(0,r.default)(m,2),y=p[0],v=p[1],g=(0,o.useState)(!1),x=(0,r.default)(g,2),O=x[0],w=x[1],C=o.default.useContext(u.ThemeContext),k=void 0!==n,T=function(){w(!O),y&&v(!y)},S=function(){v(!y),O&&w(!O)},j=function(e,t){e.nativeEvent.keyCode!==f.KEY_SPACE&&e.nativeEvent.keyCode!==f.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:b("template",C.className)},o.default.createElement("div",{className:b("header")},a&&o.default.createElement("h2",{className:b("title")},a)),o.default.createElement("div",{className:b("content")},d&&o.default.createElement("div",{className:b("description")},d),t),o.default.createElement("div",{className:b("footer")},l?o.default.createElement("div",{className:b("button-container")},k&&o.default.createElement("button",{type:"button",className:b("css-toggle","item",{"is-selected":O}),onClick:T,onKeyDown:function(e){return j(e,T)},onBlur:_,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(s.default,{className:b("chevron")})),o.default.createElement("button",{type:"button",className:b("code-toggle","item",{"is-selected":y}),onClick:S,onKeyDown:function(e){return j(e,S)},onBlur:_,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:b("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(s.default,{className:b("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:b("css")},n),y&&o.default.createElement("div",{className:b("code")},l))))};v.propTypes=y,v.defaultProps={isExpanded:!1};t.A=v},12883:function(e,t,l){var n=l(24994),a=l(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return u.Row}}),t.Ay=t.$d=void 0;var r=f(l(96540)),o=n(l(5556)),d=n(l(67967)),i=l(92912),u=f(l(26984)),c=n(l(89744));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(s=function(e){return e?l:t})(e)}function f(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=a(e)&&"function"!=typeof e)return{default:e};var l=s(t);if(l&&l.has(e))return l.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(n,o,d):n[o]=e[o]}return n.default=e,l&&l.set(e,n),n}var m=d.default.bind(c.default),p={children:o.default.node},b={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return r.default.createElement(u.Cell,{className:m("bold")},t)}).propTypes=p,(t.$d=function(e){var t=e.children;return r.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.YZ=function(e){var t=e.isRequired;return r.default.createElement(u.Cell,{className:m([t?["required"]:[]])},t?"required":"optional")}).propTypes=b,(t.NZ=function(e){var t=e.children;return r.default.createElement(u.Cell,{className:m("code-block-override")},t)}).propTypes=p,(t.Hd=function(e){var t=e.children;return r.default.createElement(u.Cell,null,t)}).propTypes=p;var y=function(e){var t=e.children,l=(0,r.useContext)(i.ThemeContext);return r.default.createElement(u.default,{paddingStyle:"compact",className:m("table",l.className)},r.default.createElement(u.Header,{className:m("header")},r.default.createElement(u.HeaderCell,null,"Prop"),r.default.createElement(u.HeaderCell,null,"Type"),r.default.createElement(u.HeaderCell,null,"Required"),r.default.createElement(u.HeaderCell,null,"Default"),r.default.createElement(u.HeaderCell,null,"Description")),r.default.createElement(u.Body,null,t))};y.propTypes=p;t.Ay=y},86159:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(67967)),o=u(l(52103)),d=u(l(36605)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=r.default.bind(d.default),m=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b={children:a.default.string},y=function(e){var t=e.children,l=s(e,i),a=n.default.useContext(o.default),d=(0,r.default)(f(["button",a.className]),l.className);return n.default.createElement("button",c({},l,{type:"button",className:d,onBlur:m,onMouseDown:p,"data-focus-styles-enabled":!0}),t)};y.propTypes=b;t.default=y},20999:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(l(96540)),a=i(l(5556)),r=i(l(67967)),o=i(l(52103)),d=i(l(17269));function i(e){return e&&e.__esModule?e:{default:e}}var u=r.default.bind(d.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,l=e.variant,a=e.children,r=n.default.useContext(o.default);return n.default.createElement("div",{className:u("notice",l,r.className)},n.default.createElement("div",{className:u("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:u("title"),"aria-level":t},n.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"}(l))),n.default.createElement("div",{className:u("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:u("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:u("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:u("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(l),n.default.Children.map(a,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};s.propTypes=c,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(l(96540)),a=c(l(5556)),r=c(l(46942)),o=c(l(67967)),d=c(l(52103)),i=c(l(16576)),u=["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[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=o.default.bind(i.default),p={title:a.default.string},b=function(e){var t=e.title,l=f(e,u),a=n.default.useContext(d.default),o=(0,r.default)(m(["placeholder",a.className]),l.className),i=m(["inner"]);return n.default.createElement("div",s({},l,{className:o}),n.default.createElement("div",{className:i},n.default.createElement("p",{className:m("title")},t)))};b.propTypes=p,b.defaultProps={title:""};t.default=b},74647:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return a.default}});var n=o(l(20999)),a=o(l(18778)),r=o(l(86159));function o(e){return e&&e.__esModule?e:{default:e}}},33704:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(96540)),r=n(l(42596));t.A=function(){return a.default.createElement(r.default,{summaryId:"compact-table",summary:"This table has compact row padding.",cellPaddingStyle:"compact",numberOfColumns:1,dividerStyle:"horizontal",headerData:{cells:[{id:"header-name",key:"name",children:"Name"},{id:"header-address",key:"address",children:"Address"},{id:"header-phone_number",key:"phone_number",children:"Phone Number"}]},bodyData:[{rows:[{key:"row-0",cells:[{key:"cell-0",children:"John Smith"},{key:"cell-1",children:"123 Adams Drive"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-1",cells:[{key:"cell-0",children:"Jane Smith"},{key:"cell-1",children:"321 Drive Street"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-2",cells:[{key:"cell-0",children:"Dave Smith"},{key:"cell-1",children:"213 Raymond Road"},{key:"cell-2",children:"111-222-3333"}]}]}]})}},59591:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(96540)),r=n(l(42596));t.A=function(){return a.default.createElement(r.default,{summaryId:"default-table",summary:"This is a default table structure.",numberOfColumns:3,headerData:{cells:[{id:"header-name",key:"name",children:"Name"},{id:"header-address",key:"address",children:"Address"},{id:"header-phone_number",key:"phone_number",children:"Phone Number"}]},bodyData:[{rows:[{key:"row-0",cells:[{key:"cell-0",children:"John Smith"},{key:"cell-1",children:"123 Adams Drive"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-1",cells:[{key:"cell-0",children:"Jane Smith"},{key:"cell-1",children:"321 Drive Street"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-2",cells:[{key:"cell-0",children:"Dave Smith"},{key:"cell-1",children:"213 Raymond Road"},{key:"cell-2",children:"111-222-3333"}]}]}]})}},83873:function(e,t,l){var n=l(24994);t.A=void 0;var a=n(l(96540)),r=n(l(42596));t.A=function(){return a.default.createElement(r.default,{summaryId:"striped-table",summary:"This table displays striped rows.",numberOfColumns:3,dividerStyle:"horizontal",headerData:{cells:[{id:"header-name",key:"name",children:"Name"},{id:"header-address",key:"address",children:"Address"},{id:"header-phone_number",key:"phone_number",children:"Phone Number"}]},bodyData:[{rows:[{key:"row-0",cells:[{key:"cell-0",children:"John Smith"},{key:"cell-1",children:"123 Adams Drive"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-1",isStriped:!0,cells:[{key:"cell-0",children:"Jane Smith"},{key:"cell-1",children:"321 Drive Street"},{key:"cell-2",children:"111-222-3333"}]},{key:"row-2",cells:[{key:"cell-0",children:"Dave Smith"},{key:"cell-1",children:"213 Raymond Road"},{key:"cell-2",children:"111-222-3333"}]}]}]})}},77836:function(e,t,l){l.r(t),l.d(t,{default:function(){return V}});var n=l(96540),a=l(36665),r=l(55713),o=function(e){var t=e.url;return n.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-table",name:"terra-table",version:"4.36.0",url:t})},d=l(74647),i=l(59591),u=["components"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f={};function m(e){var t=e.components,l=s(e,u);return(0,a.mdx)("wrapper",c({},f,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'legacy-terra-table';\n\nconst TableExample = () => (\n \n);\n\nexport default TableExample;\n\n")))}m.isMDXComponent=!0;var p=l(201),b=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(p.A,{title:t||"Default Table",description:l,example:n.createElement(i.A,null),exampleSrc:n.createElement(m,null),isExpanded:a})},y=l(33704),_=["components"];function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var g={};function x(e){var t=e.components,l=v(e,_);return(0,a.mdx)("wrapper",h({},g,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'legacy-terra-table';\n\nconst PaddingTable = () => (\n \n);\n\nexport default PaddingTable;\n\n")))}x.isMDXComponent=!0;var O=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(p.A,{title:t||"Compact Padding Table",description:l,example:n.createElement(y.A,null),exampleSrc:n.createElement(x,null),isExpanded:a})},w=l(83873),C=["components"];function k(){return k=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var S={};function j(e){var t=e.components,l=T(e,C);return(0,a.mdx)("wrapper",k({},S,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'legacy-terra-table';\n\nconst StripedTable = () => (\n \n);\n\nexport default StripedTable;\n\n")))}j.isMDXComponent=!0;var N=function(e){var t=e.title,l=e.description,a=e.isExpanded;return n.createElement(p.A,{title:t||"Striped Table",description:l,example:n.createElement(w.A,null),exampleSrc:n.createElement(j,null),isExpanded:a})},D=l(12883),P=["components"];function E(){return E=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var R={},A="wrapper";function I(e){var t=e.components,l=M(e,P);return(0,a.mdx)(A,E({},R,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(D.Ay,{mdxType:"PropsTable"},(0,a.mdx)(D.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"bodyData"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"An array of sections containing rows."))),(0,a.mdx)(D.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"checkStyle"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'icon'\n 'toggle'\n],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The check mark styling to apply."))),(0,a.mdx)(D.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"dividerStyle"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'vertical'\n 'horizontal'\n 'both'\n],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The divider styling to apply to the child rows."))),(0,a.mdx)(D.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"columnWidths"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The width value structures associated to each column."))),(0,a.mdx)(D.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"hasChevrons"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the rows should have chevrons applied."))),(0,a.mdx)(D.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"headerData"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The data to build header cells and columns."))),(0,a.mdx)(D.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"headerNode"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Element to append to the top of the table. i.e. toolbars etc."))),(0,a.mdx)(D.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"fill"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not the table should expanded to fill its parent element."))),(0,a.mdx)(D.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"footerNode"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Element to append to the bottom of the table. i.e. toolbars etc."))),(0,a.mdx)(D.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"numberOfColumns"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(D.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The numberOfColumns to be used as a descriptor for assistive technology."))),(0,a.mdx)(D.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"numberOfRows"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"This value is used for accessibility when paged/virtualized rows are used.\nBy default this value is derived from the number of rows passed within the section."))),(0,a.mdx)(D.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"cellPaddingStyle"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'standard'\n 'compact'\n],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The padding styling to apply to the cell content."))),(0,a.mdx)(D.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"rowStyle"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'disclose'\n 'toggle'\n],\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The interaction styling to apply to the row.\n",(0,a.mdx)("inlineCode",{parentName:"p"},"'toggle'")," relates to the toggling of state as a means of input. ",(0,a.mdx)("inlineCode",{parentName:"p"},"'disclose'"),' relates to the presentation or disclosure of another component.\nBoth variants can ultimately display as "selected", but the interaction and structure are different for accessibility.'))),(0,a.mdx)(D.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"scrollRefCallback"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function callback returning the html node of the table's inner body element."))),(0,a.mdx)(D.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"showSimpleFooter"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(D.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether or not a display only footer should be affixed to the table."))),(0,a.mdx)(D.fI,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"summary"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(D.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The summary text to describe the table's content and interactions."))),(0,a.mdx)(D.fI,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(D.dt,{mdxType:"PropNameCell"},"summaryId"),(0,a.mdx)(D.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(D.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(D.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(D.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The element id to associate to the descriptive text.")))))}I.isMDXComponent=!0;var H=["components"];function q(){return q=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var B,K=(B="StandardPaddingTable",function(e){return console.warn("Component "+B+" was not imported, exported, or provided by MDXProvider as global scope"),(0,a.mdx)("div",e)}),Z={},F="wrapper";function V(e){var t=e.components,l=W(e,H);return(0,a.mdx)(F,q({},Z,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o,{mdxType:"Badge"}),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/version-4-docs/about"},(0,a.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,a.mdx)("h1",{id:"terra-table"},"Terra Table"),(0,a.mdx)(d.Notice,{variant:"deprecation",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"terra-table@4")," is no longer supported. If you are using ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-table@4"),", please upgrade to ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"v5"),".")),(0,a.mdx)("p",null,"Terra Table is a structural component used to create data tables. Table provides means to handle row selection and hooks for sortable columns."),(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-table@4"))))),(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:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Table from 'terra-table@4';\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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h1",{id:"examples"},"Examples"),(0,a.mdx)(b,{mdxType:"DefaultTable"}),(0,a.mdx)(K,{mdxType:"StandardPaddingTable"}),(0,a.mdx)(O,{mdxType:"CompactPaddingTable"}),(0,a.mdx)(N,{title:"Striped Table, No Padding Table",description:"(Note: the no padding style table is intended for tables with custom cell content that includes it's own internal spacing)",mdxType:"StripedTable"}),(0,a.mdx)("h2",{id:"table-props"},"Table Props"),(0,a.mdx)(I,{mdxType:"PropsTable"}))}V.isMDXComponent=!0},42912:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=C(l(96540)),a=C(l(5556)),r=C(l(46942)),o=C(l(67967)),d=C(l(52103)),i=C(l(54495)),u=C(l(16524)),c=C(l(88630)),s=C(l(89021)),f=C(l(9071)),m=C(l(36180)),p=C(l(2170)),b=C(l(55556)),y=C(l(69801)),_=C(l(37209)),h=C(l(80485)),v=C(l(42721)),g=C(l(97715)),x=C(l(87702)),O=C(l(40940)),w=["dividerStyle","hasChevrons","rowStyle","checkStyle","columnWidths","headerData","bodyData","fill","footerNode","headerNode","cellPaddingStyle","numberOfColumns","numberOfRows","scrollRefCallback","showSimpleFooter","summary","summaryId"];function C(e){return e&&e.__esModule?e:{default:e}}function k(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||t.length=0){var l=e.slice();return l.splice(l.indexOf(t),1),l}return e.concat([t])}return[t]};t.toggleArrayValue=n;var a={canToggleArrayValue:l,toggleArrayValue:n};t.default=a},42596:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Utils",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var n=r(l(42912)),a=r(l(43515));function r(e){return e&&e.__esModule?e:{default:e}}var o=n.default;t.default=o},23808:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({key:a.default.string.isRequired,children:a.default.node,refCallback:a.default.func,removeInner:a.default.bool,attrs:a.default.object});t.default=r},28048:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({discloseCellIndex:a.default.number.isRequired,discloseLabel:a.default.string,isDisclosed:a.default.bool,metaData:a.default.object,onDisclose:a.default.func});t.default=r},85011:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({id:a.default.string.isRequired,key:a.default.string.isRequired,children:a.default.node,isSortDesc:a.default.bool,isSortActive:a.default.bool,metaData:a.default.object,onCellAction:a.default.func,onSortAction:a.default.func,refCallback:a.default.func,removeInner:a.default.bool,attrs:a.default.object});t.default=r},9071:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(5556)),a=o(l(85011)),r=o(l(45935));function o(e){return e&&e.__esModule?e:{default:e}}var d=n.default.shape({cells:n.default.arrayOf(a.default),refCallback:n.default.func,selectAllColumn:r.default});t.default=d},70740:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(l(5556)),a=d(l(23808)),r=d(l(28048)),o=d(l(91048));function d(e){return e&&e.__esModule?e:{default:e}}var i=n.default.shape({attrs:n.default.object,cells:n.default.arrayOf(a.default).isRequired,checkAlignment:n.default.string,discloseAction:r.default,index:n.default.number,isDisabled:n.default.bool,isStriped:n.default.bool,key:n.default.string.isRequired,refCallback:n.default.func,toggleAction:o.default});t.default=i},20994:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({key:a.default.string.isRequired,id:a.default.string.isRequired,isCollapsed:a.default.bool,metaData:a.default.object,onToggle:a.default.func,refCallback:a.default.func,title:a.default.string.isRequired,attrs:a.default.object});t.default=r},89021:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(5556)),a=o(l(70740)),r=o(l(20994));function o(e){return e&&e.__esModule?e:{default:e}}var d=n.default.shape({rows:n.default.arrayOf(a.default),sectionHeader:r.default});t.default=d},45935:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({checkStatus:a.default.oneOf(["empty","checked","indeterminate"]),checkAlignment:a.default.string,checkLabel:a.default.string.isRequired,onCheckAction:a.default.func,isDisabled:a.default.bool});t.default=r},91048:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({toggleLabel:a.default.string.isRequired,isToggled:a.default.bool,metaData:a.default.object,onToggle:a.default.func});t.default=r},36180:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(5556))&&n.__esModule?n:{default:n};var r=a.default.shape({static:a.default.shape({value:a.default.number.isRequired,unit:a.default.string.isRequired}),percentage:a.default.number,scalar:a.default.number});t.default=r},55556:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=s(l(96540)),a=s(l(5556)),r=s(l(67967)),o=s(l(16524)),d=s(l(78219)),i=l(96448),u=s(l(36180)),c=["children","refCallback","removeInner","width","disclosureData"];function s(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||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var p=r.default.bind(d.default),b={children:a.default.node,disclosureData:a.default.shape({label:a.default.string.isRequired,isCurrent:a.default.bool}),refCallback:a.default.func,removeInner:a.default.bool,width:u.default},y=function(e){var t,l,a=e.children,r=e.refCallback,d=e.removeInner,u=e.width,s=e.disclosureData,b=m(e,c),y=p("cell"),_=d?void 0:p("container");s&&(t={role:"link","aria-current":s.isCurrent},l=n.default.createElement(o.default,{text:s.label}));var h=a;return(t||_)&&(h=n.default.createElement("div",f({},t,{className:_||p("content-width")}),h,l)),n.default.createElement("div",f({},b,{style:(0,i.styleFromWidth)(u),className:b.className?"".concat(y," ").concat(b.className):y,ref:r,role:"gridcell",tabIndex:s?"-1":void 0}),h)};y.propTypes=b,y.defaultProps={children:[],removeInner:!1};var _=y;t.default=_},97715:function(e,t,l){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=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var l=s(t);if(l&&l.has(e))return l.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}a.default=e,l&&l.set(e,a);return a}(l(96540)),r=c(l(5556)),o=c(l(67967)),d=c(l(7494)),i=l(96448),u=["alignmentPadding","isIcon","isHidden","isDisabled","isSelected","isSelectable","label","metaData","onBlur","onClick","onKeyDown","onMouseDown","onSelect","refCallback"];function c(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(s=function(e){return e?l:t})(e)}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var y=o.default.bind(d.default),_={label:r.default.string.isRequired,isIcon:r.default.bool,isHidden:r.default.bool,alignmentPadding:r.default.string,isDisabled:r.default.bool,isSelectable:r.default.bool,isSelected:r.default.bool,metaData:r.default.object,onSelect:r.default.func,refCallback:r.default.func,onBlur:r.default.func,onClick:r.default.func,onKeyDown:r.default.func,onMouseDown:r.default.func},h=function(e){var t,l=e.alignmentPadding,n=e.isIcon,r=e.isHidden,o=e.isDisabled,d=e.isSelected,c=e.isSelectable,s=e.label,p=e.metaData,_=e.onBlur,h=e.onClick,v=e.onKeyDown,g=e.onMouseDown,x=e.onSelect,O=e.refCallback,w=b(e,u),C={"aria-selected":d},k=m((0,a.useState)(!1),2),T=k[0],S=k[1],j={role:"checkbox","aria-checked":d};!r&&!n||o?c&&!o&&(C.onClick=(0,i.wrappedOnClickForItem)(h,x,p),C.onKeyDown=(0,i.wrappedOnKeyDownForItem)(v,x,p),C["data-cell-show-focus"]="true",C.onBlur=(0,i.wrappedEventCallback)(_,(function(e){e.stopPropagation(),e.currentTarget.setAttribute("data-cell-show-focus","true")})),C.onMouseDown=(0,i.wrappedEventCallback)(g,(function(e){e.stopPropagation(),e.currentTarget.setAttribute("data-cell-show-focus","false")}))):C.onKeyDown=(0,i.wrappedOnKeyDownForItem)(v,x,p),o&&(j["aria-disabled"]=!0),l&&(t={style:{paddingTop:l}});var N=y("cell",{"hide-cell":r},{"is-interactable":!o&&c},{"is-top-align":t},{"is-focused":T&&!o});return a.default.createElement("div",f({},w,C,{className:w.className?"".concat(N," ").concat(w.className):N,ref:O,role:"gridcell"}),a.default.createElement("div",f({},t,{className:y({container:!r})}),a.default.createElement("div",f({},j,{tabIndex:o?"-1":"0","aria-label":s,hidden:r,className:y("checkmark",{"is-selectable":c},{"is-selected":d},{"is-disabled":o},{"is-hidden":r}),onFocus:function(){S(!0)},onBlur:function(){S(!1)}}))))};h.propTypes=_,h.defaultProps={isIcon:!1,isHidden:!1,isDisabled:!1,isSelected:!1,isSelectable:!1};var v=h;t.default=v},42721:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(67967)),r=o(l(85456));function o(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[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=r.default.bind(o.default),p={children:a.default.node,metaData:a.default.object,refCallback:a.default.func,removeInner:a.default.bool,isSortDesc:a.default.bool,isSortActive:a.default.bool,onCellAction:a.default.func,onSortAction:a.default.func,width:i.default,onBlur:a.default.func,onClick:a.default.func,onKeyDown:a.default.func,onMouseDown:a.default.func},b=function(e){var t,l=e.children,a=e.isSortDesc,r=e.isSortActive,o=e.metaData,i=e.onBlur,c=e.onClick,p=e.onKeyDown,b=e.onMouseDown,y=e.onCellAction,_=e.onSortAction,h=e.refCallback,v=e.removeInner,g=e.width,x=f(e,u);(_||r)&&(t=n.default.createElement("div",{"aria-hidden":"true",key:"sort",className:m("sort-indicator-".concat(a?"desc":"asc"),{"sort-is-active":r})}));var O={};r&&(O["aria-sort"]=a?"descending":"ascending");var w=_||y;w&&(O.onClick=(0,d.wrappedOnClickForItem)(c,w,o),O.onKeyDown=(0,d.wrappedOnKeyDownForItem)(p,w,o),O.tabIndex="0",O["data-header-show-focus"]="true",O.onBlur=(0,d.wrappedEventCallback)(i,(function(e){return e.currentTarget.setAttribute("data-header-show-focus","true")})),O.onMouseDown=(0,d.wrappedEventCallback)(b,(function(e){return e.currentTarget.setAttribute("data-header-show-focus","false")})),O["aria-selected"]=!1);var C=[n.default.createElement("div",{className:m("cell-content"),key:"content"},l),t];v||(C=n.default.createElement("div",{className:m("container")},C));var k=m("header-cell",{"is-interactable":w});return n.default.createElement("div",s({},x,O,{style:(0,d.styleFromWidth)(g),className:x.className?"".concat(k," ").concat(x.className):k,ref:h,role:"columnheader"}),C)};b.propTypes=p,b.defaultProps={children:[],removeInner:!1,isSortDesc:!1,isSortActive:!1};var y=b;t.default=y},40940:function(e,t,l){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=void 0;var a=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==n(e)&&"function"!=typeof e)return{default:e};var l=s(t);if(l&&l.has(e))return l.get(e);var a={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var d=r?Object.getOwnPropertyDescriptor(e,o):null;d&&(d.get||d.set)?Object.defineProperty(a,o,d):a[o]=e[o]}a.default=e,l&&l.set(e,a);return a}(l(96540)),r=c(l(5556)),o=c(l(67967)),d=c(l(45071)),i=l(96448),u=["label","alignmentPadding","isHidden","isDisabled","isIndeterminate","isSelected","isSelectable","metaData","onBlur","onClick","onKeyDown","onMouseDown","onSelect","refCallback"];function c(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(s=function(e){return e?l:t})(e)}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var l=0,n=new Array(t);l=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var y=o.default.bind(d.default),_={label:r.default.string.isRequired,isHidden:r.default.bool,alignmentPadding:r.default.string,isDisabled:r.default.bool,isIndeterminate:r.default.bool,isSelected:r.default.bool,isSelectable:r.default.bool,metaData:r.default.object,onSelect:r.default.func,refCallback:r.default.func,onBlur:r.default.func,onClick:r.default.func,onKeyDown:r.default.func,onMouseDown:r.default.func},h=function(e){var t,l,n,r=e.label,o=e.alignmentPadding,d=e.isHidden,c=e.isDisabled,s=e.isIndeterminate,p=e.isSelected,_=e.isSelectable,h=e.metaData,v=e.onBlur,g=e.onClick,x=e.onKeyDown,O=e.onMouseDown,w=e.onSelect,C=e.refCallback,k=b(e,u),T=m((0,a.useState)(!1),2),S=T[0],j=T[1];o&&(n={style:{paddingBottom:o}}),_&&(d||c||(t={onClick:(0,i.wrappedOnClickForItem)(g,w,h),onKeyDown:(0,i.wrappedOnKeyDownForItem)(x,w,h),onBlur:(0,i.wrappedEventCallback)(v,(function(e){return e.currentTarget.setAttribute("data-cell-show-focus","true")})),onMouseDown:(0,i.wrappedEventCallback)(O,(function(e){return e.currentTarget.setAttribute("data-cell-show-focus","false")})),"data-cell-show-focus":!0}),l={role:"checkbox","aria-checked":p&&s?"mixed":p,tabIndex:c?"-1":"0"},c&&(l["aria-disabled"]=!0));var N=y("header-cell",{"hide-cell":d},{"is-interactable":!c&&_},{"is-focused":S&&!c});return a.default.createElement("div",f({},k,t,{className:k.className?"".concat(N," ").concat(k.className):N,ref:C,role:"columnheader"}),a.default.createElement("div",f({},n,{className:y({container:!d})}),a.default.createElement("div",f({},l,{"aria-label":r,hidden:d,className:y("checkmark",{"is-selected":_&&p},{"is-intermediate":_&&s},{"is-disabled":_&&c},{"is-hidden":d}),onFocus:function(){j(!0)},onBlur:function(){j(!1)}}))))};h.propTypes=_,h.defaultProps={isHidden:!1,isDisabled:!1,isIndeterminate:!1,isSelected:!1,isSelectable:!1};var v=h;t.default=v},87702:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(67967)),r=o(l(38133));function o(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[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var s=r.default.bind(o.default),f={children:a.default.node,refCallback:a.default.func},m=function(e){var t=e.children,l=(e.refCallback,c(e,d));return n.default.createElement("div",{className:l.className?"".concat(s("header")," ").concat(l.className):s("header"),role:"rowgroup"},n.default.createElement("div",u({},l,{className:s(["header-content"]),role:"row"}),t))};m.propTypes=f,m.defaultProps={children:[]};var p=m;t.default=p},2170:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(67967)),o=u(l(85753)),d=l(96448),i=["children","dividerStyle","isDisabled","isSelected","isSelectable","isStriped","metaData","onBlur","onClick","onKeyDown","onMouseDown","onSelect","refCallback"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=r.default.bind(o.default),m={children:a.default.node.isRequired,dividerStyle:a.default.oneOf(["vertical","horizontal","both"]),isDisabled:a.default.bool,isSelected:a.default.bool,isSelectable:a.default.bool,isStriped:a.default.bool,metaData:a.default.object,onSelect:a.default.func,refCallback:a.default.func,onBlur:a.default.func,onClick:a.default.func,onKeyDown:a.default.func,onMouseDown:a.default.func},p=function(e){var t=e.children,l=e.dividerStyle,a=e.isDisabled,r=e.isSelected,o=e.isSelectable,u=e.isStriped,m=e.metaData,p=e.onBlur,b=e.onClick,y=e.onKeyDown,_=e.onMouseDown,h=e.onSelect,v=e.refCallback,g=s(e,i),x={};o&&(a?x["aria-disabled"]=!0:(x.onClick=(0,d.wrappedOnClickForItem)(b,h,m),x.onKeyDown=(0,d.wrappedOnKeyDownForItem)(y,h,m),x.tabIndex="0",x["data-row-show-focus"]="true",x.onBlur=(0,d.wrappedEventCallback)(p,(function(e){return e.currentTarget.setAttribute("data-row-show-focus","true")})),x.onMouseDown=(0,d.wrappedEventCallback)(_,(function(e){return e.currentTarget.setAttribute("data-row-show-focus","false")}))));var O=l?"divider-".concat(l):void 0,w=f({"is-selected":r&&o},{"is-selectable":!a&&o},{"is-striped":u},O,"row");return n.default.createElement("div",c({},g,x,{className:g.className?"".concat(w," ").concat(g.className):w,ref:v,role:"row"}),t)};p.propTypes=m,p.defaultProps={isDisabled:!1,isSelected:!1,isSelectable:!1,isStriped:!1};var b=p;t.default=b},69801:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(l(96540)),a=d(l(5556)),r=d(l(63684)),o=["children","isCollapsed","isCollapsible"];function d(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||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var c={children:a.default.node,numberOfColumns:a.default.number.isRequired,isCollapsed:a.default.bool,isCollapsible:a.default.bool,metaData:a.default.object,onSelect:a.default.func,refCallback:a.default.func,title:a.default.string.isRequired},s=function(e){var t,l=e.children,a=e.isCollapsed,d=e.isCollapsible,c=u(e,o);return d&&a||(t=l),n.default.createElement(n.default.Fragment,null,n.default.createElement(r.default,i({},c,{isCollapsible:d,isCollapsed:a})),t)};s.propTypes=c,s.defaultProps={children:[],isCollapsed:!1,isCollapsible:!1};var f=s;t.default=f},63684:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(67967)),o=l(96448),d=u(l(96439)),i=["isCollapsed","isCollapsible","metaData","numberOfColumns","onBlur","onClick","onKeyDown","onMouseDown","onSelect","refCallback","title","id"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=r.default.bind(d.default),m={colSpan:a.default.number,id:a.default.string,isCollapsed:a.default.bool,isCollapsible:a.default.bool,metaData:a.default.object,numberOfColumns:a.default.number.isRequired,onSelect:a.default.func,refCallback:a.default.func,title:a.default.string.isRequired,onBlur:a.default.func,onClick:a.default.func,onKeyDown:a.default.func,onMouseDown:a.default.func},p=function(e){var t,l=e.isCollapsed,a=e.isCollapsible,r=e.metaData,d=e.numberOfColumns,u=e.onBlur,m=e.onClick,p=e.onKeyDown,b=e.onMouseDown,y=e.onSelect,_=e.refCallback,h=e.title,v=e.id,g=s(e,i),x={},O=n.default.createElement("span",{className:f("title")},h);a&&(t=n.default.createElement("div",{"aria-hidden":!0,className:f("start")},n.default.createElement("span",{className:f(["accordion-icon",{"is-open":!l}])})),O=n.default.createElement("div",{className:f("fill")},O),x.onClick=(0,o.wrappedOnClickForItem)(m,y,r),x.onKeyDown=(0,o.wrappedOnKeyDownForItem)(p,y,r),x.tabIndex="0",x["aria-expanded"]=!l,x["data-row-show-focus"]="true",x.onBlur=(0,o.wrappedEventCallback)(u,(function(e){return e.currentTarget.setAttribute("data-row-show-focus","true")})),x.onMouseDown=(0,o.wrappedEventCallback)(b,(function(e){return e.currentTarget.setAttribute("data-row-show-focus","false")})));var w=f("section-header",{"is-collapsible":a});return n.default.createElement("div",c({},g,{className:g.className?"".concat(w," ").concat(g.className):w,ref:_,role:"row"}),n.default.createElement("div",c({},x,{id:v,colSpan:d,headers:"",role:"columnheader",className:f("section-content")}),t,O))};p.propTypes=m,p.defaultProps={isCollapsed:!1,isCollapsible:!1};var b=p;t.default=b},96448:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.wrappedOnKeyDownForItem=t.wrappedOnClickForItem=t.wrappedEventCallback=t.styleFromWidth=t.staticStyle=t.scalarStyle=t.default=void 0;var n=l(25966),a=function(e,t,l){return t?function(n){t(n,l),e&&e(n)}:e};t.wrappedOnClickForItem=a;var r=function(e,t,l){return t?function(a){a.nativeEvent.keyCode!==n.KEY_RETURN&&a.nativeEvent.keyCode!==n.KEY_SPACE||t(a,l),e&&e(a)}:e};t.wrappedOnKeyDownForItem=r;var o=function(e,t){return e?function(l){t(l),e&&e(l)}:t};t.wrappedEventCallback=o;var d=function(e){return{msFlex:"0 0 0px",flex:"0 0 0px",maxWidth:e,minWidth:e}};t.staticStyle=d;var i=function(e){return{msFlex:"".concat(e," ").concat(e," 0px"),flex:"".concat(e," ").concat(e," 0px")}};t.scalarStyle=i;var u=function(e){if(e)return e.static?d("".concat(e.static.value).concat(e.static.unit)):e.percentage?d("".concat(e.percentage,"%")):e.scalar?i(e.scalar):void 0};t.styleFromWidth=u;var c={wrappedOnClickForItem:a,wrappedOnKeyDownForItem:r,wrappedEventCallback:o,staticStyle:d,scalarStyle:i,styleFromWidth:u};t.default=c},25642:function(e,t,l){l.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,l){l.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,l){l.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"}},36605:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},88630:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___RPwoP","orion-fusion-theme":"Table-module__orion-fusion-theme___oWoYo",outer:"Table-module__outer___K1dDx",table:"Table-module__table___V7vr4",body:"Table-module__body___W4rPH",header:"Table-module__header___kqedV","header-content":"Table-module__header-content___xtAol",fill:"Table-module__fill___OnmST","is-inline":"Table-module__is-inline___giA7C","simple-footer":"Table-module__simple-footer___JZeb6"}},78219:function(e,t,l){l.r(t),t.default={cell:"Cell-module__cell___e2+MR",container:"Cell-module__container___OF2kn","content-width":"Cell-module__content-width___zXKT4"}},7494:function(e,t,l){l.r(t),t.default={cell:"CheckMarkCell-module__cell___RW1nW","hide-cell":"CheckMarkCell-module__hide-cell___Xmaxv",checkmark:"CheckMarkCell-module__checkmark___hfGg-",container:"CheckMarkCell-module__container___MnhWZ","is-top-align":"CheckMarkCell-module__is-top-align___QaDAK","is-interactable":"CheckMarkCell-module__is-interactable___Kk4yP","is-focused":"CheckMarkCell-module__is-focused___h43WS","is-selected":"CheckMarkCell-module__is-selected___NBgnM","is-disabled":"CheckMarkCell-module__is-disabled___ddpEF","is-selectable":"CheckMarkCell-module__is-selectable___KEhlA","is-hidden":"CheckMarkCell-module__is-hidden___BGze-"}},85456:function(e,t,l){l.r(t),t.default={cell:"ChevronCell-module__cell___sYr-M",chevron:"ChevronCell-module__chevron___WFLvA",container:"ChevronCell-module__container___6BWCm"}},46352:function(e,t,l){l.r(t),t.default={"header-cell":"HeaderCell-module__header-cell___vE+tj","sort-indicator-asc":"HeaderCell-module__sort-indicator-asc___VOb6u","sort-indicator-desc":"HeaderCell-module__sort-indicator-desc___BbNv9","sort-is-active":"HeaderCell-module__sort-is-active___aTjHw","is-interactable":"HeaderCell-module__is-interactable___D-sl8","cell-content":"HeaderCell-module__cell-content___+UiT8",container:"HeaderCell-module__container___Hb5rK"}},45071:function(e,t,l){l.r(t),t.default={"header-cell":"HeaderCheckMarkCell-module__header-cell___SeUM4","hide-cell":"HeaderCheckMarkCell-module__hide-cell___pgMIO",label:"HeaderCheckMarkCell-module__label___Qvkh-",checkmark:"HeaderCheckMarkCell-module__checkmark___0hWBn",container:"HeaderCheckMarkCell-module__container___DjHcG","is-interactable":"HeaderCheckMarkCell-module__is-interactable___-a4x3","is-selected":"HeaderCheckMarkCell-module__is-selected___mnNOM","is-focused":"HeaderCheckMarkCell-module__is-focused___1LQPH","is-intermediate":"HeaderCheckMarkCell-module__is-intermediate___yyqzd","is-disabled":"HeaderCheckMarkCell-module__is-disabled___bMAEI","is-hidden":"HeaderCheckMarkCell-module__is-hidden___MfVih"}},38133:function(e,t,l){l.r(t),t.default={cell:"HeaderChevronCell-module__cell___3bUdC",chevron:"HeaderChevronCell-module__chevron___92NJW",container:"HeaderChevronCell-module__container___50gLf"}},85753:function(e,t,l){l.r(t),t.default={row:"Row-module__row___kl-SM","divider-vertical":"Row-module__divider-vertical___Utetb","divider-both":"Row-module__divider-both___kbAR2","divider-horizontal":"Row-module__divider-horizontal___z+DiD","is-striped":"Row-module__is-striped___WCLbv","is-selected":"Row-module__is-selected___Lh47x","is-selectable":"Row-module__is-selectable___UkybB"}},96439:function(e,t,l){l.r(t),t.default={"section-header":"SectionHeader-module__section-header___qCxmA","section-content":"SectionHeader-module__section-content___FRkod",title:"SectionHeader-module__title___4YPht","is-collapsible":"SectionHeader-module__is-collapsible___Kn5Pf",fill:"SectionHeader-module__fill___+dTKl",start:"SectionHeader-module__start___gc5f5","accordion-icon":"SectionHeader-module__accordion-icon___POeTQ","is-open":"SectionHeader-module__is-open___XpuHO"}},78482:function(e,t,l){l.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,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(l(96540)),a=c(l(5556)),r=c(l(46942)),o=c(l(67967)),d=c(l(52103)),i=c(l(78482)),u=["children","disableStripes","paddingStyle"];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[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var m=o.default.bind(i.default),p={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,l=e.disableStripes,a=e.paddingStyle,o=f(e,u),i=n.default.useContext(d.default),c=(0,r.default)(m("table",{striped:!l},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},i.className),o.className);return n.default.createElement("table",s({},o,{className:c}),t)};b.propTypes=p,b.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=b},61452:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var i={children:a.default.node},u=function(e){var t=e.children,l=d(e,r);return n.default.createElement("tbody",l,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},86472:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var i={children:a.default.node},u=function(e){var t=e.children,l=d(e,r);return n.default.createElement("td",l,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},97441:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(l(96540)),a=d(l(5556)),r=d(l(10767)),o=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var u={children:a.default.node},c=function(e){var t=e.children,l=i(e,o);return n.default.createElement("thead",l,n.default.createElement("tr",null,r.default.addScope(t,"col")))};c.propTypes=u,c.defaultProps={children:[]};t.default=c},22417:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(l(96540)),a=o(l(5556)),r=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var l,n,a=function(e,t){if(null==e)return{};var l,n,a={},r=Object.keys(e);for(n=0;n=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var i={children:a.default.node},u=function(e){var t=e.children,l=d(e,r);return n.default.createElement("th",l,t)};u.propTypes=i,u.defaultProps={children:[]};t.default=u},36142:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(l(96540)),a=u(l(5556)),r=u(l(67967)),o=u(l(78482)),d=u(l(10767)),i=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[l]=e[l]);return a}(e,t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(a[l]=e[l])}return a}var f=r.default.bind(o.default),m={children:a.default.node},p=function(e){var t=e.children,l=s(e,i),a=f(["row"]);return n.default.createElement("tr",c({},l,{className:l.className?"".concat(a," ").concat(l.className):a}),d.default.addScope(t,"row"))};p.propTypes=m,p.defaultProps={children:[]};t.default=p},10767:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,a=(n=l(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var l=[];return a.default.Children.forEach(e,(function(e){l.push(a.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),l}};t.default=r},26984:function(e,t,l){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 d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=u(l(85444)),a=u(l(61452)),r=u(l(36142)),o=u(l(86472)),d=u(l(97441)),i=u(l(22417));function u(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=r(l(96540)),a=r(l(25365));function r(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||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var p=o.default.bind(d.default),m={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,r=e.disableStripes,l=e.paddingStyle,o=s(e,c),d=n.default.useContext(u.default),i=(0,a.default)(p("table",{striped:!r},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},d.className),o.className);return n.default.createElement("table",f({},o,{className:i}),t)};_.propTypes=m,_.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=_},61452:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("tbody",r,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},86472:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("td",r,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},97441:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(96540)),l=u(r(5556)),a=u(r(10767)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var c={children:l.default.node},i=function(e){var t=e.children,r=d(e,o);return n.default.createElement("thead",r,n.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=c,i.defaultProps={children:[]};t.default=i},22417:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(r(96540)),l=o(r(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var r,n,l=function(e,t){if(null==e)return{};var r,n,l={},a=Object.keys(e);for(n=0;n=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var d={children:l.default.node},c=function(e){var t=e.children,r=u(e,a);return n.default.createElement("th",r,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},36142:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=c(r(96540)),l=c(r(5556)),a=c(r(67967)),o=c(r(78482)),u=c(r(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[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}var s=a.default.bind(o.default),p={children:l.default.node},m=function(e){var t=e.children,r=f(e,d),l=s(["row"]);return n.default.createElement("tr",i({},r,{className:r.className?"".concat(l," ").concat(r.className):l}),u.default.addScope(t,"row"))};m.propTypes=p,m.defaultProps={children:[]};t.default=m},10767:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=r(96540))&&n.__esModule?n:{default:n};var a={addScope:function(e,t){var r=[];return l.default.Children.forEach(e,(function(e){r.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),r}};t.default=a},26984:function(e,t,r){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 n=c(r(85444)),l=c(r(61452)),a=c(r(36142)),o=c(r(86472)),u=c(r(97441)),d=c(r(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=n.default},49558:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(r(96540)),l=a(r(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;te.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||(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),s=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},b=function(e){var t=e.children,n=c(e,u),a=r.default.useContext(o.default),i=(0,l.default)(m(["button",a.className]),n.className);return r.default.createElement("button",p({},n,{type:"button",className:i,onBlur:s,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=y;t.default=b},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),p={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"])},c=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}))))};c.propTypes=p,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(96540)),a=p(n(5556)),l=p(n(46942)),o=p(n(67967)),i=p(n(52103)),u=p(n(16576)),d=["title"];function p(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 s=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)(s(["placeholder",a.className]),n.className),u=s(["inner"]);return r.default.createElement("div",c({},n,{className:o}),r.default.createElement("div",{className:u},r.default.createElement("p",{className:s("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}}},86869:function(e,t,n){n.r(t),n.d(t,{default:function(){return _t}});var r=n(96540),a=n(36665),l=n(1804),o=n(74647),i=n(85221),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 c={};function m(e){var t=e.components,n=p(e,u);return(0,a.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Input from \'terra-form-input\';\n\nconst BlankExample = () => (\n \n);\n\nexport default BlankExample;\n\n')))}m.isMDXComponent=!0;var s=n(201),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Blank Example",description:n,example:r.createElement(i.A,null),exampleSrc:r.createElement(m,null),isExpanded:a})},y=n(8262),b=["components"];function v(){return v=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 g(e){var t=e.components,n=x(e,b);return(0,a.mdx)("wrapper",v({},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 Input from \'terra-form-input\';\n\nconst NumberInputExample = () => (\n \n);\n\nexport default NumberInputExample;\n\n')))}g.isMDXComponent=!0;var O=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Number Input Example",description:n,example:r.createElement(y.A,null),exampleSrc:r.createElement(g,null),isExpanded:a})},_=n(72967),E=["components"];function j(){return j=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 N={};function T(e){var t=e.components,n=w(e,E);return(0,a.mdx)("wrapper",j({},N,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 Input from \'terra-form-input\';\n\nconst AccessibilityHooksExample = () => {\n const [isInvalid, setIsInvalid] = useState(false);\n const toggleErrorState = () => {\n setIsInvalid(!isInvalid);\n };\n\n return (\n

    \n \n \n {(isInvalid) && (\n

    \n \n The e-mail address entered is invalid.\n \n

    \n )}\n

    Please enter a valid e-mail address.

    \n \n
    \n );\n};\n\nexport default AccessibilityHooksExample;\n\n')))}T.isMDXComponent=!0;var P=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Accessibility Hooks Example",description:n,example:r.createElement(_.A,null),exampleSrc:r.createElement(T,null),isExpanded:a})},C=n(97880),I=["components"];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 k={};function M(e){var t=e.components,n=D(e,I);return(0,a.mdx)("wrapper",S({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nclass DefaultExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { input: 'Default Input' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange(event) {\n this.setState({ input: event.target.value });\n }\n\n render() {\n return (\n
    \n \n

    \n Input Provided:\n {this.state.input}\n

    \n
    \n );\n }\n}\n\nexport default DefaultExample;\n\n")))}M.isMDXComponent=!0;var A=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Example",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(M,null),isExpanded:a})},R=n(6495),q=["components"];function L(){return L=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 B(e){var t=e.components,n=W(e,q);return(0,a.mdx)("wrapper",L({},X,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nclass DisabledExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { input: 'Disabled Example input' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange(event) {\n this.setState({ input: event.target.value });\n }\n\n render() {\n return (\n
    \n \n

    \n Input Provided:\n {this.state.input}\n

    \n
    \n );\n }\n}\n\nexport default DisabledExample;\n\n")))}B.isMDXComponent=!0;var H=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Disabled Example",description:n,example:r.createElement(R.A,null),exampleSrc:r.createElement(B,null),isExpanded:a})},Z=n(94443),U=["components"];function V(){return V=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={};function $(e){var t=e.components,n=Y(e,U);return(0,a.mdx)("wrapper",V({},F,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nclass DefaultInvalidExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { input: 'Default Error Input' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange(event) {\n this.setState({ input: event.target.value });\n }\n\n render() {\n return (\n
    \n \n

    \n Input Provided:\n {this.state.input}\n

    \n
    \n );\n }\n}\n\nexport default DefaultInvalidExample;\n\n")))}$.isMDXComponent=!0;var K=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Invalid Example",description:n,example:r.createElement(Z.A,null),exampleSrc:r.createElement($,null),isExpanded:a})},G=n(56996),z=["components"];function J(){return J=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 ee={};function te(e){var t=e.components,n=Q(e,z);return(0,a.mdx)("wrapper",J({},ee,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 Input from 'terra-form-input';\n\nconst DefaultIncompleteExample = () => {\n const [input, setInput] = useState('');\n const [isIncomplete, setIsIncomplete] = useState(true);\n\n const handleChange = (event) => {\n setInput(event.target.value);\n setIsIncomplete(event.target.value.length === 0);\n };\n\n return (\n
    \n \n

    \n Input Provided:\n {input}\n

    \n
    \n );\n};\n\nexport default DefaultIncompleteExample;\n\n")))}te.isMDXComponent=!0;var ne=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Incomplete Example",description:n,example:r.createElement(G.A,null),exampleSrc:r.createElement(te,null),isExpanded:a})},re=n(83098),ae=["components"];function le(){return le=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 ie={};function ue(e){var t=e.components,n=oe(e,ae);return(0,a.mdx)("wrapper",le({},ie,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nclass DisabledInvalidExample extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = { input: 'Disabled Error Example input' };\n this.handleChange = this.handleChange.bind(this);\n }\n\n handleChange(event) {\n this.setState({ input: event.target.value });\n }\n\n render() {\n return (\n
    \n \n

    \n Input Provided:\n {this.state.input}\n

    \n
    \n );\n }\n}\n\nexport default DisabledInvalidExample;\n\n")))}ue.isMDXComponent=!0;var de=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Disabled Invalid Example",description:n,example:r.createElement(re.A,null),exampleSrc:r.createElement(ue,null),isExpanded:a})},pe=n(46884),ce=["components"];function me(){return me=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 fe={};function ye(e){var t=e.components,n=se(e,ce);return(0,a.mdx)("wrapper",me({},fe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState, useRef } from 'react';\nimport classNames from 'classnames/bind';\nimport Input from 'terra-form-input';\nimport styles from './InputProgrammaticSet.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst InputProgrammaticSet = () => {\n const [text, setText] = useState('');\n const inputRef = useRef(null);\n\n const setTextClick = () => {\n if (inputRef.current) {\n inputRef.current.value = 'IpsumLorem';\n const customEvent = new Event('input', {\n bubbles: true,\n cancelable: false,\n });\n inputRef.current.dispatchEvent(customEvent);\n }\n };\n\n const handleChange = (event) => {\n setText(event.target.value);\n };\n\n const handleInput = (event) => {\n setText(event.target.value);\n };\n\n return (\n
    \n { inputRef.current = ref; }}\n />\n \n
    \n );\n};\n\nexport default InputProgrammaticSet;\n\n")))}ye.isMDXComponent=!0;var be=["components"];function ve(){return ve=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 he={};function ge(e){var t=e.components,n=xe(e,be);return(0,a.mdx)("wrapper",ve({},he,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .programmatic-button {\n margin-top: 4px;\n }\n}\n\n")))}ge.isMDXComponent=!0;var Oe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Input Programmatic Set",description:n,example:r.createElement(pe.A,null),exampleCssSrc:r.createElement(ge,null),exampleSrc:r.createElement(ye,null),isExpanded:a})},_e=n(2321),Ee=["components"];function je(){return je=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 Ne={};function Te(e){var t=e.components,n=we(e,Ee);return(0,a.mdx)("wrapper",je({},Ne,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Input from \'terra-form-input\';\n\nconst DefaultExample = () => (\n \n);\n\nexport default DefaultExample;\n\n')))}Te.isMDXComponent=!0;var Pe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Example",description:n,example:r.createElement(_e.A,null),exampleSrc:r.createElement(Te,null),isExpanded:a})},Ce=n(9452),Ie=["components"];function Se(){return Se=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 ke={};function Me(e){var t=e.components,n=De(e,Ie);return(0,a.mdx)("wrapper",Se({},ke,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Input from \'terra-form-input\';\n\nconst DisabledExample = () => (\n \n);\n\nexport default DisabledExample;\n\n')))}Me.isMDXComponent=!0;var Ae=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Disabled Example",description:n,example:r.createElement(Ce.A,null),exampleSrc:r.createElement(Me,null),isExpanded:a})},Re=n(46480),qe=["components"];function Le(){return Le=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 Xe={};function Be(e){var t=e.components,n=We(e,qe);return(0,a.mdx)("wrapper",Le({},Xe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Input from \'terra-form-input\';\n\nconst DefaultInvalidExample = () => (\n \n);\n\nexport default DefaultInvalidExample;\n\n')))}Be.isMDXComponent=!0;var He=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Invalid Example",description:n,example:r.createElement(Re.A,null),exampleSrc:r.createElement(Be,null),isExpanded:a})},Ze=n(83509),Ue=["components"];function Ve(){return Ve=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 Fe={};function $e(e){var t=e.components,n=Ye(e,Ue);return(0,a.mdx)("wrapper",Ve({},Fe,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nconst DefaultIncompleteExample = () => (\n \n);\n\nexport default DefaultIncompleteExample;\n\n")))}$e.isMDXComponent=!0;var Ke=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Incomplete Example",description:n,example:r.createElement(Ze.A,null),exampleSrc:r.createElement($e,null),isExpanded:a})},Ge=n(26323),ze=["components"];function Je(){return Je=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 et={};function tt(e){var t=e.components,n=Qe(e,ze);return(0,a.mdx)("wrapper",Je({},et,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Input from 'terra-form-input';\n\nconst InvalidWithIncompleteExample = () => (\n \n);\n\nexport default InvalidWithIncompleteExample;\n\n")))}tt.isMDXComponent=!0;var nt=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Invalid With Incomplete Example",description:n,example:r.createElement(Ge.A,null),exampleSrc:r.createElement(tt,null),isExpanded:a})},rt=n(62487),at=["components"];function lt(){return lt=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 it={};function ut(e){var t=e.components,n=ot(e,at);return(0,a.mdx)("wrapper",lt({},it,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport Input from \'terra-form-input\';\n\nconst DisabledInvalidExample = () => (\n \n);\n\nexport default DisabledInvalidExample;\n\n')))}ut.isMDXComponent=!0;var dt=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Disabled Invalid Example",description:n,example:r.createElement(rt.A,null),exampleSrc:r.createElement(ut,null),isExpanded:a})},pt=n(12883),ct=["components"];function mt(){return mt=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 ft={},yt="wrapper";function bt(e){var t=e.components,n=st(e,ct);return(0,a.mdx)(yt,mt({},ft,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(pt.Ay,{mdxType:"PropsTable"},(0,a.mdx)(pt.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The defaultValue of the input field. Use this to create an uncontrolled input."))),(0,a.mdx)(pt.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input is disabled."))),(0,a.mdx)(pt.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(pt.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(pt.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"onBlur"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when the input loses focus."))),(0,a.mdx)(pt.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"onChange"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when user changes the input value. Provide a function to create a controlled input."))),(0,a.mdx)(pt.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"onFocus"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when the input gains focus."))),(0,a.mdx)(pt.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"onInput"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Function to trigger when user inputs a value. Use when programmatically setting a value. Sends parameter {Event} event."))),(0,a.mdx)(pt.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"name"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"null\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Content to be displayed as the name."))),(0,a.mdx)(pt.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"pattern"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The regular expression that the input's value is checked against."),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"NOTE:")," The pattern attribute works with the following input types: text, date, search, url, tel, email, and password."))),(0,a.mdx)(pt.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into the input dom element."))),(0,a.mdx)(pt.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input is required."))),(0,a.mdx)(pt.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"type"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Specifies the type of input element to display."),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"NOTE:")," Styling is only applied to the following supported input types: text, number, password, email, search, tel, url, hidden."),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"These types are unsupported:")," date, datetime-local, month, time, week, color, file, range, checkbox, radio, button, reset, submit."))),(0,a.mdx)(pt.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(pt.dt,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(pt.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n],\n"))),(0,a.mdx)(pt.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(pt.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(pt.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The value of the input field. Use this to create a controlled input.")))))}bt.isMDXComponent=!0;var vt=["components"];function xt(){return xt=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 gt={},Ot="wrapper";function _t(e){var t=e.components,n=ht(e,vt);return(0,a.mdx)(Ot,xt({},gt,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-input"},"Terra Form Input"),(0,a.mdx)("p",null,"Generic input which represents an HTML input element directly."),(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Note:")," To follow ",(0,a.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/GL/low-vision-a11y-tf/wiki/Placeholder_Research"},"UX Best Practices"),", this component does not allow ",(0,a.mdx)("inlineCode",{parentName:"p"},"placeholder"),"."),(0,a.mdx)(o.Notice,{variant:"caution",ariaLevel:"3",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("strong",{parentName:"p"},"Accessibility Bug:")," Due to a bug in Chromium-based browsers (Chrome, Microsoft Edge, etc.), VoiceOver will read ",(0,a.mdx)("inlineCode",{parentName:"p"},'')," incorrectly when incrementing or decrementing the value with keyboard shortcuts. Terra Form Input utilizes ",(0,a.mdx)("inlineCode",{parentName:"p"},'')," when the ",(0,a.mdx)("inlineCode",{parentName:"p"},"type"),' prop is set to "number" and will also have this screenreader issue. A recommended solution would be to instead use Terra Form Input with the ',(0,a.mdx)("inlineCode",{parentName:"p"},"type"),' prop set to "text" and the added props of ',(0,a.mdx)("inlineCode",{parentName:"p"},"inputmode"),' with a value of "numeric" and ',(0,a.mdx)("inlineCode",{parentName:"p"},"pattern")," with a regex expression that matches numeric values. For example:"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-html"},'\n')),(0,a.mdx)("p",null,"However, this will not have the built-in validity checks or keyboard commands that Terra Form Input with ",(0,a.mdx)("inlineCode",{parentName:"p"},"type"),' prop equal to "number" provides. Consumers are responsible for adding this functionality.')),(0,a.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("p",{parentName:"li"},"Install with ",(0,a.mdx)("a",{parentName:"p",href:"https://www.npmjs.com/"},"npmjs"),":"),(0,a.mdx)("pre",{parentName:"li"},(0,a.mdx)("code",{parentName:"pre",className:"language-bash"},"npm install terra-form-input\n")))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Input from 'terra-form-input';\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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(f,{title:"Default Input",mdxType:"BlankExample"}),(0,a.mdx)(O,{title:"Numeric Input",mdxType:"NumberInputExample"}),(0,a.mdx)(P,{title:"Accessibilty Hooks Input",mdxType:"AccessibilityHooksExample"}),(0,a.mdx)(A,{title:"Controlled Example - Valid",mdxType:"ControlledDefaultExample"}),(0,a.mdx)(H,{title:"Controlled Example - Valid Disabled",mdxType:"ControlledDisabledExample"}),(0,a.mdx)(K,{title:"Controlled Example - Invalid",mdxType:"ControlledDefaultInvalidExample"}),(0,a.mdx)(de,{title:"Controlled Example - Invalid Disabled",mdxType:"ControlledDisabledInvalidExample"}),(0,a.mdx)(ne,{title:"Controlled Example - Incomplete",description:"Applies theme-specific styling for incomplete, this controlled example shows a simple version of incomplete styling being removed after value is added. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"ControlledDefaultIncompleteExample"}),(0,a.mdx)(Oe,{mdxType:"InputProgrammaticSet"}),(0,a.mdx)(Pe,{title:"Uncontrolled Example - Valid",mdxType:"UncontrolledDefaultExample"}),(0,a.mdx)(Ae,{title:"Uncontrolled Example - Valid Disabled",mdxType:"UncontrolledDisabledExample"}),(0,a.mdx)(He,{title:"Uncontrolled Example - Invalid",mdxType:"UncontrolledDefaultInvalidExample"}),(0,a.mdx)(dt,{title:"Uncontrolled Example - Invalid Disabled",mdxType:"UncontrolledDisabledInvalidExample"}),(0,a.mdx)(Ke,{title:"Uncontrolled Example - Incomplete",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"UncontrolledDefaultIncompleteExample"}),(0,a.mdx)(nt,{title:"Uncontrolled Example - Invalid And Incomplete With Invalid Taking Precedence",description:"Applies theme-specific styling for incomplete and invalid, invalid-only styling displays taking precedence. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"UncontrolledInvalidWithIncompleteExample"}),(0,a.mdx)("h2",{id:"form-input-props"},"Form Input Props"),(0,a.mdx)(bt,{mdxType:"FormInputPropsTable"}))}_t.isMDXComponent=!0},1804: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-form-input",name:"terra-form-input",version:"4.32.0",url:t})}},38037:function(e,t,n){n.r(t),t.default={"programmatic-button":"InputProgrammaticSet-module__programmatic-button___dCqTs"}},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},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"}},45947:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"InputField",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=l(n(51459)),a=l(n(19127));function l(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=p(n(96540)),a=p(n(5556)),l=p(n(46942)),o=p(n(67967)),i=p(n(52103)),u=p(n(78482)),d=["children","disableStripes","paddingStyle"];function p(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 s=o.default.bind(u.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=m(e,d),u=r.default.useContext(i.default),p=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return r.default.createElement("table",c({},o,{className:p}),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=o(n(96540)),a=o(n(5556)),l=["children"];function o(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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("tbody",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},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 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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("td",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(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 d={children:a.default.node},p=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};p.propTypes=d,p.defaultProps={children:[]};t.default=p},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 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 u={children:a.default.node},d=function(e){var t=e.children,n=i(e,l);return r.default.createElement("th",n,t)};d.propTypes=u,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)),a=d(n(5556)),l=d(n(67967)),o=d(n(78482)),i=d(n(10767)),u=["children"];function d(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||(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(o.default),s={children:a.default.node},f=function(e){var t=e.children,n=c(e,u),a=m(["row"]);return r.default.createElement("tr",p({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.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,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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return l.default}}),t.default=void 0;var r=d(n(85444)),a=d(n(61452)),l=d(n(36142)),o=d(n(86472)),i=d(n(97441)),u=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=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 m=l.default.bind(u.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},f=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},_={children:a.default.string},b=function(e){var t=e.children,n=s(e,i),a=r.default.useContext(o.default),u=(0,l.default)(m(["button",a.className]),n.className);return r.default.createElement("button",d({},n,{type:"button",className:u,onBlur:p,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=_;t.default=b},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),a=i(n(5556)),l=i(n(67967)),o=i(n(52103)),u=i(n(17269));function i(e){return e&&e.__esModule?e:{default:e}}var c=l.default.bind(u.default),d={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:c("notice",n,l.className)},r.default.createElement("div",{className:c("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:c("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:c("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:c("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:c("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:c("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=d,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=d(n(96540)),a=d(n(5556)),l=d(n(46942)),o=d(n(67967)),u=d(n(52103)),i=d(n(16576)),c=["title"];function d(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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(i.default),f={title:a.default.string},_=function(e){var t=e.title,n=m(e,c),a=r.default.useContext(u.default),o=(0,l.default)(p(["placeholder",a.className]),n.className),i=p(["inner"]);return r.default.createElement("div",s({},n,{className:o}),r.default.createElement("div",{className:i},r.default.createElement("p",{className:p("title")},t)))};_.propTypes=f,_.defaultProps={title:""};t.default=_},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}}},79038:function(e,t,n){n.r(t),n.d(t,{default:function(){return $}});var r=n(96540),a=n(36665),l=n(74647),o=n(67279),u=n(47032),i=["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 s={};function m(e){var t=e.components,n=d(e,i);return(0,a.mdx)("wrapper",c({},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 Status from 'terra-status';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst simpleText =
    Sample text
    ;\n\nconst StatusDefault = () => (\n
    \n {simpleText}\n
    \n);\n\nexport default StatusDefault;\n\n")))}m.isMDXComponent=!0;var p=n(201),f=["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 y={};function g(e){var t=e.components,n=b(e,f);return(0,a.mdx)("wrapper",_({},y,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"/* stylelint-disable terra/custom-property-namespace*/\n@import './clinical-lowlight-theme/colors.module';\n@import './orion-fusion-theme/colors.module';\n\n:root {\n --terra-status-attention-border-left-color: #f00;\n --terra-status-success-border-left-color: #0f0;\n --terra-status-info-border-left-color: rgb(0, 0, 255);\n}\n\n:local {\n .attention {\n border-left-color: var(--terra-status-attention-border-left-color, #f00);\n }\n\n .success {\n border-left-color: var(--terra-status-success-border-left-color, #0f0);\n }\n\n .info {\n border-left-color: var(--terra-status-info-border-left-color, rgb(0, 0, 255));\n }\n\n .image-wrapper {\n display: block;\n }\n\n .text-wrapper {\n padding: 5px;\n }\n}\n\n")))}g.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Status Default",description:n,example:r.createElement(u.A,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(m,null),isExpanded:a})},h=n(32304),x=["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 N(e){var t=e.components,n=j(e,x);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 Status from 'terra-status';\nimport classNames from 'classnames/bind';\nimport placeholderPic150x150 from './150x150.jpg';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst image = \"placeholder\";\n\nconst StatusImage = () => (\n {image}\n);\n\nexport default StatusImage;\n\n")))}N.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Status Image",description:n,example:r.createElement(h.A,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(N,null),isExpanded:a})},S=n(68408),P=["components"];function T(){return T=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 A={};function M(e){var t=e.components,n=C(e,P);return(0,a.mdx)("wrapper",T({},A,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { IconDue } from 'terra-icon';\nimport Status from 'terra-status';\nimport classNames from 'classnames/bind';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst icon = ;\n\nconst StatusIcon = () => (\n {icon}\n);\n\nexport default StatusIcon;\n\n")))}M.isMDXComponent=!0;var k=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Status Icon",description:n,example:r.createElement(S.A,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(M,null),isExpanded:a})},D=n(70005),I=["components"];function H(){return H=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 B(e){var t=e.components,n=R(e,I);return(0,a.mdx)("wrapper",H({},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 Arrange from 'terra-arrange';\nimport Status from 'terra-status';\nimport classNames from 'classnames/bind';\nimport placeholderPic150x150 from './150x150.jpg';\nimport styles from './colors.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst image = \"placeholder\";\nconst simpleText =
    Sample text
    ;\n\nconst StatusArrange = () => (\n
    \n \n \n \n
    \n);\n\nexport default StatusArrange;\n\n")))}B.isMDXComponent=!0;var F=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Status Arrange",description:n,example:r.createElement(D.A,null),exampleCssSrc:r.createElement(g,null),exampleSrc:r.createElement(B,null),isExpanded:a})},Z=n(12883),X=["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 L={},K="wrapper";function V(e){var t=e.components,n=Y(e,X);return(0,a.mdx)(K,W({},L,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(Z.Ay,{mdxType:"PropsTable"},(0,a.mdx)(Z.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(Z.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(Z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(Z.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(Z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Child node. Component to display next to the status indicator."))),(0,a.mdx)(Z.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(Z.dt,{mdxType:"PropNameCell"},"visuallyHiddenText"),(0,a.mdx)(Z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Visually hidden text used to convey the meaning of the status indicator to screen readers."))),(0,a.mdx)(Z.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(Z.dt,{mdxType:"PropNameCell"},"colorClass"),(0,a.mdx)(Z.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(Z.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(Z.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(Z.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets an author defined class, to control the colors of the status indicator."),(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge//IMPORTANT/blue?icon=github",alt:"IMPORTANT"}),"\nAdding ",(0,a.mdx)("inlineCode",{parentName:"p"},"var(--my-app...")," CSS variables is required for proper re-themeability when creating custom color styles ",(0,a.mdx)("em",{parentName:"p"},"(see included examples)"),".")))))}V.isMDXComponent=!0;var z=["components"];function G(){return G=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={},U="wrapper";function $(e){var t=e.components,n=J(e,z);return(0,a.mdx)(U,G({},Q,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{mdxType:"Badge"}),(0,a.mdx)("p",null,(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-status#readme"},(0,a.mdx)("img",{parentName:"a",src:"https://badgen.net/badge/status/Deprecated/grey",alt:"Deprecated"}))),(0,a.mdx)("h1",{id:"terra-status"},"Terra Status"),(0,a.mdx)(l.Notice,{variant:"deprecation",mdxType:"Notice"},(0,a.mdx)("p",null,(0,a.mdx)("inlineCode",{parentName:"p"},"terra-status")," does not comply with accessibility guidelines and is no longer supported. If you are using ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-status"),", consider replacing it with descriptive text or an icon.")),(0,a.mdx)("p",null,"The status component provides a customizable color indictor to signify a specific condition."),(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-status"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import Status from 'terra-status';\n")),(0,a.mdx)("h2",{id:"adding-custom-classname"},"Adding custom className"),(0,a.mdx)("p",null,"This component allows user to pass custom className. The variable must start with ",(0,a.mdx)("inlineCode",{parentName:"p"},"--my-app")," for proper re-themeability."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-css"},":root {\n --my-app-status-attention-color: red;\n --my-app-status-success-color: #00ff00;\n --my-app-status-info-color: rgb(0,0,255);\n}\n\n.attention {\n border-left-color: var(--my-app-status-attention-color, red);\n}\n\n.success {\n border-left-color: var(--my-app-status-success-color, #00ff00);\n}\n\n.info {\n border-left-color: var(--my-app-status-info-color, rgb(0,0,255));\n}\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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(v,{title:"Status with text",mdxType:"StatusDefault"}),(0,a.mdx)(w,{title:"Status with Image",mdxType:"StatusImage"}),(0,a.mdx)(k,{title:"Status with Icon",mdxType:"StatusIcon"}),(0,a.mdx)(F,{title:"Status with Arrange",mdxType:"StatusArrange"}),(0,a.mdx)("h2",{id:"status-props"},"Status Props"),(0,a.mdx)(V,{mdxType:"StatusPropsTable"}))}$.isMDXComponent=!0},67279: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-status",name:"terra-status",version:"4.64.0",url:t})}},20705:function(e,t,n){n.r(t),t.default=n.p+"51d085f765a7361bab659ffffdb9bb46.jpg"},76555:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"colors-module__clinical-lowlight-theme___I-h2D","orion-fusion-theme":"colors-module__orion-fusion-theme___kZ5Ob",attention:"colors-module__attention___zOcSN",success:"colors-module__success___4mPZ3",info:"colors-module__info___tL2zf","image-wrapper":"colors-module__image-wrapper___+NWH9","text-wrapper":"colors-module__text-wrapper___xrV0S"}},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},92420:function(e,t,n){n.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"}},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"}},38382:function(e,t,n){n.r(t),t.default={status:"Status-module__status___9Mben"}},39496: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var a=c(n(96540)),l=c(n(5556)),o=c(n(67967)),u=c(n(92420)),i=["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||(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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var _=o.default.bind(u.default),b={fitStart:l.default.element,fill:l.default.element.isRequired,fitEnd:l.default.element,align:l.default.oneOf(["center","bottom","stretch"]),alignFitStart:l.default.oneOf(["center","bottom","stretch"]),alignFitEnd:l.default.oneOf(["center","bottom","stretch"]),alignFill:l.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:l.default.object,fillAttributes:l.default.object,fitEndAttributes:l.default.object},y=function(e){var t=e.fitStart,n=e.fill,r=e.fitEnd,l=e.align,o=e.alignFitStart,u=e.alignFill,c=e.alignFitEnd,s=e.fitStartAttributes,p=e.fillAttributes,b=e.fitEndAttributes,y=f(e,i),g=m({},s),v=m({},p),h=m({},b);return a.default.createElement("span",d({},y,{className:_("arrange",y.className)}),a.default.createElement("span",d({},g,{className:_("fit",l||o,g.className,"fit-block")}),t),a.default.createElement("span",d({},v,{className:_("fill",l||u,v.className,"fill-block")}),n),a.default.createElement("span",d({},h,{className:_("fit",l||c,h.className)}),r))};y.propTypes=b;t.default=y},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 p=o.default.bind(i.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=m(e,c),i=r.default.useContext(u.default),d=(0,l.default)(p("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)};_.propTypes=f,_.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)),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 m=l.default.bind(o.default),p={children:a.default.node},f=function(e){var t=e.children,n=s(e,i),a=m(["row"]);return r.default.createElement("tr",d({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),u.default.addScope(t,"row"))};f.propTypes=p,f.defaultProps={children:[]};t.default=f},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},64638: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(16524)),u=c(n(38382)),i=["children","visuallyHiddenText","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||(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(u.default),p={children:a.default.node.isRequired,visuallyHiddenText:a.default.string,colorClass:a.default.string},f=function(e){var t=e.children,n=e.visuallyHiddenText,a=e.colorClass,l=s(e,i);return r.default.createElement("div",d({},l,{className:m("status",a,l.className)}),n&&r.default.createElement(o.default,{text:n}),t)};f.propTypes=p;t.default=f}}]); \ No newline at end of file diff --git a/81086-ed1d473f75a7a3a3fe82.css b/81086-ed1d473f75a7a3a3fe82.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/81086-ed1d473f75a7a3a3fe82.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/81086-ed1d473f75a7a3a3fe82.js b/81086-ed1d473f75a7a3a3fe82.js new file mode 100644 index 000000000..ca4570bd8 --- /dev/null +++ b/81086-ed1d473f75a7a3a3fe82.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[81086,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)),s=r(t(5556)),o=r(t(67967)),u=r(t(25642)),d=o.default.bind(u.default),c={name:s.default.string.isRequired,src:s.default.string,url:s.default.string,version:s.default.string.isRequired},i=function(e){var a=e.src,t=e.name,r=e.url,s=e.version,o=n.default.createElement("a",{className:d("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(s)},n.default.createElement("span",{className:d("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:d("badge-version")},"v".concat(s))),u=a?n.default.createElement("a",{className:d("badge"),href:a},n.default.createElement("span",{className:d("badge-name")},"github"),n.default.createElement("span",{className:d("badge-version")},"source")):void 0;return n.default.createElement("div",{className:d("badge-container")},o,u)};i.propTypes=c;a.A=i},81086:function(e,a,t){t.r(a),t.d(a,{default:function(){return i}});t(96540);var r=t(36665),n=t(67279),s=["components"];function o(){return o=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 s=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var d={},c="wrapper";function i(e){var a=e.components,t=u(e,s);return(0,r.mdx)(c,o({},d,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-status-upgrade-guide"},"Terra Status Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},67279:function(e,a,t){t.d(a,{E:function(){return s}});var r=t(96540),n=t(55713),s=function(e){var a=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-status",name:"terra-status",version:"4.64.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/81681-ff9070ccc3fd1f3dfe60.css b/81681-ff9070ccc3fd1f3dfe60.css new file mode 100644 index 000000000..48d892c87 --- /dev/null +++ b/81681-ff9070ccc3fd1f3dfe60.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} +.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)} +.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} +.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/8185-cdc13f2417fea87667bf.css b/8185-cdc13f2417fea87667bf.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/8185-cdc13f2417fea87667bf.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} +.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/81893-a38293e4224a8ff914f1.css b/81893-a38293e4224a8ff914f1.css new file mode 100644 index 000000000..a6058e9f0 --- /dev/null +++ b/81893-a38293e4224a8ff914f1.css @@ -0,0 +1,8 @@ +._ClearOption-module__clinical-lowlight-theme___didEg{--terra-form-select-clear-option-color: #6f7477;--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0 0 0.17857rem 0}._ClearOption-module__orion-fusion-theme___KZPgR{--terra-form-select-clear-option-color: rgba(28, 31, 33, 0.62);--terra-form-select-clear-option-font-style: normal;--terra-form-select-clear-option-margin: 0}._ClearOption-module__clear-option___0FCZT{color:rgba(28, 31, 33, 0.62);color:var(--terra-form-select-clear-option-color, rgba(28, 31, 33, 0.62));font-style:var(--terra-form-select-clear-option-font-style)}[dir] ._ClearOption-module__clear-option___0FCZT{margin:0 0 0.17857rem 0;margin:var(--terra-form-select-clear-option-margin, 0 0 0.17857rem 0)} +._SearchResults-module__clinical-lowlight-theme___3YhK5{--terra-form-select-search-results-padding: 0.28571rem 0.714286rem}._SearchResults-module__orion-fusion-theme___7Wo5q{--terra-form-select-search-results-padding: 0.5rem 1rem}._SearchResults-module__results-that-contain___RIhrF{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._SearchResults-module__results-that-contain___RIhrF{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-search-results-padding, 0.28571rem 0.714286rem)} +._NoResults-module__clinical-lowlight-theme___M\+a9V{--terra-form-select-no-results-padding: 0.28571rem 0.714286rem}._NoResults-module__orion-fusion-theme___6lA58{--terra-form-select-no-results-padding: 0.5rem 1rem}._NoResults-module__no-results___k4m2B{overflow:hidden;word-break:break-word;word-wrap:break-word}[dir] ._NoResults-module__no-results___k4m2B{padding:0.28571rem 0.714286rem;padding:var(--terra-form-select-no-results-padding, 0.28571rem 0.714286rem)} +.clinical-lowlight-theme{--terra-core-docs-form-select-error-text-color: #fb4c4c}.orion-fusion-theme{--terra-core-docs-form-select-error-text-color: #e50000}.FormSelectDocCommon-module__form-select___Tm1QE{max-width:300px}[dir] .FormSelectDocCommon-module__controlled-button___wG6cn{margin:5px}.FormSelectDocCommon-module__error-text___lKsl1{color:#e50000;color:var(--terra-core-docs-form-select-error-text-color, #e50000);font-size:.857rem;font-weight:normal;line-height:1.25;outline:0}[dir] .FormSelectDocCommon-module__error-text___lKsl1{margin-top:.357em}[dir=ltr] .FormSelectDocCommon-module__error-text___lKsl1{text-align:left}[dir=rtl] .FormSelectDocCommon-module__error-text___lKsl1{text-align:right}.FormSelectDocCommon-module__field-label___h3hRZ{font-weight:700} +.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)} +.Grid-module__clinical-lowlight-theme___iBVVg{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__orion-fusion-theme___hxBQz{--terra-grid-gutter-margin-left: 1rem;--terra-grid-gutter-padding-left: 1rem}.Grid-module__grid___Os-i8{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;-ms-flex-wrap:wrap;flex-wrap:wrap}[dir=ltr] .Grid-module__grid___Os-i8{margin-left:calc(1rem*-1);margin-left:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}[dir=rtl] .Grid-module__grid___Os-i8{margin-right:calc(1rem*-1);margin-right:calc(var(--terra-grid-gutter-margin-left, 1rem)*-1)}.Grid-module__column___zXP7v{box-sizing:border-box;-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;max-width:100%}[dir=ltr] .Grid-module__column___zXP7v{padding-left:1rem;padding-left:var(--terra-grid-gutter-padding-left, 1rem)}[dir=rtl] .Grid-module__column___zXP7v{padding-right:1rem;padding-right:var(--terra-grid-gutter-padding-left, 1rem)}@media screen and (min-width: 0px){.Grid-module__column-tiny-1___\+1wfL{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-tiny-2___PrgO4{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-tiny-3___9YJit{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-tiny-4___jIRz\+{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-tiny-5___IOG0q{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-tiny-6___htaH4{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-tiny-7___a33iE{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-tiny-8___-yY3y{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-tiny-9___zy187{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-tiny-10___xGjO7{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-tiny-11___jmS1E{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-tiny-12___-6WVA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 544px){.Grid-module__column-small-1___xxAEw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-small-2___h46ZG{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-small-3___cGpOb{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-small-4___sD5fv{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-small-5___GIPIh{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-small-6___v9PQi{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-small-7___3tEtM{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-small-8___v5Aqd{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-small-9___EQWCI{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-small-10___m0tGE{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-small-11___2pWbr{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-small-12___5JnEA{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 768px){.Grid-module__column-medium-1___Yz235{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-medium-2___9jJQg{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-medium-3___li0pW{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-medium-4___J\+DGa{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-medium-5___NpRnE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-medium-6___i5TZS{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-medium-7___FPmRH{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-medium-8___pVJuv{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-medium-9___9R-eZ{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-medium-10___IdHZl{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-medium-11___R53Lk{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-medium-12___nisE\+{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 992px){.Grid-module__column-large-1___iu56a{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-large-2___xmnS6{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-large-3___lcwn6{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-large-4___DAqhR{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-large-5___FY8vE{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-large-6___htHJ\+{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-large-7___V01cK{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-large-8___yv14\+{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-large-9___IZJLb{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-large-10___Yq3R8{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-large-11___fz98K{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-large-12___qedSp{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1216px){.Grid-module__column-huge-1___Y7ydw{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-huge-2___RekuK{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-huge-3___sO6jv{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-huge-4___C3Zti{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-huge-5___YOTc5{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-huge-6___0je45{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-huge-7___iHY-G{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-huge-8___hwq18{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-huge-9___XkrI1{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-huge-10___kk\+IW{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-huge-11___izwwH{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-huge-12___VTALE{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}}@media screen and (min-width: 1440px){.Grid-module__column-enormous-1___7jaM7{-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;max-width:8.3333333333%}.Grid-module__column-enormous-2___XJH79{-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;max-width:16.6666666667%}.Grid-module__column-enormous-3___bcPxR{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.Grid-module__column-enormous-4___fAqEp{-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;max-width:33.3333333333%}.Grid-module__column-enormous-5___0QWBj{-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;max-width:41.6666666667%}.Grid-module__column-enormous-6___4WMSd{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.Grid-module__column-enormous-7___Bvt0l{-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;max-width:58.3333333333%}.Grid-module__column-enormous-8___1rQyt{-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;max-width:66.6666666667%}.Grid-module__column-enormous-9___2n6pM{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.Grid-module__column-enormous-10___HcDD6{-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;max-width:83.3333333333%}.Grid-module__column-enormous-11___CvLx0{-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;max-width:91.6666666667%}.Grid-module__column-enormous-12___ifU5q{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}} +.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/81893-a38293e4224a8ff914f1.js b/81893-a38293e4224a8ff914f1.js new file mode 100644 index 000000000..0288e8884 --- /dev/null +++ b/81893-a38293e4224a8ff914f1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[81893,4645,22147,44528,77385,99766,32623,55004,3618,85785,8166,30547,52928,96261],{46529:function(e,l,n){l.A=void 0;var t=d(n(96540)),a=n(49737),r=d(n(67967)),m=d(n(1537));function d(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(m.default);l.A=function(){return t.default.createElement(a.SingleSelectField,{required:!0,isIncomplete:!0,label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-1",className:i("form-select")},t.default.createElement(a.SingleSelectField.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"small",display:"Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"medium",display:"Medium"}),t.default.createElement(a.SingleSelectField.Option,{value:"large",display:"Large"}),t.default.createElement(a.SingleSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},72770:function(e,l,n){l.A=void 0;var t=i(n(96540)),a=i(n(67967)),r=i(n(58582)),m=n(49737),d=i(n(1537));function i(e){return e&&e.__esModule?e:{default:e}}var o=a.default.bind(d.default),u="T-shirt size";l.A=function(){return t.default.createElement(r.default,null,t.default.createElement(r.default.Row,null,t.default.createElement(r.default.Column,{small:1},t.default.createElement("span",{className:o("field-label")},u)),t.default.createElement(r.default.Column,{small:3},t.default.createElement(m.SingleSelectField,{label:u,isLabelHidden:!0,placeholder:"Select a size",selectId:"tshirt-size-field-1",className:o("form-select"),help:"Please take note that product sizes may vary."},t.default.createElement(m.SingleSelectField.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(m.SingleSelectField.Option,{value:"small",display:"Small"}),t.default.createElement(m.SingleSelectField.Option,{value:"medium",display:"Medium"}),t.default.createElement(m.SingleSelectField.Option,{value:"large",display:"Large"}),t.default.createElement(m.SingleSelectField.Option,{value:"xLarge",display:"Extra Large"})))))}},74286:function(e,l,n){l.A=void 0;var t=d(n(96540)),a=n(49737),r=d(n(67967)),m=d(n(1537));function d(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(m.default);l.A=function(){return t.default.createElement(a.SingleSelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-2",required:!0,className:i("form-select")},t.default.createElement(a.SingleSelectField.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"small",display:"Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"medium",display:"Medium"}),t.default.createElement(a.SingleSelectField.Option,{value:"large",display:"Large"}),t.default.createElement(a.SingleSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},977:function(e,l,n){l.A=void 0;var t=d(n(96540)),a=n(49737),r=d(n(67967)),m=d(n(1537));function d(e){return e&&e.__esModule?e:{default:e}}var i=r.default.bind(m.default);l.A=function(){return t.default.createElement(a.SingleSelectField,{label:"T-shirt size",placeholder:"Select a size",selectId:"tshirt-size-field-3",className:i("form-select")},t.default.createElement(a.SingleSelectField.Option,{value:"xSmall",display:"Extra Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"small",display:"Small"}),t.default.createElement(a.SingleSelectField.Option,{value:"medium",display:"Medium"}),t.default.createElement(a.SingleSelectField.Option,{value:"large",display:"Large"}),t.default.createElement(a.SingleSelectField.Option,{value:"xLarge",display:"Extra Large"}))}},99263:function(e,l,n){n.r(l),n.d(l,{default:function(){return X}});var t=n(96540),a=n(36665),r=n(52968),m=n(977),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var u={};function c(e){var l=e.components,n=o(e,d);return(0,a.mdx)("wrapper",i({},u,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SingleSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}c.isMDXComponent=!0;var p=n(201),s=n(71459),x=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(p.A,{title:l||"Single Select Field",description:n,example:t.createElement(m.A,null),exampleCssSrc:t.createElement(s.A,null),exampleSrc:t.createElement(c,null),isExpanded:a})},_=n(72770),f=["components"];function y(){return y=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var S={};function v(e){var l=e.components,n=g(e,f);return(0,a.mdx)("wrapper",y({},S,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport classNames from \'classnames/bind\';\nimport Grid from \'terra-grid\';\nimport { SingleSelectField } from \'terra-form-select\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst label = \'T-shirt size\';\nconst InlineLabelFieldExample = () => (\n \n \n \n {label}\n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default InlineLabelFieldExample;\n\n')))}v.isMDXComponent=!0;var h=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(p.A,{title:l||"Inline Label Field",description:n,example:t.createElement(_.A,null),exampleCssSrc:t.createElement(s.A,null),exampleSrc:t.createElement(v,null),isExpanded:a})},b=n(74286),N=["components"];function T(){return T=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var C={};function j(e){var l=e.components,n=O(e,N);return(0,a.mdx)("wrapper",T({},C,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SingleSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}j.isMDXComponent=!0;var E=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(p.A,{title:l||"Required Single Select Field",description:n,example:t.createElement(b.A,null),exampleCssSrc:t.createElement(s.A,null),exampleSrc:t.createElement(j,null),isExpanded:a})},R=n(46529),G=["components"];function w(){return w=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var P={};function I(e){var l=e.components,n=F(e,G);return(0,a.mdx)("wrapper",w({},P,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SingleSelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SingleSelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SingleSelectFieldExample;\n\n')))}I.isMDXComponent=!0;var D=function(e){var l=e.title,n=e.description,a=e.isExpanded;return t.createElement(p.A,{title:l||"Incomplete Single Select Field",description:n,example:t.createElement(R.A,null),exampleCssSrc:t.createElement(s.A,null),exampleSrc:t.createElement(I,null),isExpanded:a})},q=n(12883),k=["components"];function L(){return L=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var z={},A="wrapper";function M(e){var l=e.components,n=Z(e,k);return(0,a.mdx)(A,L({},z,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(q.Ay,{mdxType:"PropsTable"},(0,a.mdx)(q.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"allowClear"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether a clear option is available to clear the selection."))),(0,a.mdx)(q.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"children"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The select options."))),(0,a.mdx)(q.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"label"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(q.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The field label."))),(0,a.mdx)(q.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,a.mdx)(q.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"disabled"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the input is disabled."))),(0,a.mdx)(q.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"error"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,a.mdx)(q.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"help"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Help message to display with the select."))),(0,a.mdx)(q.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,a.mdx)("em",{parentName:"p"},"(usage note: ",(0,a.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,a.mdx)(q.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"isInline"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,a.mdx)(q.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,a.mdx)(q.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,a.mdx)(q.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The max height of the dropdown."))),(0,a.mdx)(q.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Set the max-width of a field using ",(0,a.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,a.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,a.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,a.mdx)(q.fI,{key:"ROW14",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"placeholder"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Placeholder text."))),(0,a.mdx)(q.fI,{key:"ROW15",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"required"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the field is required."))),(0,a.mdx)(q.fI,{key:"ROW16",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,a.mdx)(q.fI,{key:"ROW17",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"selectId"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(q.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,a.mdx)(q.fI,{key:"ROW18",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"showOptional"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,a.mdx)(q.fI,{key:"ROW19",mdxType:"Row"},(0,a.mdx)(q.dt,{mdxType:"PropNameCell"},"value"),(0,a.mdx)(q.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'string',\n type: 'number',\n type: 'array',\n],\n"))),(0,a.mdx)(q.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(q.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(q.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers.")))))}M.isMDXComponent=!0;var W=["components"];function H(){return H=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Y={},$="wrapper";function X(e){var l=e.components,n=V(e,W);return(0,a.mdx)($,H({},Y,n,{components:l,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-form-single-select-field"},"Terra Form Single Select Field"),(0,a.mdx)("p",null,"A convenience wrapper assembling a ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select/src/SingleSelect.jsx"},"terra-form-select SingleSelect")," within a ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,a.mdx)("p",null,"To close the combobox while using JAWS with VPC ",(0,a.mdx)("strong",{parentName:"p"},"ON")," mode, user have to press escape key twice. The first escape key press loses the VPC focus and the second escape key press closes the single select as it has control focus."),(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-form-select"))))),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { SingleSelectField } from 'terra-form-select';\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)("h2",{id:"examples"},"Examples"),(0,a.mdx)(x,{title:"Single Select Field Example",mdxType:"SingleSelectFieldExample"}),(0,a.mdx)(E,{title:"Required Single Select Field Example",mdxType:"RequiredSingleSelectFieldExample"}),(0,a.mdx)(D,{title:"Incomplete Single Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteSingleSelectFieldExample"}),(0,a.mdx)(h,{title:"Single Select Field with Inline Label",mdxType:"InlineLabelFieldExample"}),(0,a.mdx)("h2",{id:"single-select-field-props"},"Single Select Field Props"),(0,a.mdx)(M,{mdxType:"SingleSelectFieldPropsTable"}))}X.isMDXComponent=!0},87030:function(e,l,n){n.r(l),l.default={"clinical-lowlight-theme":"Grid-module__clinical-lowlight-theme___iBVVg","orion-fusion-theme":"Grid-module__orion-fusion-theme___hxBQz",grid:"Grid-module__grid___Os-i8",column:"Grid-module__column___zXP7v","column-tiny-1":"Grid-module__column-tiny-1___+1wfL","column-tiny-2":"Grid-module__column-tiny-2___PrgO4","column-tiny-3":"Grid-module__column-tiny-3___9YJit","column-tiny-4":"Grid-module__column-tiny-4___jIRz+","column-tiny-5":"Grid-module__column-tiny-5___IOG0q","column-tiny-6":"Grid-module__column-tiny-6___htaH4","column-tiny-7":"Grid-module__column-tiny-7___a33iE","column-tiny-8":"Grid-module__column-tiny-8___-yY3y","column-tiny-9":"Grid-module__column-tiny-9___zy187","column-tiny-10":"Grid-module__column-tiny-10___xGjO7","column-tiny-11":"Grid-module__column-tiny-11___jmS1E","column-tiny-12":"Grid-module__column-tiny-12___-6WVA","column-small-1":"Grid-module__column-small-1___xxAEw","column-small-2":"Grid-module__column-small-2___h46ZG","column-small-3":"Grid-module__column-small-3___cGpOb","column-small-4":"Grid-module__column-small-4___sD5fv","column-small-5":"Grid-module__column-small-5___GIPIh","column-small-6":"Grid-module__column-small-6___v9PQi","column-small-7":"Grid-module__column-small-7___3tEtM","column-small-8":"Grid-module__column-small-8___v5Aqd","column-small-9":"Grid-module__column-small-9___EQWCI","column-small-10":"Grid-module__column-small-10___m0tGE","column-small-11":"Grid-module__column-small-11___2pWbr","column-small-12":"Grid-module__column-small-12___5JnEA","column-medium-1":"Grid-module__column-medium-1___Yz235","column-medium-2":"Grid-module__column-medium-2___9jJQg","column-medium-3":"Grid-module__column-medium-3___li0pW","column-medium-4":"Grid-module__column-medium-4___J+DGa","column-medium-5":"Grid-module__column-medium-5___NpRnE","column-medium-6":"Grid-module__column-medium-6___i5TZS","column-medium-7":"Grid-module__column-medium-7___FPmRH","column-medium-8":"Grid-module__column-medium-8___pVJuv","column-medium-9":"Grid-module__column-medium-9___9R-eZ","column-medium-10":"Grid-module__column-medium-10___IdHZl","column-medium-11":"Grid-module__column-medium-11___R53Lk","column-medium-12":"Grid-module__column-medium-12___nisE+","column-large-1":"Grid-module__column-large-1___iu56a","column-large-2":"Grid-module__column-large-2___xmnS6","column-large-3":"Grid-module__column-large-3___lcwn6","column-large-4":"Grid-module__column-large-4___DAqhR","column-large-5":"Grid-module__column-large-5___FY8vE","column-large-6":"Grid-module__column-large-6___htHJ+","column-large-7":"Grid-module__column-large-7___V01cK","column-large-8":"Grid-module__column-large-8___yv14+","column-large-9":"Grid-module__column-large-9___IZJLb","column-large-10":"Grid-module__column-large-10___Yq3R8","column-large-11":"Grid-module__column-large-11___fz98K","column-large-12":"Grid-module__column-large-12___qedSp","column-huge-1":"Grid-module__column-huge-1___Y7ydw","column-huge-2":"Grid-module__column-huge-2___RekuK","column-huge-3":"Grid-module__column-huge-3___sO6jv","column-huge-4":"Grid-module__column-huge-4___C3Zti","column-huge-5":"Grid-module__column-huge-5___YOTc5","column-huge-6":"Grid-module__column-huge-6___0je45","column-huge-7":"Grid-module__column-huge-7___iHY-G","column-huge-8":"Grid-module__column-huge-8___hwq18","column-huge-9":"Grid-module__column-huge-9___XkrI1","column-huge-10":"Grid-module__column-huge-10___kk+IW","column-huge-11":"Grid-module__column-huge-11___izwwH","column-huge-12":"Grid-module__column-huge-12___VTALE","column-enormous-1":"Grid-module__column-enormous-1___7jaM7","column-enormous-2":"Grid-module__column-enormous-2___XJH79","column-enormous-3":"Grid-module__column-enormous-3___bcPxR","column-enormous-4":"Grid-module__column-enormous-4___fAqEp","column-enormous-5":"Grid-module__column-enormous-5___0QWBj","column-enormous-6":"Grid-module__column-enormous-6___4WMSd","column-enormous-7":"Grid-module__column-enormous-7___Bvt0l","column-enormous-8":"Grid-module__column-enormous-8___1rQyt","column-enormous-9":"Grid-module__column-enormous-9___2n6pM","column-enormous-10":"Grid-module__column-enormous-10___HcDD6","column-enormous-11":"Grid-module__column-enormous-11___CvLx0","column-enormous-12":"Grid-module__column-enormous-12___ifU5q"}},58582:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=d(n(96540)),a=d(n(5556)),r=d(n(64216)),m=d(n(83452));function d(e){return e&&e.__esModule?e:{default:e}}var i={children:a.default.node.isRequired},o=function(e){return t.default.createElement("div",e)};o.propTypes=i,o.Row=r.default,o.Column=m.default;l.default=o},83452:function(e,l,n){function t(e){return t="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},t(e)}Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var a=c(n(96540)),r=c(n(5556)),m=c(n(46942)),d=c(n(67967)),i=c(n(52103)),o=c(n(87030)),u=["className","children","tiny","small","medium","large","huge","enormous"];function c(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var _=d.default.bind(o.default),f=function(e,l){if(e[l]){var n=e[l];return n>=1&&n<=12?null:new Error("".concat(l," must be in range 1 to 12 inclusively"))}return null},y={children:r.default.node,className:r.default.string,tiny:f,enormous:f,huge:f,large:f,medium:f,small:f},g=function(e){var l=e.className,n=e.children,t=e.tiny,r=e.small,d=e.medium,o=e.large,c=e.huge,f=e.enormous,y=x(e,u),g=a.default.useContext(i.default),S=(0,m.default)(_(["column",s(s(s(s(s(s({},"column-tiny-".concat(t),t),"column-small-".concat(r),r),"column-medium-".concat(d),d),"column-large-".concat(o),o),"column-huge-".concat(c),c),"column-enormous-".concat(f),f),g.className]),l);return a.default.createElement("div",p({},y,{className:S}),n)};g.propTypes=y;l.default=g},64216:function(e,l,n){Object.defineProperty(l,"__esModule",{value:!0}),l.default=void 0;var t=u(n(96540)),a=u(n(5556)),r=u(n(46942)),m=u(n(67967)),d=u(n(52103)),i=u(n(87030)),o=["className","children"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(a[n]=e[n]);return a}(e,l);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var s=m.default.bind(i.default),x={children:a.default.node.isRequired,className:a.default.string},_=function(e){var l=e.className,n=e.children,a=p(e,o),m=t.default.useContext(d.default);return t.default.createElement("div",c({},a,{className:(0,r.default)(s("grid",m.className),l)}),n)};_.propTypes=x;l.default=_}}]); \ No newline at end of file diff --git a/81936-8fd3cef8ccd7d1e050e0.css b/81936-8fd3cef8ccd7d1e050e0.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/81936-8fd3cef8ccd7d1e050e0.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/81936-8fd3cef8ccd7d1e050e0.js b/81936-8fd3cef8ccd7d1e050e0.js new file mode 100644 index 000000000..a59c87af6 --- /dev/null +++ b/81936-8fd3cef8ccd7d1e050e0.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[81936,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,l){var d=l(24994);a.A=void 0;var m=d(l(96540)),n=d(l(5556)),r=d(l(67967)),i=d(l(25642)),u=r.default.bind(i.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var a=e.src,l=e.name,d=e.url,n=e.version,r=m.default.createElement("a",{className:u("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/v/").concat(n)},m.default.createElement("span",{className:u("badge-name")},d?"package":"npm"),m.default.createElement("span",{className:u("badge-version")},"v".concat(n))),i=a?m.default.createElement("a",{className:u("badge"),href:a},m.default.createElement("span",{className:u("badge-name")},"github"),m.default.createElement("span",{className:u("badge-version")},"source")):void 0;return m.default.createElement("div",{className:u("badge-container")},r,i)};p.propTypes=t;a.A=p},81936:function(e,a,l){l.r(a),l.d(a,{default:function(){return h}});l(96540);var d=l(36665),m=l(44244),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var u={},t="wrapper";function p(e){var a=e.components,l=i(e,n);return(0,d.mdx)(t,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"2680---april-10-2024"},"2.68.0 - (April 10, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2671---february-28-2024"},"2.67.1 - (February 28, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed width of arrange wrapper when header is sticky.")))),(0,d.mdx)("h2",{id:"2670---february-23-2024"},"2.67.0 - (February 23, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Allow the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header")," to be sticky. ")))),(0,d.mdx)("h2",{id:"2660---february-15-2024"},"2.66.0 - (February 15, 2024)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump.")))),(0,d.mdx)("h2",{id:"2651---december-11-2023"},"2.65.1 - (December 11, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed issue where onClick callback was called twice when using spacebar key.")))),(0,d.mdx)("h2",{id:"2650---november-21-2023"},"2.65.0 - (November 21, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added the ability to fix the position of the title of the ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"),".")))),(0,d.mdx)("h2",{id:"2640---november-13-2023"},"2.64.0 - (November 13, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the section header components to meet accessibility standards.")))),(0,d.mdx)("h2",{id:"2630---october-23-2023"},"2.63.0 - (October 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2620---august-23-2023"},"2.62.0 - (August 23, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2610---august-1-2023"},"2.61.0 - (August 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated SectionHeader to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"span")," & ",(0,d.mdx)("inlineCode",{parentName:"li"},"button")," elements instead of ",(0,d.mdx)("inlineCode",{parentName:"li"},"div"),".")))),(0,d.mdx)("h2",{id:"2600---april-5-2023"},"2.60.0 - (April 5, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed required for ",(0,d.mdx)("inlineCode",{parentName:"li"},"text")," and ",(0,d.mdx)("inlineCode",{parentName:"li"},"title")," prop"),(0,d.mdx)("li",{parentName:"ul"},"Removed button role for non-interactive section header."),(0,d.mdx)("li",{parentName:"ul"},"Updated jest snapshots due to removal of button role"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added aria-label for non-interactive section header.")))),(0,d.mdx)("h2",{id:"2590---march-1-2023"},"2.59.0 - (March 1, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added console warnings for section-header.")))),(0,d.mdx)("h2",{id:"2580---february-15-2023"},"2.58.0 - (February 15, 2023)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio screenshots due to functional-testing upgrade.")))),(0,d.mdx)("h2",{id:"2570---december-7-2022"},"2.57.0 - (December 7, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Renamed title prop to text to avoid conflict with native html attribute"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added button role, aria-label and aria-expanded attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"Arrange")," component wrapper")))),(0,d.mdx)("h2",{id:"2560---july-14-2022"},"2.56.0 - (July 14, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Fixed caret icon size to match similar components.")))),(0,d.mdx)("h2",{id:"2551---january-4-2022"},"2.55.1 - (January 4, 2022)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Migrate docs to terra-core-docs.")))),(0,d.mdx)("h2",{id:"2550---september-28-2021"},"2.55.0 - (September 28, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2540---september-21-2021"},"2.54.0 - (September 21, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated WDIO Screenshots due to webpack-config-terra sass upgrade.")))),(0,d.mdx)("h2",{id:"2530---july-6-2021"},"2.53.0 - (July 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2520---june-8-2021"},"2.52.0 - (June 8, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"keycode-js")," from ",(0,d.mdx)("inlineCode",{parentName:"li"},"v2.0.1")," to ",(0,d.mdx)("inlineCode",{parentName:"li"},"v3.1.0"),".")))),(0,d.mdx)("h2",{id:"2510---may-11-2021"},"2.51.0 - (May 11, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2500---april-13-2021"},"2.50.0 - (April 13, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2490---april-6-2021"},"2.49.0 - (April 6, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Upgrade tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Removed unnecessary ",(0,d.mdx)("inlineCode",{parentName:"li"},"wdio.conf.js")," file"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"2480---february-2-2021"},"2.48.0 - (February 2, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2470---january-5-2021"},"2.47.0 - (January 5, 2021)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Fixed"),(0,d.mdx)("li",{parentName:"ul"},"Fixed broken links in documentation."),(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update wdio tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"2460---december-8-2020"},"2.46.0 - (December 8, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2450---november-17-2020"},"2.45.0 - (November 17, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2440---november-10-2020"},"2.44.0 - (November 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-dev-site")," examples to use react hooks.")))),(0,d.mdx)("h2",{id:"2430---october-27-2020"},"2.43.0 - (October 27, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2420---august-6-2020"},"2.42.0 - (August 6, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2410---august-4-2020"},"2.41.0 - (August 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2400---july-29-2020"},"2.40.0 - (July 29, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update changelog formatting")))),(0,d.mdx)("h2",{id:"2390---july-7-2020"},"2.39.0 - (July 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2380---june-11-2020"},"2.38.0 - (June 11, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated wdio test to support testing against firefox")))),(0,d.mdx)("h2",{id:"2370---june-9-2020"},"2.37.0 - (June 9, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Apply themes by context and directly include packaged themes."),(0,d.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"2360---may-19-2020"},"2.36.0 - (May 19, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2350---april-28-2020"},"2.35.0 - (April 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Removed "View Component Source Code" from docs in favour of source code badge'))),(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme wdio screenshots")))),(0,d.mdx)("h2",{id:"2340---april-22-2020"},"2.34.0 - (April 22, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated documentation link in README")))),(0,d.mdx)("h2",{id:"2330---march-10-2020"},"2.33.0 - (March 10, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2320---march-3-2020"},"2.32.0 - (March 3, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"2310---february-18-2020"},"2.31.0 - (February 18, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added clinical-lowlight-theme theming files")))),(0,d.mdx)("h2",{id:"2300---february-4-2020"},"2.30.0 - (February 4, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2290---january-28-2020"},"2.29.0 - (January 28, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---january-7-2020"},"2.28.0 - (January 7, 2020)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2270---december-3-2019"},"2.27.0 - (December 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,d.mdx)("h2",{id:"2260---october-30-2019"},"2.26.0 - (October 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2250---october-3-2019"},"2.25.0 - (October 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2240---september-19-2019"},"2.24.0 - (September 19, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed ",(0,d.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site.")))),(0,d.mdx)("h2",{id:"2230---september-6-2019"},"2.23.0 - (September 6, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Props table markdown file import added to doc site page")))),(0,d.mdx)("h2",{id:"2220---september-3-2019"},"2.22.0 - (September 3, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated the 'keycode-js' version from '^1.0.4' to '^2.0.1'.")))),(0,d.mdx)("h2",{id:"2210---august-21-2019"},"2.21.0 - (August 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Import for package version from package.json added to doc page"),(0,d.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,d.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(0,d.mdx)("h2",{id:"2200---august-14-2019"},"2.20.0 - (August 14, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"updated package.json test scripts"),(0,d.mdx)("li",{parentName:"ul"},"Remove react and react-dom as dependencies")))),(0,d.mdx)("h2",{id:"2190---july-30-2019"},"2.19.0 - (July 30, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2180---july-24-2019"},"2.18.0 - (July 24, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2170---july-16-2019"},"2.17.0 - (July 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update tests to use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.describeViewports")," for setting viewports and use ",(0,d.mdx)("inlineCode",{parentName:"li"},"Terra.it.validatesElement")))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(0,d.mdx)("h2",{id:"2160----july-11-2019"},"2.16.0 - (July 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2150---july-9-2019"},"2.15.0 - (July 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2140---june-28-2019"},"2.14.0 - (June 28, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2130---june-18-2019"},"2.13.0 - (June 18, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency bump")))),(0,d.mdx)("h2",{id:"2120---june-11-2019"},"2.12.0 - (June 11, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed node_modules from .npmignore"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Made required updates to consume terra-toolkit v5 and terra-dev-site v5")))),(0,d.mdx)("h2",{id:"2110---may-1-2019"},"2.11.0 - (May 1, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2100---april-16-2019"},"2.10.0 - (April 16, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"290---april-9-2019"},"2.9.0 - (April 9, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"280---march-26-2019"},"2.8.0 - (March 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update react/react-dom peer-dependency to latest stable minor release"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Removed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Removed peer dependency on terra-base"),(0,d.mdx)("li",{parentName:"ul"},"Removed baseStyles import from terra-base")))),(0,d.mdx)("h2",{id:"270---march-21-2019"},"2.7.0 - (March 21, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Replaced local keyCode values with keycode-js npm package")))),(0,d.mdx)("h2",{id:"260---february-26-2019"},"2.6.0 - (February 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Fixed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Correct browser.buttonDown() usage")))),(0,d.mdx)("h2",{id:"250---february-12-2019"},"2.5.0 - (February 12, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"240---february-5-2019"},"2.4.0 - (February 5, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"230---january-26-2019"},"2.3.0 - (January 26, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"220---january-22-2019"},"2.2.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"210---january-22-2019"},"2.1.0 - (January 22, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"200---january-8-2019"},"2.0.0 - (January 8, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated theme variables")))),(0,d.mdx)("h2",{id:"1300---january-2-2019"},"1.30.0 - (January 2, 2019)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Updated site examples to be more accessible.")))),(0,d.mdx)("h2",{id:"1291---november-20-2018"},"1.29.1 - (November 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1290---november-19-2018"},"1.29.0 - (November 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1280---november-13-2018"},"1.28.0 - (November 13, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1270---november-9-2018"},"1.27.0 - (November 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1260---october-30-2018"},"1.26.0 - (October 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Update mixin import to be more explicit")))),(0,d.mdx)("h2",{id:"1250---october-24-2018"},"1.25.0 - (October 24, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1240---october-16-2018"},"1.24.0 - (October 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1230---october-8-2018"},"1.23.0 - (October 8, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1220---october-2-2018"},"1.22.0 - (October 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1210---september-25-2018"},"1.21.0 - (September 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1201---september-6-2018"},"1.20.1 - (September 6, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Patch dependency version bump")))),(0,d.mdx)("h2",{id:"1200---september-5-2018"},"1.20.0 - (September 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react peerDependency version from ^16.2.0 to ^16.4.2"),(0,d.mdx)("li",{parentName:"ul"},"Bumped minimum react-dom peerDependency version from ^16.2.0 to ^16.4.2")))),(0,d.mdx)("h2",{id:"1190---september-4-2018"},"1.19.0 - (September 4, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1180---august-29-2018"},"1.18.0 - (August 29, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1170---august-1-2018"},"1.17.0 - (August 1, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added isTransparent prop to set background to be transparent")))),(0,d.mdx)("h2",{id:"1160---july-19-2018"},"1.16.0 - (July 19, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add .module extension to SCSS file(s)")))),(0,d.mdx)("h2",{id:"1150---july-17-2018"},"1.15.0 - (July 17, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"),(0,d.mdx)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,d.mdx)("h2",{id:"1140---july-10-2018"},"1.14.0 - (July 10, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"1130---june-28-2018"},"1.13.0 - (June 28, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump"))),(0,d.mdx)("li",{parentName:"ul"},(0,d.mdx)("p",{parentName:"li"},"Added"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Added change log to the documentation on terra-dev-site")))),(0,d.mdx)("h2",{id:"1120---june-22-2018"},"1.12.0 - (June 22, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency")))),(0,d.mdx)("h2",{id:"1110---june-12-2018"},"1.11.0 - (June 12, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},'Updated "test:jest" script to work on windows.')))),(0,d.mdx)("h2",{id:"1100---may-30-2018"},"1.10.0 - (May 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Updated structure to match terra-dev-site 1.0 and moved doc examples internal.")))),(0,d.mdx)("h2",{id:"190---may-25-2018"},"1.9.0 - (May 25, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"180---may-23-2018"},"1.8.0 - (May 23, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---may-16-2018"},"1.7.0 - (May 16, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"160---may-9-2018"},"1.6.0 - (May 9, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"150---may-2-2018"},"1.5.0 - (May 2, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"140---april-20-2018"},"1.4.0 - (April 20, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"130---april-15-2018"},"1.3.0 - (April 15, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---april-5-2018"},"1.2.0 - (April 5, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Changed",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"110---march-30-2018"},"1.1.0 - (March 30, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Added",(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Add ",(0,d.mdx)("inlineCode",{parentName:"li"},"role")," attribute to ",(0,d.mdx)("inlineCode",{parentName:"li"},"terra-section-header"))))),(0,d.mdx)("h2",{id:"100---march-14-2018"},"1.0.0 - (March 14, 2018)"),(0,d.mdx)("ul",null,(0,d.mdx)("li",{parentName:"ul"},"Initial stable release")))}p.isMDXComponent=!0;var x=["components"];function o(){return o=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(m[l]=e[l]);return m}(e,a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(d=0;d=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(m[l]=e[l])}return m}var s={},c="wrapper";function h(e){var a=e.components,l=N(e,x);return(0,d.mdx)(c,o({},s,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)(m.E,{mdxType:"Badge"}),(0,d.mdx)(p,{mdxType:"ChangeLog"}))}h.isMDXComponent=!0},44244:function(e,a,l){l.d(a,{E:function(){return n}});var d=l(96540),m=l(55713),n=function(e){var a=e.url;return d.createElement(m.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.68.0",url:a})}},25642:function(e,a,l){l.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/83276-20305613188e1e7f2852.css b/83276-20305613188e1e7f2852.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/83276-20305613188e1e7f2852.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/83276-20305613188e1e7f2852.js b/83276-20305613188e1e7f2852.js new file mode 100644 index 000000000..c677be2ea --- /dev/null +++ b/83276-20305613188e1e7f2852.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[83276,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 d=a(m(96540)),n=a(m(5556)),r=a(m(67967)),u=a(m(25642)),i=r.default.bind(u.default),t={name:n.default.string.isRequired,src:n.default.string,url:n.default.string,version:n.default.string.isRequired},p=function(e){var l=e.src,m=e.name,a=e.url,n=e.version,r=d.default.createElement("a",{className:i("badge"),href:a||"https://www.npmjs.org/package/".concat(m,"/v/").concat(n)},d.default.createElement("span",{className:i("badge-name")},a?"package":"npm"),d.default.createElement("span",{className:i("badge-version")},"v".concat(n))),u=l?d.default.createElement("a",{className:i("badge"),href:l},d.default.createElement("span",{className:i("badge-name")},"github"),d.default.createElement("span",{className:i("badge-version")},"source")):void 0;return d.default.createElement("div",{className:i("badge-container")},r,u)};p.propTypes=t;l.A=p},83276:function(e,l,m){m.r(l),m.d(l,{default:function(){return c}});m(96540);var a=m(36665),d=m(6501),n=["components"];function r(){return r=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(d[m]=e[m]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(d[m]=e[m])}return d}var i={},t="wrapper";function p(e){var l=e.components,m=u(e,n);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:"4560---april-10-2024"},"4.56.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:"4550---february-15-2024"},"4.55.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:"4540---november-13-2023"},"4.54.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:"4530---october-23-2023"},"4.53.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:"4520---august-23-2023"},"4.52.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:"4510---august-1-2023"},"4.51.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:"4500---february-15-2023"},"4.50.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"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"4490---december-7-2022"},"4.49.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:"4481---december-14-2021"},"4.48.1 - (December 14, 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"},"Migrate docs to terra-core-docs.")))),(0,a.mdx)("h2",{id:"4480---september-28-2021"},"4.48.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:"4470---september-21-2021"},"4.47.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:"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---may-11-2021"},"4.45.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:"4440---april-13-2021"},"4.44.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:"4430---april-6-2021"},"4.43.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"},"Updated to use terra-functional-testing"),(0,a.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,a.mdx)("h2",{id:"4420---february-2-2021"},"4.42.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:"4410---january-5-2021"},"4.41.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:"4400---december-8-2020"},"4.40.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:"4390---november-17-2020"},"4.39.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:"4380---october-27-2020"},"4.38.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:"4370---october-13-2020"},"4.37.0 - (October 13, 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 reference to terra-markdown")))),(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-9-2020"},"4.31.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"},"Minor file changes to comply with eslint rules"),(0,a.mdx)("li",{parentName:"ul"},"Update wdio test configuration to use root wdio config")))),(0,a.mdx)("h2",{id:"4300---may-19-2020"},"4.30.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:"4290---april-28-2020"},"4.29.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:"4280---april-22-2020"},"4.28.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:"4270---march-31-2020"},"4.27.0 - (March 31, 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:"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"},"Minor dependency version bump")))),(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"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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"},"Changed",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Minor dependency version bump")))),(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"},"Import for package version from package.json added to doc page"),(0,a.mdx)("li",{parentName:"ul"},"Switch from Object.assign to Object spread syntax."),(0,a.mdx)("li",{parentName:"ul"},"Cleaned up imports in examples and test files")))),(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"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Added documentation on required peerDependencies")))),(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"},"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:"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:"2320---january-22-2019"},"2.32.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:"2310---january-8-2019"},"2.31.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:"2300---january-2-2019"},"2.30.0 - (January 2, 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"},"Minor dependency version bump"))),(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 dependency on terra-text")))),(0,a.mdx)("h2",{id:"2291---november-20-2018"},"2.29.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:"2290---november-19-2018"},"2.29.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:"2280---november-13-2018"},"2.28.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:"2270---november-9-2018"},"2.27.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"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"2260---october-24-2018"},"2.26.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:"2250---october-16-2018"},"2.25.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:"2240---october-8-2018"},"2.24.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:"2230---october-2-2018"},"2.23.0 - (October 2, 2018)"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Added",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Exports for level, size, and weight added.")))),(0,a.mdx)("h2",{id:"2220---september-25-2018"},"2.22.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:"2211---september-6-2018"},"2.21.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:"2210---september-5-2018"},"2.21.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)("h2",{id:"2200---september-4-2018"},"2.20.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:"2190---august-29-2018"},"2.19.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:"2180---august-1-2018"},"2.18.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:"2170---july-19-2018"},"2.17.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:"2160---july-17-2018"},"2.16.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)("li",{parentName:"ul"},"Formatting changes per eslint v4 update")))),(0,a.mdx)("h2",{id:"2150---july-10-2018"},"2.15.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:"2140---june-28-2018"},"2.14.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:"2130---june-22-2018"},"2.13.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:"2120---june-12-2018"},"2.12.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:"2110---may-30-2018"},"2.11.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:"2100---may-23-2018"},"2.10.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:"290---may-16-2018"},"2.9.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:"280---may-9-2018"},"2.8.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"},"Minor dependency version bump")))),(0,a.mdx)("h2",{id:"270---may-2-2018"},"2.7.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:"260---april-20-2018"},"2.6.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:"250---april-15-2018"},"2.5.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:"240---april-5-2018"},"2.4.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:"230---march-30-2018"},"2.3.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:"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:"1180---february-1-2018"},"1.18.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:"1170---january-18-2018"},"1.17.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:"1160---january-5-2018"},"1.16.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:"1150---november-28-2017"},"1.15.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:"1140---november-16-2017"},"1.14.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:"1130---october-24-2017"},"1.13.0 - (October 24, 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 to stop checking the computed value for bold and normal font weights.")))),(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"},"Converted component to use CSS modules")))),(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"},"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||(d[m]=e[m]);return d}(e,l);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,m)&&(d[m]=e[m])}return d}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)(d.E,{mdxType:"Badge"}),(0,a.mdx)(p,{mdxType:"ChangeLog"}))}c.isMDXComponent=!0},6501:function(e,l,m){m.d(l,{E:function(){return n}});var a=m(96540),d=m(55713),n=function(e){var l=e.url;return a.createElement(d.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-heading",name:"terra-heading",version:"4.56.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/84409-5e9e893cca50cc4ee468.js b/84409-5e9e893cca50cc4ee468.js new file mode 100644 index 000000000..d469ecb49 --- /dev/null +++ b/84409-5e9e893cca50cc4ee468.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[84409],{12292:function(e,t,n){t.A=void 0;var a=s(n(96540)),r=s(n(5556)),i=s(n(46942)),o=s(n(67967)),l=s(n(81012)),d=["newline"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=o.default.bind(l.default),p={newline:r.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,n=c(e,d),r=(0,i.default)(m("whitespace","newline-".concat(t)),n.className);return a.default.createElement("div",u({},n,{className:r,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.A=h},27810:function(e,t,n){function a(e){return a="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},a(e)}t.A=void 0;var r=function(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},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var l=i?Object.getOwnPropertyDescriptor(e,o):null;l&&(l.get||l.set)?Object.defineProperty(r,o,l):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),i=d(n(74858)),o=d(n(29489)),l=d(n(38790));function d(e){return e&&e.__esModule?e:{default:e}}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 u(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 a,r,i,o,l=[],d=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);d=!0);}catch(e){s=!0,r=e}finally{try{if(!d&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return l}}(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,a=new Array(t);n=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m=i.default.bind(l.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:r.default.string},g=function(e){var t=e.children,n=c(e,d),r=a.default.useContext(o.default),l=(0,i.default)(m(["button",r.className]),n.className);return a.default.createElement("button",u({},n,{type:"button",className:l,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=d(n(96540)),r=d(n(5556)),i=d(n(67967)),o=d(n(52103)),l=d(n(17269));function d(e){return e&&e.__esModule?e:{default:e}}var s=i.default.bind(l.default),u={ariaLevel:r.default.oneOf(["2","3","4","5","6"]),children:r.default.node,variant:r.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},c=function(e){var t=e.ariaLevel,n=e.variant,r=e.children,i=a.default.useContext(o.default);return a.default.createElement("div",{className:s("notice",n,i.className)},a.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),a.default.createElement("div",{role:"heading",className:s("title"),"aria-level":t},a.default.createElement("span",null,function(e){return"ux-recommendation"===e?"UX Recommendation":"caution"===e?"Caution":"deprecation"===e?"Deprecation Notice":"maintenance"===e?"In Maintenance":"important"===e?"Important":"not-supported"===e?"Hazards for Incorrect Usage":"error"}(n))),a.default.createElement("div",{className:s("children")},function(e){return"not-supported"===e?a.default.createElement(a.default.Fragment,null,a.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),a.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",a.default.createElement("ul",{className:s("list")},a.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),a.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),a.default.createElement("li",null,a.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(n),a.default.Children.map(r,(function(e){return"string"==typeof e?a.default.createElement("p",null,e):e}))))};c.propTypes=u,c.defaultProps={ariaLevel:"2",variant:"important"};t.default=c},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),i=u(n(46942)),o=u(n(67967)),l=u(n(52103)),d=u(n(16576)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(d.default),h={title:r.default.string},f=function(e){var t=e.title,n=m(e,s),r=a.default.useContext(l.default),o=(0,i.default)(p(["placeholder",r.className]),n.className),d=p(["inner"]);return a.default.createElement("div",c({},n,{className:o}),a.default.createElement("div",{className:d},a.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},74647:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return r.default}});var a=o(n(20999)),r=o(n(18778)),i=o(n(86159));function o(e){return e&&e.__esModule?e:{default:e}}},84409:function(e,t,n){n.r(t),n.d(t,{default:function(){return m}});n(96540);var a=n(36665),r=n(44244),i=(n(74647),n(12292)),o=n(27810),l=["components"];function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var u={},c="wrapper";function m(e){var t=e.components,n=s(e,l);return(0,a.mdx)(c,d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(r.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"accessibility-guide-for-terra-section-header"},"Accessibility Guide for Terra Section Header"),(0,a.mdx)("h2",{id:"why-the-accessibility-of-terra-section-header"},"Why the accessibility of Terra Section Header?"),(0,a.mdx)("blockquote",null,(0,a.mdx)("p",{parentName:"blockquote"},"The accessibility of Section Headers is important because headers are used on virtually every page and in every product. Section Headers convey the visual and programmatic structure and informational hierarchy of the page. The context headings provide also help users understand what to expect within the content. However, if section headers are not coded correctly or use words that accurately describe the content they represent, they can cause confusion, prevent users from understanding, and create accessibility barriers."),(0,a.mdx)("p",{parentName:"blockquote"},"The code behind the headings provides context to the structure of the page and allows additional navigational methods for some assistive technology users. Improperly coded headings create accessibility barriers to these users.")),(0,a.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations."),(0,a.mdx)("h3",{id:"content-considerations"},"Content Considerations"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Ensure each Section Header has a meaningful label that describe the purpose of the heading.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Section Headers must accurately describe the content they represent."),(0,a.mdx)("li",{parentName:"ul"},"Provide engineers the meaningful label that matches for each heading."))),(0,a.mdx)("li",{parentName:"ul"},"Work with engineers to convey the structure of the page.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"For each heading on the page, provide the engineers with an appropriate heading level to use to match the placement of the heading on the page."))),(0,a.mdx)("li",{parentName:"ul"},"When implementing section header, do not override default theme colors of section header to ensure the Section Header be easily perceived against its background color. If changing the default colors, the text color must meet a minimum contrast ratio against the background color. See ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"WCAG 1.4.3 Contrast Minimum")," and ",(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-text Content")," for more information."),(0,a.mdx)("li",{parentName:"ul"},"Do not cause any unexpected events to occur on focus or on input of any actionable controls.")),(0,a.mdx)("h3",{id:"code-considerations"},"Code Considerations"),(0,a.mdx)("blockquote",null,(0,a.mdx)("ul",{parentName:"blockquote"},(0,a.mdx)("li",{parentName:"ul"},"Section Headers must programmatically have a heading level that is set to match the structure of its placement on the page. Work with the Content creators to understand what level to assign each Section Header used.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Developers must apply the appropriate heading levels (1 to 6) prop to the heading. The heading level should match the hierarchical structure of the page. ",(0,a.mdx)("div",{"aria-label":"Example Demo"},(0,a.mdx)(o.A,{mdxType:"AccordionSectionHeaderAccess"})))))),(0,a.mdx)("pre",{parentName:"blockquote"},(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},'const AccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n const sectionHeaderProps = {\n isOpen,\n level: 3,\n onClick: handleClick,\n };\n\n return (\n
    \n \n \n \n

    Cats

    \n

    Dogs

    \n

    Dust

    \n

    Mold

    \n

    Latex

    \n     \n     \n     \n
    \n );\n};\n')),(0,a.mdx)("ul",{parentName:"blockquote"},(0,a.mdx)("li",{parentName:"ul"},"Terra Section Headers must always follow the correct heading level order and arrangement for where it is placed within other content on the page."),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("strong",{parentName:"li"},"IMPORTANT"),": If a value to the ",(0,a.mdx)("inlineCode",{parentName:"li"},"level")," prop is not provided, default heading level will be rendered with heading ",(0,a.mdx)("inlineCode",{parentName:"li"},"text")," which would not be appropriate if level is not provided as per its placement in an application."),(0,a.mdx)("li",{parentName:"ul"},"For accessibility best practices, it is recommended that consumers should always use ",(0,a.mdx)("inlineCode",{parentName:"li"},"only one")," ",(0,a.mdx)("inlineCode",{parentName:"li"},"

    ")," per page or view. The one ",(0,a.mdx)("inlineCode",{parentName:"li"},"

    ")," should be the page title.",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"A section header should never be a heading level 1."))),(0,a.mdx)("li",{parentName:"ul"},"Do not implement any action to activate on the down event. All actions must be initiated on the up event."))),(0,a.mdx)("h2",{id:"usability-expectations"},"Usability Expectations:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"User expects headings to describe the content they represent."),(0,a.mdx)("li",{parentName:"ul"},"User does not expect to navigate to or interact with a Section Header unless it is expandable or collapsible.")),(0,a.mdx)("h2",{id:"interaction-details"},"Interaction Details"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header, when expandable or collapsible, must be able to be accessed, interacted with, and acted upon using only the keyboard. Engineers must also ensure actional elements inside a Section Header can:"),(0,a.mdx)("li",{parentName:"ul"},"Receive focus in the logical reading order of the user."),(0,a.mdx)("li",{parentName:"ul"},"Display a visible keyboard focus when the control is in focus."),(0,a.mdx)("li",{parentName:"ul"},"Setting a Tabindex should not be required. However, if any elements are assigned a Tabindex, it is critical that a Tabindex higher than 0 is never used.")),(0,a.mdx)("h3",{id:"keyboard-navigation"},"Keyboard Navigation"),(0,a.mdx)("p",null,"The basic keyboard navigation expectations: "),(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},"Key/Sequence"),(0,a.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,a.mdx)("tbody",{parentName:"table"},(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Tab")),(0,a.mdx)("td",{parentName:"tr",align:null},"Moves focus on to and off an expandable/collapsible Section Header. User expects to navigate from element to interactable element User expects elements to receive focus in the logical reading order of the page.")),(0,a.mdx)("tr",{parentName:"tbody"},(0,a.mdx)("td",{parentName:"tr",align:null},(0,a.mdx)("em",{parentName:"td"},"Space & Enter")),(0,a.mdx)("td",{parentName:"tr",align:null},"When focus is on the Section Header of a collapsed section, expands the section and vice-versa.")))),(0,a.mdx)(i.A,{newline:4,mdxType:"Whitespace"}),(0,a.mdx)("h2",{id:"support-compliance"},"Support Compliance:"),(0,a.mdx)("h3",{id:"primary-criteria-related-to-terra-section-header"},"Primary criteria related to Terra Section Header"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html"},"1.3.1 Info and Relationships")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for information, structure, and relationships to be programmatically determined. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure any visual relationship with a section header and other content that conveys meaning must programmatically set associations to the content for visual relationships can be understood by screen reader users."),(0,a.mdx)("li",{parentName:"ul"},"Content creators should provide engineering with Section Header level to match structure within the page. Must also express to the engineer any visual relationships of a Section Header to other content for them to ensure engineers can programmatically convey the visual relationships."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html"},"2.4.6 Headings and Labels")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to create labels that are descriptive of their purpose. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must implement meaningful text for labels to accurately describe their purpose. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure Section Headers and labels accurately describe the purpose of the content they represent. ")))),(0,a.mdx)("h3",{id:"other-accessibility-criteria-consuming-teams-are-responsible-for"},"Other accessibility criteria consuming teams are responsible for"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html"},"1.1.1 Non-text Content")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability to use icons inside a Section Header."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure appropriate alternate content is added to graphics, icons, or images that convey meaning. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with alternate content that conveys meaning to the user. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence.html"},"1.3.2 Meaningful Sequence")," - Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header provides the ability for components to be presented in the order in which they are coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content is meaningful and logical. If there is a visual presentation of content that is important for the user to understand, that must be available programmatically."),(0,a.mdx)("li",{parentName:"ul"},"Content creator must ensure content is read in a meaningful and logical order so as to not lose context. Must also convey to the engineers any visual presentation of the use of Section Header which creates meaning in the order so that it can be programmatically understood."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow.html"},"1.4.10 Reflow")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for components to reflow when the viewport is resized to 320x256 px without loss of information or function."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure content within Terra Section Header can reflow when the viewport is resized to 320 x 256 px without scrolling in two directions or loss of information or functionality."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must consider the responsive nature of Terra Section Header and provide engineers guidance on how it should content should reflow when the viewport is resized to 320 x 256 px"))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html"},"1.4.11 Non-Text Contrast")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides components that, by default, meet color contrast requirements. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any graphical elements used within Section Header that convey information meets a 3:1 color contrast ratio."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html"},"1.4.3 Contrast (Minimum)")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra Section Header provides components that, by default, meet color contrast requirements."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must work with content creators to implement Section Header so that Section Header text color and the background color meet appropriate color contrast ratios."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that the Section Header text color meets the appropriate contrast ratio against background color(s) based on text size of the visual structure text. Contrast ratios should be above 4.5:1 for normal text and 3:1 for bold and large text."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard.html"},"2.1.1 Keyboard")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for all interactable elements to receive focus, be interacted with, and be acted upon via keyboard."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure that all interactable elements can receive focus, be interacted with, and are able to be acted upon using the keyboard."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order.html"},"2.4.3 Focus Order")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable components to receive focus in the order they are coded."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that the focus order is expected and preserves page meaning. Code order should follow the logical reading order of the user. Though a TABINDEX attribute should not be required to ensure keyboard use, if used, never use a TABINDEX value higher than 0. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators should convey to the engineers the logical reading order of the page."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible.html"},"2.4.7 Focus Visible")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for actionable elements to receive visual focus."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure a visible keyboard focus is maintained on all interactive elements. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that whenever Section Header receives focus, the focus must be visible and maintain existing Terra Keyboard Focus styles."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/pointer-cancellation.html"},"2.5.2 Pointer Cancellation")," — Supports",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components use the up event to perform actions."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure actionable controls always take on the up event (never the down event)."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus.html"},"3.2.1 On Focus")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components do not cause a change of context on focus by default."),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that no unexpected change of context happens when interactive elements receive focus."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must inform engineers that Section Header should not cause any change when an interactable control receives focus. "))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/consistent-identification.html"},"3.2.4 Consistent Identification")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for elements to be consistently identified. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure that elements used for the same function are identified consistently."),(0,a.mdx)("li",{parentName:"ul"},"Content creators must ensure any icons used are used to represent the same function consistently. Additionally, the alternate content used to describe icons must be consistent for users to understand their function predictably."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing.html"},"4.1.1 Parsing")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra components are tested and validated before release to ensure proper code parsing. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid HTML."))),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html"},"4.1.2 Name, Role, Value")," — Supports ",(0,a.mdx)("ul",{parentName:"li"},(0,a.mdx)("li",{parentName:"ul"},"Terra provides the ability for ",(0,a.mdx)("inlineCode",{parentName:"li"},"Name")," ",(0,a.mdx)("inlineCode",{parentName:"li"},"Role"),", and ",(0,a.mdx)("inlineCode",{parentName:"li"},"Value")," attributes to be programmatically determined so as to be read by screen readers. "),(0,a.mdx)("li",{parentName:"ul"},"Engineers must ensure child elements added into Section Header have an accessible name, proper role, and value for the intended use. "),(0,a.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with names to appropriately identify controls added within Section Header.")))),(0,a.mdx)("h3",{id:"supported-features-and-technology"},"Supported Features and Technology."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,a.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)."),(0,a.mdx)("li",{parentName:"ul"},"Voice Over Support with Chrome, Safari (MAC)."),(0,a.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology."),(0,a.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology.")),(0,a.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement."),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,a.mdx)("h2",{id:"references"},"References:"),(0,a.mdx)("ul",null,(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG) ")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/semanticstructure/#headings"},"WebAim.org: Semantic Structure: Regions, Headings, and Lists")),(0,a.mdx)("li",{parentName:"ul"},(0,a.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/keyboard/"},"WebAim.org: Keyboard Accessibility"))))}m.isMDXComponent=!0},44244:function(e,t,n){n.d(t,{E:function(){return i}});var a=n(96540),r=n(55713),i=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-section-header",name:"terra-section-header",version:"2.68.0",url:t})}},81012:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___nfEbP","newline-1":"Whitespace-module__newline-1___JsrIt","newline-2":"Whitespace-module__newline-2___Q0uWI","newline-3":"Whitespace-module__newline-3___Q94cX","newline-4":"Whitespace-module__newline-4___20zS-","newline-5":"Whitespace-module__newline-5___nHyJ-","newline-6":"Whitespace-module__newline-6___TGqYR","newline-7":"Whitespace-module__newline-7___4YsCl","newline-8":"Whitespace-module__newline-8___NTNEl"}},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"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},99794:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr","redwood-theme":"Card-module__redwood-theme___LNRe1",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},38254:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","redwood-theme":"CardBody-module__redwood-theme___gqUxa","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},74858:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=m(n(96540)),r=m(n(5556)),i=m(n(46942)),o=m(n(67967)),l=m(n(16524)),d=m(n(52103)),s=m(n(99794)),u=m(n(9146)),c=["children","variant","visuallyHiddenText"];function m(e){return e&&e.__esModule?e:{default:e}}function p(){return p=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var f=o.default.bind(s.default),g={children:r.default.node,variant:r.default.oneOf(["default","raised"]),visuallyHiddenText:r.default.string},b={variant:"default"},_=function(e){var t=e.children,n=e.variant,r=e.visuallyHiddenText,o=h(e,c),s=a.default.useContext(d.default),u=(0,i.default)(f(["card",n,s.className]),o.className),m=r?a.default.createElement(l.default,{text:r}):null;return a.default.createElement("article",p({},o,{className:u}),m,t)};_.propTypes=g,_.defaultProps=b,_.Body=u.default;t.default=_},9146:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=u(n(96540)),r=u(n(5556)),i=u(n(46942)),o=u(n(67967)),l=u(n(52103)),d=u(n(38254)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var p=o.default.bind(d.default),h={children:r.default.node,hasPaddingVertical:r.default.bool,hasPaddingHorizontal:r.default.bool,isContentCentered:r.default.bool},f=function(e){var t=e.children,n=e.hasPaddingVertical,r=e.hasPaddingHorizontal,o=e.isContentCentered,d=m(e,s),u=a.default.useContext(l.default),h=(0,i.default)(p([{"vertical-padding":n},{"horizontal-padding":r},{"center-content":o},u.className]),d.className);return a.default.createElement("div",c({},d,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f}}]); \ No newline at end of file diff --git a/85804-4c9cab4b310d3fadfb5d.css b/85804-4c9cab4b310d3fadfb5d.css new file mode 100644 index 000000000..26c57489b --- /dev/null +++ b/85804-4c9cab4b310d3fadfb5d.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} +.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/86319-7354ab6f7ff91c698486.js b/86319-7354ab6f7ff91c698486.js new file mode 100644 index 000000000..0bd55c5ca --- /dev/null +++ b/86319-7354ab6f7ff91c698486.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[86319],{55713:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=n(a(5556)),d=n(a(67967)),o=n(a(25642)),i=d.default.bind(o.default),m={name:r.default.string.isRequired,src:r.default.string,url:r.default.string,version:r.default.string.isRequired},u=function(e){var t=e.src,a=e.name,n=e.url,r=e.version,d=l.default.createElement("a",{className:i("badge"),href:n||"https://www.npmjs.org/package/".concat(a,"/v/").concat(r)},l.default.createElement("span",{className:i("badge-name")},n?"package":"npm"),l.default.createElement("span",{className:i("badge-version")},"v".concat(r))),o=t?l.default.createElement("a",{className:i("badge"),href:t},l.default.createElement("span",{className:i("badge-name")},"github"),l.default.createElement("span",{className:i("badge-version")},"source")):void 0;return l.default.createElement("div",{className:i("badge-container")},d,o)};u.propTypes=m;t.A=u},201:function(e,t,a){var n=a(24994),l=a(73738);t.A=void 0;var r=n(a(85715)),d=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=x(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=r?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(n,d,o):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}(a(96540)),o=n(a(5556)),i=n(a(67967)),m=a(92912),u=n(a(49558)),s=n(a(53665)),c=a(25966),p=n(a(89986));function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(x=function(e){return e?a:t})(e)}var f=i.default.bind(p.default),g={example:o.default.element,exampleSrc:o.default.element,exampleCssSrc:o.default.element,title:o.default.string,description:o.default.node,isExpanded:o.default.bool},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},N=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,a=e.exampleSrc,n=e.exampleCssSrc,l=e.title,o=e.description,i=e.isExpanded,p=(0,d.useState)(i),x=(0,r.default)(p,2),g=x[0],y=x[1],b=(0,d.useState)(!1),w=(0,r.default)(b,2),_=w[0],v=w[1],T=d.default.useContext(m.ThemeContext),C=void 0!==n,k=function(){v(!_),g&&y(!g)},O=function(){y(!g),_&&v(!_)},P=function(e,t){e.nativeEvent.keyCode!==c.KEY_SPACE&&e.nativeEvent.keyCode!==c.KEY_RETURN||(e.preventDefault(),t())};return d.default.createElement("div",{className:f("template",T.className)},d.default.createElement("div",{className:f("header")},l&&d.default.createElement("h2",{className:f("title")},l)),d.default.createElement("div",{className:f("content")},o&&d.default.createElement("div",{className:f("description")},o),t),d.default.createElement("div",{className:f("footer")},a?d.default.createElement("div",{className:f("button-container")},C&&d.default.createElement("button",{type:"button",className:f("css-toggle","item",{"is-selected":_}),onClick:k,onKeyDown:function(e){return P(e,k)},onBlur:h,onMouseDown:N,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:f("chevron")}),d.default.createElement("span",null,"CSS"),d.default.createElement(s.default,{className:f("chevron")})),d.default.createElement("button",{type:"button",className:f("code-toggle","item",{"is-selected":g}),onClick:O,onKeyDown:function(e){return P(e,O)},onBlur:h,onMouseDown:N,tabIndex:0,"data-focus-styles-enabled":!0},d.default.createElement(u.default,{className:f("chevron")}),d.default.createElement("span",null,"Code"),d.default.createElement(s.default,{className:f("chevron")}))):null,d.default.createElement("div",null,_&&d.default.createElement("div",{className:f("css")},n),g&&d.default.createElement("div",{className:f("code")},a))))};y.propTypes=g,y.defaultProps={isExpanded:!1};t.A=y},12883:function(e,t,a){var n=a(24994),l=a(73738);t.YZ=t.dt=t.Hd=t.NZ=void 0,Object.defineProperty(t,"fI",{enumerable:!0,get:function(){return m.Row}}),t.Ay=t.$d=void 0;var r=c(a(96540)),d=n(a(5556)),o=n(a(67967)),i=a(92912),m=c(a(26984)),u=n(a(89744));function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(s=function(e){return e?a:t})(e)}function c(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var a=s(t);if(a&&a.has(e))return a.get(e);var n={__proto__:null},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var d in e)if("default"!==d&&Object.prototype.hasOwnProperty.call(e,d)){var o=r?Object.getOwnPropertyDescriptor(e,d):null;o&&(o.get||o.set)?Object.defineProperty(n,d,o):n[d]=e[d]}return n.default=e,a&&a.set(e,n),n}var p=o.default.bind(u.default),x={children:d.default.node},f={isRequired:d.default.bool};(t.dt=function(e){var t=e.children;return r.default.createElement(m.Cell,{className:p("bold")},t)}).propTypes=x,(t.$d=function(e){var t=e.children;return r.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=x,(t.YZ=function(e){var t=e.isRequired;return r.default.createElement(m.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=f,(t.NZ=function(e){var t=e.children;return r.default.createElement(m.Cell,{className:p("code-block-override")},t)}).propTypes=x,(t.Hd=function(e){var t=e.children;return r.default.createElement(m.Cell,null,t)}).propTypes=x;var g=function(e){var t=e.children,a=(0,r.useContext)(i.ThemeContext);return r.default.createElement(m.default,{paddingStyle:"compact",className:p("table",a.className)},r.default.createElement(m.Header,{className:p("header")},r.default.createElement(m.HeaderCell,null,"Prop"),r.default.createElement(m.HeaderCell,null,"Type"),r.default.createElement(m.HeaderCell,null,"Required"),r.default.createElement(m.HeaderCell,null,"Default"),r.default.createElement(m.HeaderCell,null,"Description")),r.default.createElement(m.Body,null,t))};g.propTypes=x;t.Ay=g},86159:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),l=m(a(5556)),r=m(a(67967)),d=m(a(52103)),o=m(a(36605)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 c=r.default.bind(o.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},x=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:l.default.string},g=function(e){var t=e.children,a=s(e,i),l=n.default.useContext(d.default),o=(0,r.default)(c(["button",l.className]),a.className);return n.default.createElement("button",u({},a,{type:"button",className:o,onBlur:p,onMouseDown:x,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},20999:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=i(a(96540)),l=i(a(5556)),r=i(a(67967)),d=i(a(52103)),o=i(a(17269));function i(e){return e&&e.__esModule?e:{default:e}}var m=r.default.bind(o.default),u={ariaLevel:l.default.oneOf(["2","3","4","5","6"]),children:l.default.node,variant:l.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},s=function(e){var t=e.ariaLevel,a=e.variant,l=e.children,r=n.default.useContext(d.default);return n.default.createElement("div",{className:m("notice",a,r.className)},n.default.createElement("div",{className:m("accessory"),"aria-hidden":"true",focusable:"false"}),n.default.createElement("div",{role:"heading",className:m("title"),"aria-level":t},n.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"}(a))),n.default.createElement("div",{className:m("children")},function(e){return"not-supported"===e?n.default.createElement(n.default.Fragment,null,n.default.createElement("p",{className:m("paragraph")},"This component was designed and tested according to the documented implementation."),n.default.createElement("p",{className:m("paragraph")},"Using the component incorrectly:",n.default.createElement("ul",{className:m("list")},n.default.createElement("li",null,"will likely result in improper composition and create accessibility issues"),n.default.createElement("li",null,"may cause erratic or broken behaviors and styles"),n.default.createElement("li",null,n.default.createElement("strong",null,"will not be supported "),"or enhanced to allow for incorrect use")))):null}(a),n.default.Children.map(l,(function(e){return"string"==typeof e?n.default.createElement("p",null,e):e}))))};s.propTypes=u,s.defaultProps={ariaLevel:"2",variant:"important"};t.default=s},18778:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),d=u(a(67967)),o=u(a(52103)),i=u(a(16576)),m=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[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 p=d.default.bind(i.default),x={title:l.default.string},f=function(e){var t=e.title,a=c(e,m),l=n.default.useContext(o.default),d=(0,r.default)(p(["placeholder",l.className]),a.className),i=p(["inner"]);return n.default.createElement("div",s({},a,{className:d}),n.default.createElement("div",{className:i},n.default.createElement("p",{className:p("title")},t)))};f.propTypes=x,f.defaultProps={title:""};t.default=f},74647:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.default}}),Object.defineProperty(t,"Notice",{enumerable:!0,get:function(){return n.default}}),Object.defineProperty(t,"Placeholder",{enumerable:!0,get:function(){return l.default}});var n=d(a(20999)),l=d(a(18778)),r=d(a(86159));function d(e){return e&&e.__esModule?e:{default:e}}},2965:function(e,t,a){var n=a(24994);t.A=void 0;var l=n(a(96540)),r=a(9543),d=[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"},{id:"Column-10",displayName:"Not Selectable",isSelectable:!1}],o=[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"},{content:"",isSelectable:!1}]}];t.A=function(){var e=d,t=o;return l.default.createElement(r.WorklistDataGrid,{id:"default-terra-worklist-data-grid",overflowColumns:e,rows:t,rowHeaderIndex:0,ariaLabel:"Worklist Data Grid"})}},86319:function(e,t,a){a.r(t),a.d(t,{default:function(){return N}});a(96540);var n=a(36665),l=(a(74647),a(38458)),r=a(12883),d=["components"];function o(){return o=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 m={},u="wrapper";function s(e){var t=e.components,a=i(e,d);return(0,n.mdx)(u,o({},m,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(r.Ay,{mdxType:"PropsTable"},(0,n.mdx)(r.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"ariaLabelledBy"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that identifies the element (or elements) that labels the grid."))),(0,n.mdx)(r.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"ariaLabel"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that labels the grid for accessibility. If ariaLabelledBy is specified, ariaLabel will not be used."))),(0,n.mdx)(r.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"id"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that will be used to identify the Grid. If multiple grids are on the same page, each grid should have\na unique id."))),(0,n.mdx)(r.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"rows"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for content in the body of the Grid. Rows will be rendered in the order given."))),(0,n.mdx)(r.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"pinnedColumns"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for pinned columns. Pinned columns are the stickied leftmost columns of the grid.\nColumns are rendered in the order in which they are provided."))),(0,n.mdx)(r.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"overflowColumns"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n type: 'custom',\n}],\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Data for overflow columns. Overflow columns are rendered in the Worklist Data Grid's horizontal overflow.\nColumns are rendered in the order in which they are provided."))),(0,n.mdx)(r.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"defaultColumnWidth"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"200\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Number indicating the default column width in px. This value will be used if no overriding width value is provided on a per-column basis."))),(0,n.mdx)(r.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"columnHeaderHeight"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that specifies the column height. Any valid CSS height value is accepted."))),(0,n.mdx)(r.fI,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"rowHeight"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'2.5rem'\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"String that specifies the height for the rows in the grid. Any valid CSS value is accepted."))),(0,n.mdx)(r.fI,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"rowHeaderIndex"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"custom\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"0\n"))),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Number indicating the index of the column that represents row header. Index is 0 based and cannot exceed one less than the number of columns in the grid."))),(0,n.mdx)(r.fI,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onColumnResize"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Function that is called when a resizable column is resized. Parameters:\n@param {string} columnId columnId\n@param {string} requestedWidth requestedWidth"))),(0,n.mdx)(r.fI,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onCellSelect"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when a selectable cell is selected. Parameters:\n@param {string} rowId rowId\n@param {string} columnId columnId\n@param {object} event event"))),(0,n.mdx)(r.fI,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onRowSelect"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when one or more rows are selected or unselected. Parameters:\n@param {arrayOf({string, boolean})} rowsToSelectAndUnSelect rowsToSelectAndUnSelect"))),(0,n.mdx)(r.fI,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onRowSelectAll"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when all rows are selected. Parameters: none."))),(0,n.mdx)(r.fI,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onColumnSelect"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when a selectable column is selected. Parameters:\n@param {string} columnId columnId"))),(0,n.mdx)(r.fI,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onClearSelectedRows"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when all selected rows need to be unselected. Parameters: none."))),(0,n.mdx)(r.fI,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onClearSelectedCells"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when all selected cells need to be unselected. Parameters: none."))),(0,n.mdx)(r.fI,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onDisableSelectableRows"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function that is called when no row is selected and the row selection mode needs to be disabled. Parameters: none."))),(0,n.mdx)(r.fI,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"onEnableRowSelection"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function to enable row selection mode. Parameters: ",(0,n.mdx)("inlineCode",{parentName:"p"},"none")))),(0,n.mdx)(r.fI,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"hasSelectableRows"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Boolean indicating whether or not the Worklist Data Grid should allow entire rows to be selectable. An additional column will be\nrendered to allow for row selection to occur."))),(0,n.mdx)(r.fI,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(r.dt,{mdxType:"PropNameCell"},"isAutoFocusEnabled"),(0,n.mdx)(r.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(r.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(r.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(r.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Determines if focus is moved to the interactive element of a cell when a single button or hyperlink element is the only interactive element.")))))}s.isMDXComponent=!0;var c=a(97100),p=["components"];function x(){return x=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={},h="wrapper";function N(e){var t=e.components,a=f(e,p);return(0,n.mdx)(h,x({},g,a,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)(l.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-worklist-data-grid"},"Terra Worklist Data Grid"),(0,n.mdx)("h2",{id:"table-of-contents"},"Table of Contents"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Overview")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Design Decisions")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Examples")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Accessibility")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Implementation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Terra Standards")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Properties"))),(0,n.mdx)("h2",{id:"overview"},"Overview"),(0,n.mdx)("p",null,"The Worklist Data Grid is an ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"accessible grid")," component that allows the user to display data in a table-like structure of rows and columns."),(0,n.mdx)("p",null,"The Worklist Data Grid displays a header row and one or more rows of data.\nThe component contains only one tab stop with the arrow keys used for primary navigation.\nSee ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"keyboard interactions")," for all supported keys.\nOther key features of the component are listed in the ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Features")," section."),(0,n.mdx)(c.A,{title:"Basic Worklist Data Grid",mdxType:"BasicWorklistDataGrid"}),(0,n.mdx)("h3",{id:"features"},"Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"Navigation")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"Masked Cells")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/cell-selection"},"Cell selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/row-selection"},"Row selection")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns"},"Pinned columns")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"Column Sorting")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"Column Error States")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-focusable-cell"},"Single Cell Navigation (Dive-In)"))),(0,n.mdx)("p",null,"Refer to the ",(0,n.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"examples")," section for detailed demonstration of the features supported by the Worklist Data Grid."),(0,n.mdx)("h2",{id:"design-decisions"},"Design Decisions"),(0,n.mdx)("p",null,"The Worklist Data Grid supports the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"grid pattern")," as documented by the ARIA Authoring Practices Guide."),(0,n.mdx)("p",null,"The Worklist Data Grid:"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Supports only one tab stop. When tabbing into the Worklist Data Grid, focus will either go to the last visited cell, or the first cell upon initial entry.\nWhile on the Worklist Data Grid, ",(0,n.mdx)("inlineCode",{parentName:"li"},"Tab")," or ",(0,n.mdx)("inlineCode",{parentName:"li"},"Shift+Tab")," will exit the Worklist Data Grid."),(0,n.mdx)("li",{parentName:"ul"},"Does not maintain consumer data state. The state must be maintained by the consumer."),(0,n.mdx)("li",{parentName:"ul"},"Uses callbacks to communicate the actions taken by the user.\nThe callbacks are provided by the consumer and therefore the implementation is consumer specific.\nIt is up to the consumer to determine if and what actions should be taken.\nFor example, the user may click on a selectable cell in the Worklist Data Grid which calls the ",(0,n.mdx)("em",{parentName:"li"},"onCellSelect")," callback.\nFor business reasons, the consumer may decide not to honor that cell selection and instead does nothing resulting in the the cell not getting selected in the Worklist Data Grid."),(0,n.mdx)("li",{parentName:"ul"},"Supports single column sorting with the ability to specify multiple columns as sortable."),(0,n.mdx)("li",{parentName:"ul"},"Does not support multi-cell selection."),(0,n.mdx)("li",{parentName:"ul"},"Supports multi-row selection.")),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Link to Example"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/basic-worklist-data-grid"},"BasicWorklistDataGrid")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example of the Worklist Data Grid with basic keyboard interactions.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/cell-selection"},"CellSelection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating the ability to select a cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/row-selection"},"RowSelection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating row centric interactions.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-column-states"},"WorklistDataGridColumnStates")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating column state and interactions.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns"},"PinnedColumns")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating ",(0,n.mdx)("em",{parentName:"td"},"pinned")," columns (stickied leftmost columns) and ",(0,n.mdx)("em",{parentName:"td"},"overflow")," columns.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/pinned-columns-with-row-selection"},"PinnedColumnsWithRowSelection")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating row centric interactions when some columns are pinned.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("a",{parentName:"td",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/examples/worklist-data-grid-focusable-cell"},"WorklistDataGridFocusableCell")),(0,n.mdx)("td",{parentName:"tr",align:null},"An example demonstrating focus trapped within a cell (",(0,n.mdx)("em",{parentName:"td"},"dive in mode"),").")))),(0,n.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,n.mdx)("h3",{id:"keyboard-interactions"},"Keyboard Interactions"),(0,n.mdx)("p",null,"List of keyboard interactions supported by Worklist Data Grid is similar to the ",(0,n.mdx)("a",{parentName:"p",href:"https://www.w3.org/WAI/ARIA/apg/patterns/grid/"},"keyboard interactions for data grids")," as outlined by the ARIA Authoring Practices Guide (APG)."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Key interactions"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Up Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell up. If focus is on the top cell in the column, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Down Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell down. If focus is on the bottom cell in the column, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Right Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the right. If focus is on the right-most cell in the row, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Left Arrow"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus one cell to the left. If focus is on the left-most cell in the row, focus does not move.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Home"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first cell in the row that contains focus.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"End"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last cell in the row that contains focus.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Control + Home (Windows) ",(0,n.mdx)("br",null)," or ",(0,n.mdx)("br",null)," Ctrl + Command + Left Arrow (Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the first cell in the first non header row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Control + End (Windows) ",(0,n.mdx)("br",null)," or ",(0,n.mdx)("br",null)," Ctrl + Command + Right Arrow (Mac)"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus to the last cell in the last row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Tab"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the next focusable element in the tab sequence. If grid navigation is disabled thereby trapping focusing within a single grid cell, tab moves focus circularly amongst the focusable elements within the grid cell where focus is trapped.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Tab"),(0,n.mdx)("td",{parentName:"tr",align:null},"Moves focus out of the grid to the previous focusable element in the tab sequence. If grid navigation is disabled thereby trapping focusing within a single grid cell, tab moves focus circularly amongst the focusable elements within the grid cell where focus is trapped.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Space"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects the focused cell when row selection mode is off or Selects the focused row when row selection mode is on.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Enter"),(0,n.mdx)("td",{parentName:"tr",align:null},"Disables grid navigation and allows navigation within the focused cell. If the cell contains focusable content, focus will move to the first focusable element in the cell. Pressing Escape will restore grid navigation.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Escape"),(0,n.mdx)("td",{parentName:"tr",align:null},"When grid navigation is on, escape removes the cell selection.",(0,n.mdx)("br",null)," When grid navigation is off, escape restores the grid navigation.",(0,n.mdx)("br",null)," When row selection is on, and there are rows selected, escape unselects all selected rows.",(0,n.mdx)("br",null)," When row selection is on, and there are no rows selected, escape turns off row selection mode.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Control + A"),(0,n.mdx)("td",{parentName:"tr",align:null},"Selects all Rows.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Up"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends selection one row up. The selection does not extend beyond the first non-header row. If Row Selection Mode is off, it will be turned on.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Down"),(0,n.mdx)("td",{parentName:"tr",align:null},"Extends selection one row down. The selection does not extend beyond the last row. If Row Selection Mode is off, it will be turned on.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Space"),(0,n.mdx)("td",{parentName:"tr",align:null},"Shift + Space: Extends row selection to the currently focus row or selects the focused row. Row selection will be extended from the last individually selected row or the starting row of the previously selected range. If neither exists, the focused row will be selected. If Row Selection Mode is off, it will be turned on.")))),(0,n.mdx)("h3",{id:"assistive-technology-support"},"Assistive Technology Support"),(0,n.mdx)("h4",{id:"wai-aria-roles-and-states"},"WAI ARIA Roles and States"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label"},"aria-label"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Worklist Data Grid"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},(0,n.mdx)("em",{parentName:"a"},"ariaLabel"))," prop is specified, the screen reader will use the ",(0,n.mdx)("em",{parentName:"li"},"aria-label")," as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Row"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},(0,n.mdx)("em",{parentName:"a"},"ariaLabel"))," prop is specified, the screen reader will use the ",(0,n.mdx)("em",{parentName:"li"},"aria-label")," as the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," to announce interactions with the row."))),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby"},"aria-labelledby"),(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("strong",{parentName:"li"},"Worklist Data Grid"),": When the ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},(0,n.mdx)("em",{parentName:"a"},"ariaLabelledBy"))," prop is specified, the screen reader will use the ",(0,n.mdx)("em",{parentName:"li"},"aria-labelledby")," element to determine the ",(0,n.mdx)("a",{parentName:"li",href:"https://w3c.github.io/accname/#dfn-accessible-name"},"accessible name")," for the grid.")))),(0,n.mdx)("h2",{id:"implementation"},"Implementation"),(0,n.mdx)("h3",{id:"installation"},"Installation"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-data-grid"))))),(0,n.mdx)("h3",{id:"dependencies"},"Dependencies"),(0,n.mdx)("h4",{id:"peer-dependencies"},"Peer Dependencies"),(0,n.mdx)("p",null,"This component requires the following peer dependencies be installed in your app for the component to properly function."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Peer Dependency"),(0,n.mdx)("th",{parentName:"tr",align:null},"Version"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-dom"),(0,n.mdx)("td",{parentName:"tr",align:null},"^16.8.5")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},"react-intl"),(0,n.mdx)("td",{parentName:"tr",align:null},"^2.8.0")))),(0,n.mdx)("h2",{id:"properties"},"Properties"),(0,n.mdx)("h3",{id:"worklist-data-grid-props-table"},"Worklist Data Grid Props Table"),(0,n.mdx)(s,{mdxType:"WorklistDataGridPropsTable"}),(0,n.mdx)("h3",{id:"column"},"Column"),(0,n.mdx)("p",null,"A column specifies the data to render a cell in the header row of the Worklist Data Grid."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"required")),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the column within the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"displayName")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"String of text to render within the column header cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"action")),(0,n.mdx)("td",{parentName:"tr",align:null},"object"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Object containing label and onClick properties for column action button, which will be displayed in an additional row below the column header row.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"hasError")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column has an error in the data.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isResizable")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is resizable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelectable")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Boolean value indicating whether or not the column header is selectable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"minimumWidth")),(0,n.mdx)("td",{parentName:"tr",align:null},"number"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Number that specifies the minimum column width in pixels.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"maximumWidth")),(0,n.mdx)("td",{parentName:"tr",align:null},"number"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"Number that specifies the maximum column width in pixels.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"width")),(0,n.mdx)("td",{parentName:"tr",align:null},"number"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A number (in px) specifying the width of the column. If not provided, the Data Grid's default column width will be used.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"sortIndicator")),(0,n.mdx)("td",{parentName:"tr",align:null},"custom"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string indicating which sorting indicator should be rendered. If not provided, no sorting indicator will be rendered. One of ",(0,n.mdx)("inlineCode",{parentName:"td"},"ascending"),", ",(0,n.mdx)("inlineCode",{parentName:"td"},"descending"),".")))),(0,n.mdx)("h3",{id:"row"},"Row"),(0,n.mdx)("p",null,"A row defines the cells rendered within the row."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"id")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("span",{style:{color:"#d53040"}},"required")),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"An identifier to uniquely identify the row within the grid.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"cells")),(0,n.mdx)("td",{parentName:"tr",align:null},"array"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"[]"),(0,n.mdx)("td",{parentName:"tr",align:null},"An array of cell objects that define the content to be rendered in the row. Cells will be rendered in the order given and are expected to be in the same order as the columns.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelected")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating whether or not the row should render as selected.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"ariaLabel")),(0,n.mdx)("td",{parentName:"tr",align:null},"string"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A string identifier used to describe the row contents. This value will be used for accessibility when announcing the row (un)selection.")))),(0,n.mdx)("h3",{id:"cell"},"Cell"),(0,n.mdx)("p",null,"A cell defines the content rendered at the intersection of a row and a column."),(0,n.mdx)("table",null,(0,n.mdx)("thead",{parentName:"table"},(0,n.mdx)("tr",{parentName:"thead"},(0,n.mdx)("th",{parentName:"tr",align:null},"Name"),(0,n.mdx)("th",{parentName:"tr",align:null},"Type"),(0,n.mdx)("th",{parentName:"tr",align:null},"Is Required"),(0,n.mdx)("th",{parentName:"tr",align:null},"Default Value"),(0,n.mdx)("th",{parentName:"tr",align:null},"Description"))),(0,n.mdx)("tbody",{parentName:"table"},(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"content")),(0,n.mdx)("td",{parentName:"tr",align:null},"content"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"The content to render within the cell.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isMasked")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating if the cell content is masked.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelectable")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating if the cell is selectable.")),(0,n.mdx)("tr",{parentName:"tbody"},(0,n.mdx)("td",{parentName:"tr",align:null},(0,n.mdx)("strong",{parentName:"td"},"isSelected")),(0,n.mdx)("td",{parentName:"tr",align:null},"bool"),(0,n.mdx)("td",{parentName:"tr",align:null},"optional"),(0,n.mdx)("td",{parentName:"tr",align:null},"none"),(0,n.mdx)("td",{parentName:"tr",align:null},"A boolean indicating if the cell is selected.")))),(0,n.mdx)("h2",{id:"terra-standards"},"Terra Standards"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))))}N.isMDXComponent=!0},97100:function(e,t,a){a.d(t,{A:function(){return c}});var n=a(96540),l=a(2965),r=a(36665),d=["components"];function o(){return o=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 m={};function u(e){var t=e.components,a=i(e,d);return(0,r.mdx)("wrapper",o({},m,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\n\nconst gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n { id: 'Column-10', displayName: 'Not Selectable', isSelectable: false },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n { content: '', isSelectable: false },\n ],\n },\n ],\n};\n\nconst BasicWorklistDataGrid = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n\n return (\n \n );\n};\n\nexport default BasicWorklistDataGrid;\n\n")))}u.isMDXComponent=!0;var s=a(201),c=function(e){var t=e.title,a=e.description,r=e.isExpanded;return n.createElement(s.A,{title:t||"Basic Worklist Data Grid",description:a,example:n.createElement(l.A,null),exampleSrc:n.createElement(u,null),isExpanded:r})}},38458: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-framework/tree/main/packages/terra-data-grid",name:"terra-data-grid",version:"1.26.0",url:t})}},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"}},89986:function(e,t,a){a.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,a){a.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"}},36605:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,a){a.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},78482:function(e,t,a){a.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,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(a(96540)),l=u(a(5556)),r=u(a(46942)),d=u(a(67967)),o=u(a(52103)),i=u(a(78482)),m=["children","disableStripes","paddingStyle"];function u(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[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 p=d.default.bind(i.default),x={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},f=function(e){var t=e.children,a=e.disableStripes,l=e.paddingStyle,d=c(e,m),i=n.default.useContext(o.default),u=(0,r.default)(p("table",{striped:!a},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},i.className),d.className);return n.default.createElement("table",s({},d,{className:u}),t)};f.propTypes=x,f.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=f},61452:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},m=function(e){var t=e.children,a=o(e,r);return n.default.createElement("tbody",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},86472:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},m=function(e){var t=e.children,a=o(e,r);return n.default.createElement("td",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},97441:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=o(a(96540)),l=o(a(5556)),r=o(a(10767)),d=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 m={children:l.default.node},u=function(e){var t=e.children,a=i(e,d);return n.default.createElement("thead",a,n.default.createElement("tr",null,r.default.addScope(t,"col")))};u.propTypes=m,u.defaultProps={children:[]};t.default=u},22417:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=d(a(96540)),l=d(a(5556)),r=["children"];function d(e){return e&&e.__esModule?e:{default:e}}function o(e,t){if(null==e)return{};var a,n,l=function(e,t){if(null==e)return{};var a,n,l={},r=Object.keys(e);for(n=0;n=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 i={children:l.default.node},m=function(e){var t=e.children,a=o(e,r);return n.default.createElement("th",a,t)};m.propTypes=i,m.defaultProps={children:[]};t.default=m},36142:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=m(a(96540)),l=m(a(5556)),r=m(a(67967)),d=m(a(78482)),o=m(a(10767)),i=["children"];function m(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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 c=r.default.bind(d.default),p={children:l.default.node},x=function(e){var t=e.children,a=s(e,i),l=c(["row"]);return n.default.createElement("tr",u({},a,{className:a.className?"".concat(l," ").concat(a.className):l}),o.default.addScope(t,"row"))};x.propTypes=p,x.defaultProps={children:[]};t.default=x},10767:function(e,t,a){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n,l=(n=a(96540))&&n.__esModule?n:{default:n};var r={addScope:function(e,t){var a=[];return l.default.Children.forEach(e,(function(e){a.push(l.default.cloneElement(e,{scope:"TableHeaderCell"===e.type.name?t:void 0}))})),a}};t.default=r},26984:function(e,t,a){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 d.default}}),Object.defineProperty(t,"Header",{enumerable:!0,get:function(){return o.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return r.default}}),t.default=void 0;var n=m(a(85444)),l=m(a(61452)),r=m(a(36142)),d=m(a(86472)),o=m(a(97441)),i=m(a(22417));function m(e){return e&&e.__esModule?e:{default:e}}t.default=n.default}}]); \ No newline at end of file diff --git a/87167-6015b9a78414f0d96e35.css b/87167-6015b9a78414f0d96e35.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/87167-6015b9a78414f0d96e35.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/87167-6015b9a78414f0d96e35.js b/87167-6015b9a78414f0d96e35.js new file mode 100644 index 000000000..6da9ea4c3 --- /dev/null +++ b/87167-6015b9a78414f0d96e35.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[87167,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)),o=r(t(5556)),s=r(t(67967)),d=r(t(25642)),u=s.default.bind(d.default),c={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},i=function(e){var a=e.src,t=e.name,r=e.url,o=e.version,s=n.default.createElement("a",{className:u("badge"),href:r||"https://www.npmjs.org/package/".concat(t,"/v/").concat(o)},n.default.createElement("span",{className:u("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:u("badge-version")},"v".concat(o))),d=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")},s,d)};i.propTypes=c;a.A=i},87167:function(e,a,t){t.r(a),t.d(a,{default:function(){return i}});t(96540);var r=t(36665),n=t(74128),o=["components"];function s(){return s=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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}var u={},c="wrapper";function i(e){var a=e.components,t=d(e,o);return(0,r.mdx)(c,s({},u,t,{components:a,mdxType:"MDXLayout"}),(0,r.mdx)(n.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-text-upgrade-guide"},"Terra Text Upgrade Guide"),(0,r.mdx)("h2",{id:"changes-from-20-to-30"},"Changes from 2.0 to 3.0"),(0,r.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,r.mdx)("p",null,"The following transitive dependency had breaking changes. See its upgrade guide for more information."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"terra-doc-template")))}i.isMDXComponent=!0},74128:function(e,a,t){t.d(a,{E:function(){return o}});var r=t(96540),n=t(55713),o=function(e){var a=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-text",name:"terra-text",version:"4.57.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/89034-8163cb4bab67ba82cbfc.css b/89034-8163cb4bab67ba82cbfc.css new file mode 100644 index 000000000..6cfca39a6 --- /dev/null +++ b/89034-8163cb4bab67ba82cbfc.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} +.ListDocCommon-module__placeholder___9sgl3{height:50px}[dir] .list-item{padding:10px 0}[dir] .list-item-focus{padding:10px 0}.list-item-focus:focus{outline:2px dashed #000;outline-offset:-2px} +.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/89642-23b872be5acb607e2fb1.js b/89642-23b872be5acb607e2fb1.js new file mode 100644 index 000000000..80d64159c --- /dev/null +++ b/89642-23b872be5acb607e2fb1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[89642],{12292:function(e,t,n){t.A=void 0;var r=s(n(96540)),a=s(n(5556)),o=s(n(46942)),l=s(n(67967)),i=s(n(81012)),d=["newline"];function s(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=l.default.bind(i.default),p={newline:a.default.oneOf([1,2,3,4,5,6,7,8])},h=function(e){var t=e.newline,n=m(e,d),a=(0,o.default)(c("whitespace","newline-".concat(t)),n.className);return r.default.createElement("div",u({},n,{className:a,"aria-hidden":"true"}))};h.propTypes=p,h.defaultProps={newline:1};t.A=h},73280: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,o=s(n(96540)),l=s(n(93467)),i=(a=n(74858))&&a.__esModule?a:{default:a};function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=d(t);if(n&&n.has(e))return n.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&{}.hasOwnProperty.call(e,l)){var i=o?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(a,l,i):a[l]=e[l]}return a.default=e,n&&n.set(e,a),a}function u(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,o,l,i=[],d=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);d=!0);}catch(e){s=!0,a=e}finally{try{if(!d&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(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 m(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 m(e,t){(null==t||t>e.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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var c=o.default.bind(i.default),p=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},f={children:a.default.string},g=function(e){var t=e.children,n=m(e,d),a=r.default.useContext(l.default),i=(0,o.default)(c(["button",a.className]),n.className);return r.default.createElement("button",u({},n,{type:"button",className:i,onBlur:p,onMouseDown:h,"data-focus-styles-enabled":!0}),t)};g.propTypes=f;t.default=g},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),o=d(n(67967)),l=d(n(52103)),i=d(n(17269));function d(e){return e&&e.__esModule?e:{default:e}}var s=o.default.bind(i.default),u={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"])},m=function(e){var t=e.ariaLevel,n=e.variant,a=e.children,o=r.default.useContext(l.default);return r.default.createElement("div",{className:s("notice",n,o.className)},r.default.createElement("div",{className:s("accessory"),"aria-hidden":"true",focusable:"false"}),r.default.createElement("div",{role:"heading",className:s("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:s("children")},function(e){return"not-supported"===e?r.default.createElement(r.default.Fragment,null,r.default.createElement("p",{className:s("paragraph")},"This component was designed and tested according to the documented implementation."),r.default.createElement("p",{className:s("paragraph")},"Using the component incorrectly:",r.default.createElement("ul",{className:s("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}))))};m.propTypes=u,m.defaultProps={ariaLevel:"2",variant:"important"};t.default=m},18778:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),d=u(n(16576)),s=["title"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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 o=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(d.default),h={title:a.default.string},f=function(e){var t=e.title,n=c(e,s),a=r.default.useContext(i.default),l=(0,o.default)(p(["placeholder",a.className]),n.className),d=p(["inner"]);return r.default.createElement("div",m({},n,{className:l}),r.default.createElement("div",{className:d},r.default.createElement("p",{className:p("title")},t)))};f.propTypes=h,f.defaultProps={title:""};t.default=f},74647:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return o.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=l(n(20999)),a=l(n(18778)),o=l(n(86159));function l(e){return e&&e.__esModule?e:{default:e}}},89642:function(e,t,n){n.r(t),n.d(t,{default:function(){return p}});n(96540);var r=n(36665),a=n(74647),o=n(41727),l=n(12292),i=n(73280),d=["components"];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 o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var m={},c="wrapper";function p(e){var t=e.components,n=u(e,d);return(0,r.mdx)(c,s({},m,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-dropdown-accessibility-guide"},"Terra Dropdown Accessibility Guide"),(0,r.mdx)("h2",{id:"why-the-accessibility-of-dropdown-is-important"},"Why the accessibility of Dropdown is important"),(0,r.mdx)("p",null,"Dropdowns are one of the most used menu controls to gather data within an interface. Because they are so ubiquitous, users need to understand their purpose and be able to interact with them predictably. However, if Dropdowns are not implemented following best practices, users may fail to understand what the button is for, or worse, they may not be able to interact with the Dropdown menu. It is critical to users that Dropdowns must be accessible to understand and interact with the menu effectively."),(0,r.mdx)("p",null,"There are many ways a poorly implemented Dropdown can make unusable to users:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"All users rely on the Dropdown label to accurately describe the purpose of the menu."),(0,r.mdx)("li",{parentName:"ul"},"All users rely upon good error messaging to help the user understand when a button is invalid and what they must do to succeed in completing a form."),(0,r.mdx)("li",{parentName:"ul"},"Blind users need the label to be programmatically associated with the Dropdown menu for the screen reader to read the label; otherwise, they will not understand the purpose of the menu."),(0,r.mdx)("li",{parentName:"ul"},"Speech input device users will not be able to activate a dropdown button if the button label is not unique or programmatically associated with the button."),(0,r.mdx)("li",{parentName:"ul"},"If the Dropdown does not provide meaningful helper text or is not programmatically marked as required, the user may not understand how to meet the button requirements.")),(0,r.mdx)(l.A,{mdxType:"Whitespace"}),(0,r.mdx)("h2",{id:"accessibility-considerations"},"Accessibility Considerations"),(0,r.mdx)(a.Notice,{variant:"important",ariaLevel:"3",mdxType:"Notice"},(0,r.mdx)("h3",{id:"content-considerations-what-do-content-creators-need-to-do"},"Content Considerations: What do content creators need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ensure each Dropdown has a descriptive label that accurately describes its purpose.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure each Dropdown label is unique to the page.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The best practice is to never use the same label for multiple dropdowns that ask for different data on the same page."))),(0,r.mdx)("li",{parentName:"ul"},"If there is any specific requirement for the user to make a dropdown menu valid, that requirement must be presented visibly either in the button label or within the helper text.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If a Dropdown is required, it must be set as required, have the required red asterisk, and its parent form should have instructions that any item marked with the asterisk is required."))),(0,r.mdx)("li",{parentName:"ul"},"When creating error messaging, ensure the message provides enough context so the user can understand the problem and how to fix it. Use clear and concise messaging."),(0,r.mdx)("li",{parentName:"ul"},"If any icons are used to convey meaning in conjunction with a Dropdown, the icon must have an accessible name (alternate content). For example, a help icon next to the dropdown menu.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"The icon must be intuitive for the functionality it represents."),(0,r.mdx)("li",{parentName:"ul"},"The icon must be named consistently across the product and accurately reflect the purpose of the icon."),(0,r.mdx)("li",{parentName:"ul"},"The icons must be used to consistently represent the same function (do not use multiple icons for the same functionality)."),(0,r.mdx)("li",{parentName:"ul"},"The icon must have alternate content that reflects the Dropdown it is related to, or it must be programmatically associated with the button. Work with engineers to add a programmatic association of icons to the button."))),(0,r.mdx)("li",{parentName:"ul"},"Any purely decorative icon (does not convey ANY meaning) must be marked as decorative."),(0,r.mdx)("li",{parentName:"ul"},"Consider how a dropdown menu resizes and reflows at different breakpoints and form factors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Convey to engineers how content should resize and reflow."))),(0,r.mdx)("li",{parentName:"ul"},"Do not override default Dropdown colors.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, all Dropdown content (visible label, required asterisk, helper text, instructions, menu options, and the button itself) must meet color contrast requirements against their respective backgrounds."))))),(0,r.mdx)("li",{parentName:"ul"},"Ensure the engineer understands the logical reading order of the page so they may code the dropdown in to reflect the user’s expectations."),(0,r.mdx)("li",{parentName:"ul"},"After coded:",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or selection of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all Dropdowns can receive keyboard focus, have a visible keyboard focus indication when in focus, and can be interacted with and acted upon using only the keyboard."),(0,r.mdx)("li",{parentName:"ul"},"Ensure all Dropdowns receive focus in the user’s logical reading order and that the focus order does not affect the meaning of the content.")))),(0,r.mdx)("h3",{id:"code-considerations-what-do-engineers-need-to-do"},"Code Considerations: What do engineers need to do?"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Do not override the implicit or explicit role of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Ensure the code order of the Dropdown matches the user’s logical reading order.",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Ensure that the Dropdown can receive keyboard focus."),(0,r.mdx)("li",{parentName:"ul"},"Do not override the default keyboard focus indicator unless to reverse out of a dark background for perceivability."),(0,r.mdx)("li",{parentName:"ul"},"Do not implement a TABINDEX value of anything greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Ensure nothing unexpected happens on focus or on select of a Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},"Work with Content Creators to understand how content should resize and reflow at different breakpoints and form factors to ensure content is not artificially constrained or cut off at smaller viewports."),(0,r.mdx)("li",{parentName:"ul"},"Ensure that Dropdown is implemented correctly to ensure that programmatic association is made with all related content (e.g., visible label, helper text, error messaging).")),(0,r.mdx)(i.A,{mdxType:"AccessibilityDropdown"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"const AccessibilityDropdown = () => {\n const [message, setMessage] = useState('No option clicked');\n\n return (\n \n \n \n \n setMessage('Clicked Cat allergies')} />\n setMessage('Clicked Dogs allergies')} />\n setMessage('Clicked Dust allergies')} />\n setMessage('Clicked Mold allergies')} />\n setMessage('Clicked Latex allergies')} />\n \n

    {message}

    \n     \n     \n     \n );\n};\n\n")),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Ensure the visible dropdown Label matches any artificially applied programmatic label."),(0,r.mdx)("li",{parentName:"ul"},"Do not change the placement of any related content to other areas around the button. For example, do not move the dropdown label creating large gaps between the button and the label."))),(0,r.mdx)("h2",{id:"usability-expectations"},"Usability Expectations"),(0,r.mdx)("h3",{id:"interaction-detail"},"Interaction Detail"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The dropdown should be able to receive focus and have an item selected through multiple modalities (e.g., mouse, keyboard, assistive technologies, mobile, and mobile using a screen reader).")),(0,r.mdx)("h3",{id:"usability-expectations-1"},"Usability Expectations"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the purpose of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand the state (Expand or collapse) of Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"The user expects to understand any requirements of the Dropdown. For example, is it required, etc.")),(0,r.mdx)("h3",{id:"keyboard-expectations"},"Keyboard Expectations"),(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},"Key/Sequence"),(0,r.mdx)("th",{parentName:"tr",align:null},"Expectation"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Tab")),(0,r.mdx)("td",{parentName:"tr",align:null},"Moves forward or backward to any interactive element including Dropdown")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Space")),(0,r.mdx)("td",{parentName:"tr",align:null},"When Dropdown is focused, will open, or close the Dropdown menu depending upon its current state.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Up/Down")),(0,r.mdx)("td",{parentName:"tr",align:null},"With Dropdown in focus and dropdown menu closed, will open the dropdown. Moves focus up/down the Dropdown list of options.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Enter")),(0,r.mdx)("td",{parentName:"tr",align:null},"When the Dropdown is open, Enter selects a dropdown menu option.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},(0,r.mdx)("em",{parentName:"td"},"Escape")),(0,r.mdx)("td",{parentName:"tr",align:null},"When the Dropdown is open, Escape will close the dropdown.")))),(0,r.mdx)("h2",{id:"support-compliance"},"Support Compliance"),(0,r.mdx)("h3",{id:"how-does-terra-action-header-support-compliance"},"How does Terra Action Header support compliance?"),(0,r.mdx)("p",null,"Terra is committed to ensuring its components provide the maximum possible accessibility. Terra provides the ability to make accessibility products. However, using Terra components will not automatically make a product accessible."),(0,r.mdx)("p",null,"The final responsibility lies with the consumers of Terra components — ensuring proper usage, any programmatic context where needed, the words used to label elements, engineers following correct implementation patterns, and authors crafting content that follows best practice guidance — to make a product fully accessible."),(0,r.mdx)("h3",{id:"primary-accessibility-criteria-for-action-header"},"Primary accessibility criteria for Action Header"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships"},"1.3.1 Info and Relationships")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to associate the label, error messaging, and helper text with the dropdown menu."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the label, helper text, and error messaging are correctly hooked up to the Dropdown. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must convey any visible relationships of content to the Dropdown to the engineer. "))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/meaningful-sequence"},"1.3.2 Meaningful Sequence")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown supports having content read in a meaningful order. "),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure that content is coded in the user’s logical order. Engineers must not use a TABINDEX value greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Creators must ensure the keyboard focus order meets the users expected order and does not affect the meaning of the content."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum"},"1.4.3 Contrast (Minimum)")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown labels and text meet the required contrast ratios based on the default text and color backgrounds."),(0,r.mdx)("li",{parentName:"ul"},"If colors are changed, engineers and content creators must ensure text colors meet the appropriate contrast ratio based on their font size and the color they appear against. See 1.4.3 Contrast (Minimum) for more information."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/keyboard"},"2.1.1 Keyboard")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra ensures keyboard accessibility is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure all Dropdown menus can be accessed and acted upon using only the keyboard after implementing within the code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-order"},"2.4.3 Focus Order")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown can be coded in the user’s logical read order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must code the dropdown elements to match the user’s logical reading order."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must not add a TABINDEX greater than zero."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must ensure the Dropdown receives focus in the user’s logical reading order."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels"},"2.4.6 Headings and Labels")," – Partially Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to create unique and descriptive headings and labels."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must implement a meaningful label provided by content creators."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development a label that accurately describes the purpose of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/focus-visible"},"2.4.7 Focus Visible")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown ensures a visible keyboard focus is built into the component."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure all dropdowns have a visible keyboard focus after being implemented within the code."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/label-in-name"},"2.5.3 Label in Name")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the consuming team to have a visible label and a programmatic label."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure the programmatic name matches that of the visible Dropdown label."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-focus"},"3.2.1 On Focus")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown does not initiate a change of context on its own."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and Content Creators must ensure nothing unexpected happens on focus of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/on-input"},"3.2.2 On Input")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown does not initiate a change of context on the selection of the menu or its options."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must not initiate any change of context on focus of the Dropdown."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/error-identification"},"3.3.1 Error Identification")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to validate a dropdown menu and provide error notifications on the field with error messaging."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure validation is hooked up correctly and the error messaging is appropriately associated with the errant button."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with error messaging for any potential validation error of the button."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/labels-or-instructions"},"3.3.2 Labels or Instructions")," – Partially Supports ",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides a label and the ability to have helper text for instructions."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure dropdown menus are coded correctly for helper text or other instructions to be properly associated with the menu. "),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with text string for the label and any helper text instructions for users to understand the purpose and requirements of the button clearly."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/error-suggestion"},"3.3.3 Error Suggestion")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown provides the ability to include error suggestions when forms are validated."),(0,r.mdx)("li",{parentName:"ul"},"When the cause of the error can be known to the system, engineers must ensure validation is hooked up correctly and can provide the appropriate error messaging to the user."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide engineers with appropriate error messaging to account for a known invalid entry. If possible, the error messaging must provide guidance to the user on how to correct the issue."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/name-role-value"},"4.1.2 Name, Role, Value")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown ensures that the proper role is applied and allows consuming teams to set the appropriate label for the button."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must not overwrite the default role of the Dropdown."),(0,r.mdx)("li",{parentName:"ul"},"Content creators must provide development an appropriate label for the Dropdown.")))),(0,r.mdx)("h3",{id:"related-accessibility-criteria-that-apply-when-adding-content-to-dropdown-menus"},"Related accessibility criteria that apply when adding content to dropdown menus."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/reflow"},"1.4.10 Reflow")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown can reflow with content by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their dropdown layouts can reflow without loss of functionality or scrolling in two directions at up to 400% except when used within tables."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/text-spacing"},"1.4.12 Text Spacing")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown meets this criterion by default."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure support for this criterion."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/resize-text"},"1.4.4 Resize text")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown resizes natively."),(0,r.mdx)("li",{parentName:"ul"},"Engineers and content creators must ensure their dropdown layouts allow users to resize text up to 200% without the loss of content or functionality."))),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/parsing"},"4.1.1 Parsing")," – Supports",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},"Terra Dropdown creates valid HTML code."),(0,r.mdx)("li",{parentName:"ul"},"Engineers must ensure their code is valid.")))),(0,r.mdx)("h2",{id:"supported-features-and-technology"},"Supported Features and Technology"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Keyboard Interactions"),(0,r.mdx)("li",{parentName:"ul"},"JAWS Support with Chrome (PC)"),(0,r.mdx)("li",{parentName:"ul"},"VoiceOver Support with Chrome, Safari (MAC) "),(0,r.mdx)("li",{parentName:"ul"},"Speech Input Interactions with assistive technology"),(0,r.mdx)("li",{parentName:"ul"},"Mobile Touch Interactions with Screen Reader assistive technology")),(0,r.mdx)("h3",{id:"partial-support--requiring-further-enhancement"},"Partial Support & Requiring Further Enhancement"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://github.com/cerner/terra-core/issues/new/choose"},"Report a problem with this component on GitHub"))),(0,r.mdx)("h2",{id:"references"},"References:"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://www.w3.org/WAI/WCAG21/Understanding/"},"Web Content Accessibility Guidelines (WCAG)")),(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("a",{parentName:"li",href:"https://webaim.org/techniques/forms/"},"WebAim.org: Creating More Accessible Forms"))))}p.isMDXComponent=!0},41727:function(e,t,n){n.d(t,{E:function(){return o}});var r=n(96540),a=n(55713),o=function(e){var t=e.url;return r.createElement(a.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-dropdown-button",name:"terra-dropdown-button",version:"1.41.0",url:t})}},81012:function(e,t,n){n.r(t),t.default={whitespace:"Whitespace-module__whitespace___nfEbP","newline-1":"Whitespace-module__newline-1___JsrIt","newline-2":"Whitespace-module__newline-2___Q0uWI","newline-3":"Whitespace-module__newline-3___Q94cX","newline-4":"Whitespace-module__newline-4___20zS-","newline-5":"Whitespace-module__newline-5___nHyJ-","newline-6":"Whitespace-module__newline-6___TGqYR","newline-7":"Whitespace-module__newline-7___4YsCl","newline-8":"Whitespace-module__newline-8___NTNEl"}},36605:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Button-module__clinical-lowlight-theme___TyZWB","orion-fusion-theme":"Button-module__orion-fusion-theme___q-FcQ",button:"Button-module__button___QuCn2","is-active":"Button-module__is-active___Z8AuK"}},17269:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Notice-module__clinical-lowlight-theme___aa5xV","orion-fusion-theme":"Notice-module__orion-fusion-theme___QAE-T",notice:"Notice-module__notice___GWkPA",children:"Notice-module__children___lDYsm",accessory:"Notice-module__accessory___wkLOG",title:"Notice-module__title___6H5tc","ux-recommendation":"Notice-module__ux-recommendation___N8BuK",caution:"Notice-module__caution___hPrVl",deprecation:"Notice-module__deprecation___g1drA",maintenance:"Notice-module__maintenance___kWLIZ",important:"Notice-module__important___p5DiF","not-supported":"Notice-module__not-supported___34bHd",paragraph:"Notice-module__paragraph___5h-w1",list:"Notice-module__list___M2Kxj"}},16576:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Placeholder-module__clinical-lowlight-theme___Obm9K","orion-fusion-theme":"Placeholder-module__orion-fusion-theme___svHY+",placeholder:"Placeholder-module__placeholder___ZZDXd",inner:"Placeholder-module__inner___fJq9o",title:"Placeholder-module__title___teBSo"}},99794:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Card-module__clinical-lowlight-theme___rpqXf","orion-fusion-theme":"Card-module__orion-fusion-theme___QgHmr","redwood-theme":"Card-module__redwood-theme___LNRe1",card:"Card-module__card___n9+A2",default:"Card-module__default___Pvv6U",raised:"Card-module__raised___OPyVO"}},38254:function(e,t,n){n.r(t),t.default={"orion-fusion-theme":"CardBody-module__orion-fusion-theme___Xdg9v","clinical-lowlight-theme":"CardBody-module__clinical-lowlight-theme___2YDc3","redwood-theme":"CardBody-module__redwood-theme___gqUxa","vertical-padding":"CardBody-module__vertical-padding___xyd9u","horizontal-padding":"CardBody-module__horizontal-padding___wGati","center-content":"CardBody-module__center-content___phyuy"}},74858:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),a=c(n(5556)),o=c(n(46942)),l=c(n(67967)),i=c(n(16524)),d=c(n(52103)),s=c(n(99794)),u=c(n(9146)),m=["children","variant","visuallyHiddenText"];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||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var f=l.default.bind(s.default),g={children:a.default.node,variant:a.default.oneOf(["default","raised"]),visuallyHiddenText:a.default.string},w={variant:"default"},b=function(e){var t=e.children,n=e.variant,a=e.visuallyHiddenText,l=h(e,m),s=r.default.useContext(d.default),u=(0,o.default)(f(["card",n,s.className]),l.className),c=a?r.default.createElement(i.default,{text:a}):null;return r.default.createElement("article",p({},l,{className:u}),c,t)};b.propTypes=g,b.defaultProps=w,b.Body=u.default;t.default=b},9146:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),a=u(n(5556)),o=u(n(46942)),l=u(n(67967)),i=u(n(52103)),d=u(n(38254)),s=["children","hasPaddingVertical","hasPaddingHorizontal","isContentCentered"];function u(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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 o=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(d.default),h={children:a.default.node,hasPaddingVertical:a.default.bool,hasPaddingHorizontal:a.default.bool,isContentCentered:a.default.bool},f=function(e){var t=e.children,n=e.hasPaddingVertical,a=e.hasPaddingHorizontal,l=e.isContentCentered,d=c(e,s),u=r.default.useContext(i.default),h=(0,o.default)(p([{"vertical-padding":n},{"horizontal-padding":a},{"center-content":l},u.className]),d.className);return r.default.createElement("div",m({},d,{className:h}),t)};f.propTypes=h,f.defaultProps={hasPaddingHorizontal:!0,hasPaddingVertical:!0,isContentCentered:!1};t.default=f}}]); \ No newline at end of file diff --git a/91199-23324de0571f66e5a87e.css b/91199-23324de0571f66e5a87e.css new file mode 100644 index 000000000..58469cc84 --- /dev/null +++ b/91199-23324de0571f66e5a87e.css @@ -0,0 +1,7 @@ +.Toolbar-module__clinical-lowlight-theme___lhZh0{--terra-toolbar-background-color: #1c1f21;--terra-toolbar-border-bottom-color: #181b1d;--terra-toolbar-padding-bottom: 0.14285714285714285rem;--terra-toolbar-padding-left: 0.714285714rem;--terra-toolbar-padding-right: 0.714285714rem;--terra-toolbar-padding-top: 0.14285714285714285rem;--terra-toolbar-item-padding-end: 0.35714285714285715rem;--terra-toolbar-item-padding-start: 0.35714285714285715rem;--terra-toolbar-item-padding-bottom: 0.35714285714285715rem;--terra-toolbar-item-padding-top: 0.35714285714285715rem}.Toolbar-module__orion-fusion-theme___Oq6Xn{--terra-toolbar-background-color: #e8e9ea;--terra-toolbar-border-bottom-color: #c8cacb;--terra-toolbar-padding-bottom: 0.25rem;--terra-toolbar-padding-left: 0.285714286rem;--terra-toolbar-padding-right: 0.285714286rem;--terra-toolbar-padding-top: 0.25rem;--terra-toolbar-item-padding-end: 0.25rem;--terra-toolbar-item-padding-start: 0.25rem;--terra-toolbar-item-padding-bottom: 0.25rem;--terra-toolbar-item-padding-top: 0.25rem}.Toolbar-module__toolbar___XowP8{-ms-flex-align:end;align-items:flex-end;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}[dir] .Toolbar-module__toolbar___XowP8{background-color:#f4f4f4;background-color:var(--terra-toolbar-background-color, #f4f4f4);border-bottom-color:#d3d4d5;border-bottom-color:var(--terra-toolbar-border-bottom-color, #d3d4d5);border-bottom-style:solid;border-bottom-width:1px;padding-bottom:0.1428571429rem;padding-bottom:var(--terra-toolbar-padding-bottom, 0.1428571429rem);padding-top:0.1428571429rem;padding-top:var(--terra-toolbar-padding-top, 0.1428571429rem)}[dir=ltr] .Toolbar-module__toolbar___XowP8{padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-left, 0.714285714rem);padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-right, 0.714285714rem)}[dir=rtl] .Toolbar-module__toolbar___XowP8{padding-right:0.714285714rem;padding-right:var(--terra-toolbar-padding-left, 0.714285714rem);padding-left:0.714285714rem;padding-left:var(--terra-toolbar-padding-right, 0.714285714rem)}.Toolbar-module__item___K92Xb{display:-ms-inline-flexbox;display:inline-flex}[dir] .Toolbar-module__item___K92Xb{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-toolbar-item-padding-bottom, 0.3571428571rem);padding-top:0.3571428571rem;padding-top:var(--terra-toolbar-item-padding-top, 0.3571428571rem)}[dir=ltr] .Toolbar-module__item___K92Xb{padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}[dir=rtl] .Toolbar-module__item___K92Xb{padding-left:0.3571428571rem;padding-left:var(--terra-toolbar-item-padding-end, 0.3571428571rem);padding-right:0.3571428571rem;padding-right:var(--terra-toolbar-item-padding-start, 0.3571428571rem)}.Toolbar-module__start-align___Ap05A{-ms-flex-pack:start;justify-content:flex-start}.Toolbar-module__end-align___WLp5E{-ms-flex-pack:end;justify-content:flex-end}.Toolbar-module__center-align___5f\+ex{-ms-flex-pack:center;justify-content:center} +.FolderTree-module__orion-fusion-theme___n8xGl{--terra-folder-tree-item-background-color-hover: #f4fafe;--terra-folder-tree-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-folder-tree-focus-outline: none;--terra-folder-tree-focus-outline-offset: 0}.FolderTree-module__clinical-lowlight-theme___EGhRv{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background: #1e3a49;--terra-folder-tree-item-hover-background-color: #232a2d;--terra-folder-tree-item-selected-background-color: #232a2d;--terra-folder-tree-focus-outline: 2px dashed #fff}.FolderTree-module__folder-tree___8Quj0{list-style:none}[dir] .FolderTree-module__folder-tree___8Quj0{margin:0;padding:0}.FolderTree-module__folder-tree-container___DQaND{height:100%;width:100%} +.Spacer-module__clinical-lowlight-theme___jzMlh{--terra-spacer-small-minus-2: 0.21429rem;--terra-spacer-small-minus-1: 0.35714rem;--terra-spacer-small: 0.5rem;--terra-spacer-medium: 0.71429rem;--terra-spacer-large: 0.85714rem;--terra-spacer-large-plus-1: 1.07143rem;--terra-spacer-large-plus-2: 1.42857rem;--terra-spacer-large-plus-3: 2.14286rem;--terra-spacer-large-plus-4: 3.57143rem}.Spacer-module__orion-fusion-theme___sWDrH{--terra-spacer-small-minus-2: 0.1666666666rem;--terra-spacer-small-minus-1: 0.25rem;--terra-spacer-small: 0.25rem;--terra-spacer-medium: 0.5rem;--terra-spacer-large: 0.75rem;--terra-spacer-large-plus-1: 1rem;--terra-spacer-large-plus-2: 1.25rem;--terra-spacer-large-plus-3: 2rem;--terra-spacer-large-plus-4: 3rem}[dir] .Spacer-module__margin-top-none___ei8ed{margin-top:0}[dir] .Spacer-module__margin-top-small-minus-2___wLEKL{margin-top:0.2142857143rem;margin-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-top-small-minus-1___5ncCP{margin-top:0.3571428571rem;margin-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-top-small___KT0\+M{margin-top:0.5rem;margin-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-top-medium___wv7Ef{margin-top:0.7142857143rem;margin-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-top-large___lPcvX{margin-top:0.8571428571rem;margin-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-top-large-plus-1___RfF9O{margin-top:1.0714285714rem;margin-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-top-large-plus-2___9-kxF{margin-top:1.4285714286rem;margin-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-top-large-plus-3___yfsB8{margin-top:2.1428571429rem;margin-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-top-large-plus-4___9QVxR{margin-top:3.5714285714rem;margin-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__margin-bottom-none___ZmnA0{margin-bottom:0}[dir] .Spacer-module__margin-bottom-small-minus-2___gVo7D{margin-bottom:0.2142857143rem;margin-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__margin-bottom-small-minus-1___7TIFo{margin-bottom:0.3571428571rem;margin-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__margin-bottom-small___bbtzl{margin-bottom:0.5rem;margin-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__margin-bottom-medium___JqS1v{margin-bottom:0.7142857143rem;margin-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__margin-bottom-large___GTFZr{margin-bottom:0.8571428571rem;margin-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__margin-bottom-large-plus-1___7PRuP{margin-bottom:1.0714285714rem;margin-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__margin-bottom-large-plus-2___ioMwE{margin-bottom:1.4285714286rem;margin-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__margin-bottom-large-plus-3___-5uB6{margin-bottom:2.1428571429rem;margin-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__margin-bottom-large-plus-4___SEv6U{margin-bottom:3.5714285714rem;margin-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-left-none___jIDu1{margin-left:0}[dir=rtl] .Spacer-module__margin-left-none___jIDu1{margin-right:0}[dir=ltr] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-2___i9Lvp{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-left-small-minus-1___UUzhz{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-left-small___jHpw6{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-left-small___jHpw6{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-left-medium___IkIYW{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-left-medium___IkIYW{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-left-large___0yMi-{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-left-large___0yMi-{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-1___DbJ35{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-2___3QbLD{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-3___rsHH9{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-left-large-plus-4___dfLvn{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__margin-right-none___uDY\+s{margin-right:0}[dir=rtl] .Spacer-module__margin-right-none___uDY\+s{margin-left:0}[dir=ltr] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-right:0.2142857143rem;margin-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-2___RpDPi{margin-left:0.2142857143rem;margin-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-right:0.3571428571rem;margin-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__margin-right-small-minus-1___zMKsC{margin-left:0.3571428571rem;margin-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__margin-right-small___dXJXD{margin-right:0.5rem;margin-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__margin-right-small___dXJXD{margin-left:0.5rem;margin-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__margin-right-medium___Q2sKB{margin-right:0.7142857143rem;margin-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__margin-right-medium___Q2sKB{margin-left:0.7142857143rem;margin-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__margin-right-large___vVmWl{margin-right:0.8571428571rem;margin-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__margin-right-large___vVmWl{margin-left:0.8571428571rem;margin-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-right:1.0714285714rem;margin-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-1___HUw4l{margin-left:1.0714285714rem;margin-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-right:1.4285714286rem;margin-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-2___lCRWO{margin-left:1.4285714286rem;margin-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-right:2.1428571429rem;margin-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-3___NkKzE{margin-left:2.1428571429rem;margin-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-right:3.5714285714rem;margin-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__margin-right-large-plus-4___cVmcz{margin-left:3.5714285714rem;margin-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-top-none___HzJNk{padding-top:0}[dir] .Spacer-module__padding-top-small-minus-2___7tetJ{padding-top:0.2142857143rem;padding-top:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-top-small-minus-1___aa8Kt{padding-top:0.3571428571rem;padding-top:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-top-small___2-SZd{padding-top:0.5rem;padding-top:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-top-medium___BY0cp{padding-top:0.7142857143rem;padding-top:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-top-large___8fXbM{padding-top:0.8571428571rem;padding-top:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-top-large-plus-1___7HHSv{padding-top:1.0714285714rem;padding-top:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-top-large-plus-2___4EDWc{padding-top:1.4285714286rem;padding-top:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-top-large-plus-3___gT97V{padding-top:2.1428571429rem;padding-top:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-top-large-plus-4___P\+14r{padding-top:3.5714285714rem;padding-top:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir] .Spacer-module__padding-bottom-none___LYWgG{padding-bottom:0}[dir] .Spacer-module__padding-bottom-small-minus-2___CCB3Q{padding-bottom:0.2142857143rem;padding-bottom:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir] .Spacer-module__padding-bottom-small-minus-1___tmuy0{padding-bottom:0.3571428571rem;padding-bottom:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir] .Spacer-module__padding-bottom-small___BKtXp{padding-bottom:0.5rem;padding-bottom:var(--terra-spacer-small, 0.5rem)}[dir] .Spacer-module__padding-bottom-medium___QzL9O{padding-bottom:0.7142857143rem;padding-bottom:var(--terra-spacer-medium, 0.7142857143rem)}[dir] .Spacer-module__padding-bottom-large___H85CK{padding-bottom:0.8571428571rem;padding-bottom:var(--terra-spacer-large, 0.8571428571rem)}[dir] .Spacer-module__padding-bottom-large-plus-1___ryC2F{padding-bottom:1.0714285714rem;padding-bottom:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir] .Spacer-module__padding-bottom-large-plus-2___t3Zwa{padding-bottom:1.4285714286rem;padding-bottom:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir] .Spacer-module__padding-bottom-large-plus-3___fW01c{padding-bottom:2.1428571429rem;padding-bottom:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir] .Spacer-module__padding-bottom-large-plus-4___rPbu0{padding-bottom:3.5714285714rem;padding-bottom:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-left-none___EHT2o{padding-left:0}[dir=rtl] .Spacer-module__padding-left-none___EHT2o{padding-right:0}[dir=ltr] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-2___ttaKM{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-left-small-minus-1___PlGUQ{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-left-small___FNVmZ{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-left-small___FNVmZ{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-left-medium___4zzDg{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-left-medium___4zzDg{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-left-large___cXmge{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-left-large___cXmge{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-1___rRNOH{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-2___B5Ha9{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-3___ciegD{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-3___ciegD{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-left-large-plus-4___jgwlP{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=ltr] .Spacer-module__padding-right-none___w\+vIQ{padding-right:0}[dir=rtl] .Spacer-module__padding-right-none___w\+vIQ{padding-left:0}[dir=ltr] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-right:0.2142857143rem;padding-right:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-2___ALGUX{padding-left:0.2142857143rem;padding-left:var(--terra-spacer-small-minus-2, 0.2142857143rem)}[dir=ltr] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-right:0.3571428571rem;padding-right:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=rtl] .Spacer-module__padding-right-small-minus-1___IQHWC{padding-left:0.3571428571rem;padding-left:var(--terra-spacer-small-minus-1, 0.3571428571rem)}[dir=ltr] .Spacer-module__padding-right-small___0rnQg{padding-right:0.5rem;padding-right:var(--terra-spacer-small, 0.5rem)}[dir=rtl] .Spacer-module__padding-right-small___0rnQg{padding-left:0.5rem;padding-left:var(--terra-spacer-small, 0.5rem)}[dir=ltr] .Spacer-module__padding-right-medium___o6UOk{padding-right:0.7142857143rem;padding-right:var(--terra-spacer-medium, 0.7142857143rem)}[dir=rtl] .Spacer-module__padding-right-medium___o6UOk{padding-left:0.7142857143rem;padding-left:var(--terra-spacer-medium, 0.7142857143rem)}[dir=ltr] .Spacer-module__padding-right-large___\+nFrv{padding-right:0.8571428571rem;padding-right:var(--terra-spacer-large, 0.8571428571rem)}[dir=rtl] .Spacer-module__padding-right-large___\+nFrv{padding-left:0.8571428571rem;padding-left:var(--terra-spacer-large, 0.8571428571rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-right:1.0714285714rem;padding-right:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-1___UWuSZ{padding-left:1.0714285714rem;padding-left:var(--terra-spacer-large-plus-1, 1.0714285714rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-right:1.4285714286rem;padding-right:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-2___qcjg4{padding-left:1.4285714286rem;padding-left:var(--terra-spacer-large-plus-2, 1.4285714286rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-right:2.1428571429rem;padding-right:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-3___Rcq9E{padding-left:2.1428571429rem;padding-left:var(--terra-spacer-large-plus-3, 2.1428571429rem)}[dir=ltr] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-right:3.5714285714rem;padding-right:var(--terra-spacer-large-plus-4, 3.5714285714rem)}[dir=rtl] .Spacer-module__padding-right-large-plus-4___Q2zFh{padding-left:3.5714285714rem;padding-left:var(--terra-spacer-large-plus-4, 3.5714285714rem)}.Spacer-module__is-inline-block___6O998{display:inline-block} +.Arrange-module__arrange___usXd9{display:-ms-flexbox;display:flex}.Arrange-module__fill___YH-xx{-ms-flex:1 1 auto;flex:1 1 auto;min-width:0}.Arrange-module__fit___IndmX{-ms-flex-item-align:start;align-self:flex-start;-ms-flex:0 0 auto;flex:0 0 auto}.Arrange-module__center___hA4qH{-ms-flex-item-align:center;align-self:center;max-height:100%}.Arrange-module__bottom___peomI{-ms-flex-item-align:end;align-self:flex-end;max-height:100%}.Arrange-module__stretch___FH6c5{-ms-flex-item-align:stretch;align-self:stretch}.Arrange-module__default___vUAto{-ms-flex-item-align:start;align-self:flex-start}@media(max-width: 320px),(max-height: 256px){.Arrange-module__fit___IndmX{-ms-flex:0 0;flex:0 0}} +.FolderTreeItem-module__clinical-lowlight-theme___3wK9\+{--terra-folder-tree-item-border-bottom: #181b1d;--terra-folder-tree-item-background: #1e3a49;--terra-folder-tree-item-hover-background-color: #232a2d;--terra-folder-tree-item-selected-background-color: #232a2d;--terra-folder-tree-focus-outline: 2px dashed #fff}.FolderTreeItem-module__orion-fusion-theme___QGy0I{--terra-folder-tree-item-background-color-hover: #f4fafe;--terra-folder-tree-focus-box-shadow: inset 0 0 1px 3px rgba(76, 178, 233, 0.5), inset 0 0 7px 4px rgba(76, 178, 233, 0.35);--terra-folder-tree-focus-outline: none;--terra-folder-tree-focus-outline-offset: 0}.FolderTreeItem-module__folder-tree-item___WuiiJ{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;min-height:48px;min-height:var(--terra-folder-tree-item-min-height, 48px);overflow-wrap:anywhere;width:100%}[dir] .FolderTreeItem-module__folder-tree-item___WuiiJ{background:#fff;background:var(--terra-folder-tree-item-background, #fff);border-bottom:1px solid #dedfe0;border-bottom:var(--terra-folder-tree-item-border-bottom, 1px solid #dedfe0);margin:0;padding:0}[dir] .FolderTreeItem-module__folder-tree-item___WuiiJ:hover{background-color:#f4fafe;background-color:var(--terra-folder-tree-item-hover-background-color, #f4fafe);cursor:pointer}.FolderTreeItem-module__folder-tree-item___WuiiJ:focus{outline:2px dashed #000;outline:var(--terra-folder-tree-focus-outline, 2px dashed #000);outline-offset:-4px;outline-offset:var(--terra-folder-tree-focus-outline-offset, -4px)}[dir] .FolderTreeItem-module__folder-tree-item___WuiiJ:focus{box-shadow:none;box-shadow:var(--terra-folder-tree-focus-box-shadow, none)}[dir] .FolderTreeItem-module__selected___oE8KE{background-color:#e2f2fc;background-color:var(--terra-folder-tree-item-selected-background-color, #e2f2fc)}.FolderTreeItem-module__subfolder___LCZzs{list-style:none}[dir] .FolderTreeItem-module__subfolder___LCZzs{margin:0;padding:0}[dir=ltr] .FolderTreeItem-module__non-selectable___Xc-io{padding-left:48px}[dir=rtl] .FolderTreeItem-module__non-selectable___Xc-io{padding-right:48px}[dir] .FolderTreeItem-module__radio___yXWot:hover{cursor:pointer}.FolderTreeItem-module__radio-container___WZk-M{height:14px;width:14px}[dir] .FolderTreeItem-module__radio-container___WZk-M{margin:17px} +.BasicFolderTree-module__content-wrapper___TVCt9{position:relative;width:300px} +.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)} diff --git a/91199-23324de0571f66e5a87e.js b/91199-23324de0571f66e5a87e.js new file mode 100644 index 000000000..8aba64c14 --- /dev/null +++ b/91199-23324de0571f66e5a87e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[91199],{201:function(e,t,l){var a=l(24994),r=l(73738);t.A=void 0;var n=a(l(85715)),o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=_(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}(l(96540)),u=a(l(5556)),i=a(l(67967)),d=l(92912),f=a(l(49558)),c=a(l(53665)),s=l(25966),m=a(l(89986));function _(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(_=function(e){return e?l:t})(e)}var p=i.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},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},y=function(e){var t=e.example,l=e.exampleSrc,a=e.exampleCssSrc,r=e.title,u=e.description,i=e.isExpanded,m=(0,o.useState)(i),_=(0,n.default)(m,2),b=_[0],y=_[1],h=(0,o.useState)(!1),E=(0,n.default)(h,2),O=E[0],T=E[1],x=o.default.useContext(d.ThemeContext),w=void 0!==a,j=function(){T(!O),b&&y(!b)},S=function(){y(!b),O&&T(!O)},P=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:p("template",x.className)},o.default.createElement("div",{className:p("header")},r&&o.default.createElement("h2",{className:p("title")},r)),o.default.createElement("div",{className:p("content")},u&&o.default.createElement("div",{className:p("description")},u),t),o.default.createElement("div",{className:p("footer")},l?o.default.createElement("div",{className:p("button-container")},w&&o.default.createElement("button",{type:"button",className:p("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return P(e,j)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(f.default,{className:p("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(c.default,{className:p("chevron")})),o.default.createElement("button",{type:"button",className:p("code-toggle","item",{"is-selected":b}),onClick:S,onKeyDown:function(e){return P(e,S)},onBlur:g,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(f.default,{className:p("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(c.default,{className:p("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:p("css")},a),b&&o.default.createElement("div",{className:p("code")},l))))};y.propTypes=b,y.defaultProps={isExpanded:!1};t.A=y},40462:function(e,t,l){l.d(t,{A:function(){return d}});l(96540);var a=l(36665),r=["components"];function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var u={},i="wrapper";function d(e){var t=e.components,l=o(e,r);return(0,a.mdx)(i,n({},u,l,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .content-wrapper {\n position: relative;\n width: 300px;\n }\n}\n\n")))}d.isMDXComponent=!0},89986:function(e,t,l){l.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"}},88530:function(e,t,l){l.r(t),t.default={"content-wrapper":"BasicFolderTree-module__content-wrapper___TVCt9"}},57095:function(e,t,l){l.r(t),t.default={"orion-fusion-theme":"FolderTree-module__orion-fusion-theme___n8xGl","clinical-lowlight-theme":"FolderTree-module__clinical-lowlight-theme___EGhRv","folder-tree":"FolderTree-module__folder-tree___8Quj0","folder-tree-container":"FolderTree-module__folder-tree-container___DQaND"}},90447:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"FolderTreeItem-module__clinical-lowlight-theme___3wK9+","orion-fusion-theme":"FolderTreeItem-module__orion-fusion-theme___QGy0I","folder-tree-item":"FolderTreeItem-module__folder-tree-item___WuiiJ",selected:"FolderTreeItem-module__selected___oE8KE",subfolder:"FolderTreeItem-module__subfolder___LCZzs","non-selectable":"FolderTreeItem-module__non-selectable___Xc-io",radio:"FolderTreeItem-module__radio___yXWot","radio-container":"FolderTreeItem-module__radio-container___WZk-M"}},19172:function(e,t,l){l.r(t),t.default={arrange:"Arrange-module__arrange___usXd9",fill:"Arrange-module__fill___YH-xx",fit:"Arrange-module__fit___IndmX",center:"Arrange-module__center___hA4qH",bottom:"Arrange-module__bottom___peomI",stretch:"Arrange-module__stretch___FH6c5",default:"Arrange-module__default___vUAto"}},60288:function(e,t,l){l.r(t),t.default={"clinical-lowlight-theme":"Toolbar-module__clinical-lowlight-theme___lhZh0","orion-fusion-theme":"Toolbar-module__orion-fusion-theme___Oq6Xn",toolbar:"Toolbar-module__toolbar___XowP8",item:"Toolbar-module__item___K92Xb","start-align":"Toolbar-module__start-align___Ap05A","end-align":"Toolbar-module__end-align___WLp5E","center-align":"Toolbar-module__center-align___5f+ex"}},6603:function(e,t,l){var a=l(24994),r=l(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(85715)),o=h(l(96540)),u=a(l(5556)),i=a(l(67967)),d=l(8604),f=l(68414),c=h(l(25966)),s=a(l(82941)),m=a(l(23986)),_=a(l(6740)),p=l(33049),b=a(l(16524)),g=a(l(39642)),v=a(l(57095));function y(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(y=function(e){return e?l:t})(e)}function h(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=y(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}var E=i.default.bind(v.default),O={children:u.default.node,headerLevel:u.default.number,title:u.default.string.isRequired,onExpandAll:u.default.func,onCollapseAll:u.default.func,intl:u.default.shape({formatMessage:u.default.func}).isRequired},T=function(e){var t=e.children,l=e.headerLevel,a=e.title,r=e.onExpandAll,u=e.onCollapseAll,i=e.intl,d=(0,o.useState)(""),v=(0,n.default)(d,2),y=v[0],h=v[1],O=(0,o.useState)([]),T=(0,n.default)(O,2),x=T[0],w=T[1],j="folder-tree-".concat((0,f.v4)()),S=(0,o.useRef)(),P=function(e){return Array.prototype.slice.call(e).filter((function(e){for(var t=e.parentNode;t&&t!==S.current;){if(t.hasAttribute("hidden"))return!1;t=t.parentNode}return!0}))};return(0,o.useEffect)((function(){S.current.querySelectorAll("[data-item-show-focus=true]")[0].tabIndex=0}),[t]),(0,o.useEffect)((function(){var e=S.current.querySelectorAll("[data-item-show-focus=true]"),l=P(e);l.length!==x.length&&(l.length===t.length?h(i.formatMessage({id:"Terra.folder-tree.button.collapse-all-announcement"})):l.length===e.length&&h(i.formatMessage({id:"Terra.folder-tree.button.expand-all-announcement"})))}),[t.length,i,x]),o.default.createElement("div",{className:"folder-tree-container"},o.default.createElement(s.default,{text:a,level:l}),o.default.createElement(_.default,{align:"end",ariaControls:a,ariaLabel:a},o.default.createElement(m.default,{title:i.formatMessage({id:"Terra.folder-tree.button.expand-all"}),text:i.formatMessage({id:"Terra.folder-tree.button.expand-all-instructions"}),variant:"utility",icon:o.default.createElement(p.IconExpandRow,null),onClick:function(){if(r){r();var e=S.current.querySelectorAll("[data-item-show-focus=true]"),t=P(e);w(t)}},"aria-controls":j}),o.default.createElement(m.default,{title:i.formatMessage({id:"Terra.folder-tree.button.collapse-all"}),text:i.formatMessage({id:"Terra.folder-tree.button.collapse-all-instructions"}),variant:"utility",icon:o.default.createElement(p.IconCollapseRow,null),onClick:function(){if(u){u();var e=S.current.querySelectorAll("[data-item-show-focus=true]"),t=P(e);w(t)}},"aria-controls":j})),o.default.createElement("ul",{id:j,className:E("folder-tree"),role:"tree","aria-label":a,ref:S,onKeyDown:function(e){var t=S.current.querySelectorAll("[data-item-show-focus=true]"),l=P(t),a=Array.from(l).indexOf(e.target),r=l.length-1,n=function(){return g.default.handleMoveFocus(l[a],l[0])},o=function(){return g.default.handleMoveFocus(l[a],l[r])};switch(e.keyCode){case c.KEY_END:e.preventDefault(),o();break;case c.KEY_HOME:e.preventDefault(),n();break;case c.KEY_UP:e.preventDefault();var u=a-1;g.default.handleMoveFocus(l[a],l[u]);break;case c.KEY_DOWN:e.preventDefault();var i=a+1;g.default.handleMoveFocus(l[a],l[i]);break;case c.KEY_LEFT:if(e.preventDefault(),e.metaKey){n();break}break;case c.KEY_RIGHT:if(e.preventDefault(),e.metaKey){o();break}}}},t),o.default.createElement(b.default,{"aria-live":"polite",text:y}))};T.propTypes=O,T.defaultProps={headerLevel:3};t.default=(0,d.injectIntl)(T)},39642:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l={handleMoveFocus:function(e,t){e&&t&&(e.tabIndex=-1,t.tabIndex=0,t.focus())}};t.default=l},67763:function(e,t,l){var a=l(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(l(6603)),n=a(l(19259));r.default.Item=n.default;t.default=r.default},19259:function(e,t,l){var a=l(24994),r=l(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=a(l(94634)),o=y(l(96540)),u=a(l(5556)),i=a(l(67967)),d=l(8604),f=y(l(25966)),c=a(l(68550)),s=a(l(85242)),m=l(33049),_=a(l(16524)),p=a(l(52103)),b=a(l(39642)),g=a(l(90447));function v(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,l=new WeakMap;return(v=function(e){return e?l:t})(e)}function y(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var l=v(t);if(l&&l.has(e))return l.get(e);var a={__proto__:null},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&{}.hasOwnProperty.call(e,o)){var u=n?Object.getOwnPropertyDescriptor(e,o):null;u&&(u.get||u.set)?Object.defineProperty(a,o,u):a[o]=e[o]}return a.default=e,l&&l.set(e,a),a}var h=i.default.bind(g.default),E={label:u.default.string.isRequired,icon:u.default.element,subfolderItems:u.default.arrayOf(u.default.element),isExpanded:u.default.bool,isSelectable:u.default.bool,isSelected:u.default.bool,onSelect:u.default.func,onToggle:u.default.func,level:u.default.number,ariaPosInSet:u.default.number,ariaSetSize:u.default.number,parentRef:u.default.oneOfType([u.default.func,u.default.shape({current:u.default.instanceOf(Element)})]),intl:u.default.shape({formatMessage:u.default.func}).isRequired},O=function e(t){var l=t.icon,a=t.isExpanded,r=t.isSelectable,u=t.isSelected,d=t.label,g=t.level,v=t.onSelect,y=t.onToggle,E=t.ariaPosInSet,O=t.ariaSetSize,T=t.subfolderItems,x=t.parentRef,w=t.intl,j=(0,o.useContext)(p.default),S=(null==T?void 0:T.length)>0,P=(0,o.useRef)(),N=(0,o.useRef)(),k=r?w.formatMessage({id:"Terra.folder-tree.item.selectable-announcement"}):w.formatMessage({id:"Terra.folder-tree.item.nonselectable-announcement"}),M=S?o.default.createElement("ul",{className:h("subfolder"),role:"group",hidden:!a,ref:N},T.map((function(t,l){return o.default.createElement(e,(0,n.default)({},t.props,{intl:w,level:g+1,ariaSetSize:T.length,ariaPosInSet:l+1,parentRef:P}))}))):null,A=M?o.default.createElement(m.IconFolder,{a11yLabel:w.formatMessage({id:"Terra.folder-tree.folder-icon"})}):l,I=a?o.default.createElement(m.IconCaretDown,{height:"8px",width:"8px",style:{verticalAlign:"baseline"}}):o.default.createElement(m.IconCaretRight,{height:"8px",width:"8px",style:{verticalAlign:"baseline"}}),C=r?o.default.createElement("input",{type:"radio",checked:u,onChange:v,"aria-hidden":!0,tabIndex:-1,className:h("radio","radio-container")}):null,F=(0,i.default)(h("folder-tree-item",{selected:r?u:null},j.className)),D=function(e){"INPUT"!==e.target.nodeName&&y&&y()};return o.default.createElement(o.default.Fragment,null,o.default.createElement("li",{className:F,role:"treeitem","aria-expanded":S?a:null,"aria-selected":r&&u,onClick:S?D:function(){r&&v&&v()},"aria-posinset":E,"aria-setsize":O,onKeyDown:function(e){switch(e.keyCode){case f.KEY_RETURN:e.preventDefault(),r&&v(e);break;case f.KEY_LEFT:if(e.preventDefault(),e.metaKey)break;S&&a?D(e):b.default.handleMoveFocus(P.current,null==x?void 0:x.current);break;case f.KEY_RIGHT:if(e.preventDefault(),e.metaKey)break;if(a){if(S){var t=N.current.querySelector("[data-item-show-focus=true]");b.default.handleMoveFocus(P.current,t)}}else D(e)}},"data-item-show-focus":!0,tabIndex:-1,ref:P},C,o.default.createElement("span",{className:h(!r&&"non-selectable"),style:{marginLeft:"".concat(14*g,"px")}},o.default.createElement(s.default,{fitStart:o.default.createElement(c.default,{paddingLeft:"medium",paddingRight:"medium",isInlineBlock:!0},S?o.default.createElement(c.default,{paddingRight:"small",isInlineBlock:!0},I):null,A),fill:o.default.createElement("span",null,d,o.default.createElement(_.default,{text:", ".concat(k)})),alignFitStart:"center"}))),M)};O.propTypes=E,O.defaultProps={isExpanded:!1,isSelectable:!0,isSelected:!1,level:0};t.default=(0,d.injectIntl)(O)},85242:function(e,t,l){function a(e){return a="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},a(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=t.AlignmentTypes=void 0;var r=d(l(96540)),n=d(l(5556)),o=d(l(67967)),u=d(l(19172)),i=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];function d(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||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var p=o.default.bind(u.default),b={fitStart:n.default.element,fill:n.default.element.isRequired,fitEnd:n.default.element,align:n.default.oneOf(["center","bottom","stretch"]),alignFitStart:n.default.oneOf(["center","bottom","stretch"]),alignFitEnd:n.default.oneOf(["center","bottom","stretch"]),alignFill:n.default.oneOf(["center","bottom","stretch"]),fitStartAttributes:n.default.object,fillAttributes:n.default.object,fitEndAttributes:n.default.object},g=function(e){var t=e.fitStart,l=e.fill,a=e.fitEnd,n=e.align,o=e.alignFitStart,u=e.alignFill,d=e.alignFitEnd,c=e.fitStartAttributes,m=e.fillAttributes,b=e.fitEndAttributes,g=_(e,i),v=s({},c),y=s({},m),h=s({},b);return r.default.createElement("span",f({},g,{className:p("arrange",g.className)}),r.default.createElement("span",f({},v,{className:p("fit",n||o,v.className,"fit-block")}),t),r.default.createElement("span",f({},y,{className:p("fill",n||u,y.className,"fill-block")}),l),r.default.createElement("span",f({},h,{className:p("fit",n||d,h.className)}),a))};g.propTypes=b;t.default=g},6740:function(e,t,l){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=f(l(96540)),r=f(l(5556)),n=f(l(46942)),o=f(l(67967)),u=f(l(52103)),i=f(l(60288)),d=["align","ariaControls","ariaLabel","ariaLabelledBy","children"];function f(e){return e&&e.__esModule?e:{default:e}}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(r[l]=e[l]);return r}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(r[l]=e[l])}return r}var m=o.default.bind(i.default),_={align:r.default.oneOf(["start","end","center"]),ariaControls:r.default.string,ariaLabel:r.default.string,ariaLabelledBy:r.default.string,children:r.default.node},p=function(e){var t=e.align,l=e.ariaControls,r=e.ariaLabel,o=e.ariaLabelledBy,i=e.children,f=s(e,d),_=a.default.useContext(u.default),p=(0,n.default)(m("toolbar","".concat(t,"-align"),_.className),f.className),b=a.default.Children.map(i,(function(e){return e?a.default.createElement("div",{className:m("item")},e):e}));return a.default.createElement("div",c({},f,{"aria-controls":l,"aria-label":o?void 0:r,"aria-labelledby":o,className:p,role:"toolbar"}),b)};p.propTypes=_,p.defaultProps={align:"start"};t.default=p}}]); \ No newline at end of file diff --git a/9125-657e07da2a45526d034c.css b/9125-657e07da2a45526d034c.css new file mode 100644 index 000000000..9745c3de0 --- /dev/null +++ b/9125-657e07da2a45526d034c.css @@ -0,0 +1,2 @@ +.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} +.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)} diff --git a/9125-657e07da2a45526d034c.js b/9125-657e07da2a45526d034c.js new file mode 100644 index 000000000..d156146fd --- /dev/null +++ b/9125-657e07da2a45526d034c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[9125,17711,40092,72949,95330,7235,29616,62473,24087,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927,98463,20844,53701,76082],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(5556)),r=a(n(67967)),i=a(n(25642)),c=r.default.bind(i.default),d={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},s=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,r=l.default.createElement("a",{className:c("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},l.default.createElement("span",{className:c("badge-name")},a?"package":"npm"),l.default.createElement("span",{className:c("badge-version")},"v".concat(o))),i=t?l.default.createElement("a",{className:c("badge"),href:t},l.default.createElement("span",{className:c("badge-name")},"github"),l.default.createElement("span",{className:c("badge-version")},"source")):void 0;return l.default.createElement("div",{className:c("badge-container")},r,i)};s.propTypes=d;t.A=s},201:function(e,t,n){var a=n(24994),l=n(73738);t.A=void 0;var o=a(n(85715)),r=function(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 a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=o?Object.getOwnPropertyDescriptor(e,r):null;i&&(i.get||i.set)?Object.defineProperty(a,r,i):a[r]=e[r]}return a.default=e,n&&n.set(e,a),a}(n(96540)),i=a(n(5556)),c=a(n(67967)),d=n(92912),s=a(n(49558)),u=a(n(53665)),m=n(25966),p=a(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 _=c.default.bind(p.default),b={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},v=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,l=e.title,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,o.default)(p,2),b=f[0],v=f[1],h=(0,r.useState)(!1),E=(0,o.default)(h,2),x=E[0],N=E[1],w=r.default.useContext(d.ThemeContext),C=void 0!==a,T=function(){N(!x),b&&v(!b)},O=function(){v(!b),x&&N(!x)},k=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:_("template",w.className)},r.default.createElement("div",{className:_("header")},l&&r.default.createElement("h2",{className:_("title")},l)),r.default.createElement("div",{className:_("content")},i&&r.default.createElement("div",{className:_("description")},i),t),r.default.createElement("div",{className:_("footer")},n?r.default.createElement("div",{className:_("button-container")},C&&r.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":x}),onClick:T,onKeyDown:function(e){return k(e,T)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:_("chevron")})),r.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:O,onKeyDown:function(e){return k(e,O)},onBlur:y,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(s.default,{className:_("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:_("chevron")}))):null,r.default.createElement("div",null,x&&r.default.createElement("div",{className:_("css")},a),b&&r.default.createElement("div",{className:_("code")},n))))};v.propTypes=b,v.defaultProps={isExpanded:!1};t.A=v},25778:function(e,t,n){var a=n(24994);t.A=void 0;var l=a(n(96540)),o=a(n(49400)),r={cols:[{id:"Column-0",displayName:"Patient"},{id:"Column-1",displayName:"Location"},{id:"Column-2",displayName:"Illness Severity"},{id:"Column-3",displayName:"Visit"},{id:"Column-4",displayName:"Allergy"},{id:"Column-5",displayName:"Primary Contact"},{id:"Column-6",displayName:"Generic Order Counts"},{id:"Column-7",displayName:"Patient Age"},{id:"Column-8",displayName:"Medication History"},{id:"Column-9",displayName:"My Relationship"}],rows:[{id:"1",cells:[{content:"Fleck, Arthur"},{content:"1007-MTN"},{content:"Unstable"},{content:"Inpatient, 2 months"},{content:""},{content:"Quinzell, Harleen"},{content:""},{isMasked:!0,maskedLabel:"Age Hidden"},{isMasked:!0},{content:"Admitting Physician"}]},{id:"2",cells:[{content:"Wayne, Bruce"},{content:"1007-MTN-DR"},{content:"Stable"},{content:"Outpatient, 2 days"},{content:"Phytochemicals"},{content:"Grayson, Richard"},{content:""},{content:""},{isMasked:!0},{content:"Admitting Physician"}]}]};t.A=function(){return l.default.createElement(o.default,{id:"table-without-row-header",overflowColumns:r.cols,rows:r.rows,rowHeaderIndex:-1,ariaLabel:"Table"})}},9125:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(96540),l=n(36665),o=(n(73223),n(25778)),r=["components"];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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={};function s(e){var t=e.components,n=c(e,r);return(0,l.mdx)("wrapper",i({},d,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Table from 'terra-table';\n\nconst tableData = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' },\n { id: 'Column-1', displayName: 'Location' },\n { id: 'Column-2', displayName: 'Illness Severity' },\n { id: 'Column-3', displayName: 'Visit' },\n { id: 'Column-4', displayName: 'Allergy' },\n { id: 'Column-5', displayName: 'Primary Contact' },\n { id: 'Column-6', displayName: 'Generic Order Counts' },\n { id: 'Column-7', displayName: 'Patient Age' },\n { id: 'Column-8', displayName: 'Medication History' },\n { id: 'Column-9', displayName: 'My Relationship' },\n ],\n rows: [\n {\n id: '1',\n cells: [\n { content: 'Fleck, Arthur' },\n { content: '1007-MTN' },\n { content: 'Unstable' },\n { content: 'Inpatient, 2 months' },\n { content: '' },\n { content: 'Quinzell, Harleen' },\n { content: '' },\n { isMasked: true, maskedLabel: 'Age Hidden' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n {\n id: '2',\n cells: [\n { content: 'Wayne, Bruce' },\n { content: '1007-MTN-DR' },\n { content: 'Stable' },\n { content: 'Outpatient, 2 days' },\n { content: 'Phytochemicals' },\n { content: 'Grayson, Richard' },\n { content: '' },\n { content: '' },\n { isMasked: true },\n { content: 'Admitting Physician' },\n ],\n },\n ],\n};\n\nconst TableWithoutRowHeader = () => (\n \n);\n\nexport default TableWithoutRowHeader;\n\n")))}s.isMDXComponent=!0;var u=n(201),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return a.createElement(u.A,{title:t||"Table Without Row Header",description:n,example:a.createElement(o.A,null),exampleSrc:a.createElement(s,null),isExpanded:l})},p=["components"];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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var b={},y="wrapper";function g(e){var t=e.components,n=_(e,p);return(0,l.mdx)(y,f({},b,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("h1",{id:"default-table-without-row-header"},"Default Table without row header"),(0,l.mdx)("h3",{id:"description"},"Description"),(0,l.mdx)("p",null,"This example demonstrates a basic ",(0,l.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/table/about"},"Table")," component implementation without row header."),(0,l.mdx)(m,{mdxType:"TableWithoutRowHeader"}))}g.isMDXComponent=!0},73223:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),l=n(55713),o=function(e){var t=e.url;return a.createElement(l.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-table",name:"terra-table",version:"5.19.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"}}}]); \ No newline at end of file diff --git a/91420-b4b8db012d13f58e8529.css b/91420-b4b8db012d13f58e8529.css new file mode 100644 index 000000000..7805fcb51 --- /dev/null +++ b/91420-b4b8db012d13f58e8529.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} +[dir] .FieldExamples-module__field-content___WrOsw{border:dashed 1px #d3d3d3} +.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/91681-9b3616c750fc59c43929.css b/91681-9b3616c750fc59c43929.css new file mode 100644 index 000000000..34e7cffa7 --- /dev/null +++ b/91681-9b3616c750fc59c43929.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} +.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} +.Card-module__clinical-lowlight-theme___rpqXf{--terra-card-background-color: #222a2e;--terra-card-border-radius: 3px;--terra-card-border: 1px solid #181b1d;--terra-card-box-shadow: none;--terra-card-color: #b2b5b6;--terra-card-raised-box-shadow: 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3)}.Card-module__orion-fusion-theme___QgHmr{--terra-card-background-color: #fff;--terra-card-border-radius: 0;--terra-card-border: 1px solid #c8cacb;--terra-card-box-shadow: none;--terra-card-color: inherit;--terra-card-raised-box-shadow: 2px 2px 0 0 rgba(28, 31, 33, 0.1), -2px 2px 0 0 rgba(28, 31, 33, 0.1), 0 4px 0 0 rgba(28, 31, 33, 0.04), 0 8px 0 -2px rgba(28, 31, 33, 0.03)}.Card-module__redwood-theme___LNRe1{--terra-card-background-color: var(--card-background-color);--terra-card-border-radius: var(--card-border-radius);--terra-card-border: var(--card-border);--terra-card-color: inherit;--terra-card-raised-box-shadow: var(--card-box-shadow)}.Card-module__card___n9\+A2{color:var(--terra-card-color);overflow:hidden}[dir] .Card-module__card___n9\+A2{background-color:#fff;background-color:var(--terra-card-background-color, #fff);border:1px solid #c8cacb;border:var(--terra-card-border, 1px solid #c8cacb);border-radius:3px;border-radius:var(--terra-card-border-radius, 3px)}[dir] .Card-module__default___Pvv6U{box-shadow:none;box-shadow:var(--terra-card-box-shadow, none)}[dir] .Card-module__raised___OPyVO{box-shadow:0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3);box-shadow:var(--terra-card-raised-box-shadow, 0 3px 8px -2px rgba(0, 0, 0, 0.18), 0 3px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 3px -3px rgba(0, 0, 0, 0.3))} +.CardBody-module__orion-fusion-theme___Xdg9v{--terra-card-padding-bottom: 0.5rem;--terra-card-padding-left: 0.5rem;--terra-card-padding-right: 0.5rem;--terra-card-padding-top: 0.5rem}.CardBody-module__clinical-lowlight-theme___2YDc3{--terra-card-padding-bottom: 10px;--terra-card-padding-left: 10px;--terra-card-padding-right: 10px;--terra-card-padding-top: 10px}.CardBody-module__redwood-theme___gqUxa{--terra-card-padding-bottom: var(--card-padding-bottom);--terra-card-padding-left: var(--card-padding-left);--terra-card-padding-right: var(--card-padding-right);--terra-card-padding-top: var(--card-padding-top)}[dir] .CardBody-module__vertical-padding___xyd9u{padding-bottom:10px;padding-bottom:var(--terra-card-padding-bottom, 10px);padding-top:10px;padding-top:var(--terra-card-padding-top, 10px)}[dir=ltr] .CardBody-module__horizontal-padding___wGati{padding-left:10px;padding-left:var(--terra-card-padding-left, 10px);padding-right:10px;padding-right:var(--terra-card-padding-right, 10px)}[dir=rtl] .CardBody-module__horizontal-padding___wGati{padding-right:10px;padding-right:var(--terra-card-padding-left, 10px);padding-left:10px;padding-left:var(--terra-card-padding-right, 10px)}[dir] .CardBody-module__center-content___phyuy{text-align:center} +.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} diff --git a/91948-85f6247602dd328c39d2.css b/91948-85f6247602dd328c39d2.css new file mode 100644 index 000000000..6cd1d5bdc --- /dev/null +++ b/91948-85f6247602dd328c39d2.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} +.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}} +.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)} +.TableWithCustomCells-module__custom-cell-header-wrapper___CXiRR{color:#656565} +.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/93065-e7586a2766d4da631c37.js b/93065-e7586a2766d4da631c37.js new file mode 100644 index 000000000..41b86abbb --- /dev/null +++ b/93065-e7586a2766d4da631c37.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[93065],{1648: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=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=d(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)),l=i(n(29489)),o=i(n(38790));function i(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(d=function(e){return e?n:t})(e)}function c(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,i=[],d=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;d=!1}else for(;!(d=(r=l.call(n)).done)&&(i.push(r.value),i.length!==t);d=!0);}catch(e){c=!0,a=e}finally{try{if(!d&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return u(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 u(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 u(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 u={};function p(e){var t=e.components,n=c(e,i);return(0,a.mdx)("wrapper",d({},u,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst DefaultSectionHeader = () => (\n
    \n

    Default

    \n \n
    \n);\n\nexport default DefaultSectionHeader;\n\n")))}p.isMDXComponent=!0;var s=n(201),m=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Default Section Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:a})},f=n(79890),y=["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 v={};function g(e){var t=e.components,n=x(e,y);return(0,a.mdx)("wrapper",b({},v,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst LongTitleSectionHeader = () => (\n
    \n

    Long Title

    \n \n
    \n);\n\nexport default LongTitleSectionHeader;\n\n")))}g.isMDXComponent=!0;var h=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Long Title Section Header",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(g,null),isExpanded:a})},O=n(1622),_=["components"];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 T={};function E(e){var t=e.components,n=j(e,_);return(0,a.mdx)("wrapper",S({},T,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 SectionHeader from 'terra-section-header';\nimport Toggle from 'terra-toggle';\n\nconst LongTitleAccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n return (\n
    \n

    Long Title Accordion Section Header

    \n \n \n

    \n Keystone Accountable Care Organization (ACO), a collaboration between Geisinger Health System and three other health systems, entered the Medicare Shared Savings Program (MSSP) in 2013 and transitioned to an MSSP Track 1+ in 2018, qualifying Keystone ACO as an advanced payment model.\n According to the Centers for Medicaid and Medicare Services (CMS) benchmark minus expenditures formula, the ACO saved Medicare nearly $10 million in 2018.\n Hear how Keystone ACO is using the Cerner HealtheIntent® platform to garner insights across more than 72,000 ACO beneficiaries and multiple EHRs.\n

    \n     \n
    \n );\n};\n\nexport default LongTitleAccordionSectionHeader;\n\n")))}E.isMDXComponent=!0;var C=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Long Title Accordion Section Header",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(E,null),isExpanded:a})},w=n(54236),P=["components"];function N(){return N=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 k={};function A(e){var t=e.components,n=H(e,P);return(0,a.mdx)("wrapper",N({},k,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst sectionHeaderProps = {\n text: 'Closed',\n onClick: () => {},\n};\n\nconst ClosedSectionHeader = () => (\n
    \n

    Closed Section Header

    \n \n
    \n);\n\nexport default ClosedSectionHeader;\n\n")))}A.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Closed Section Header",description:n,example:r.createElement(w.A,null),exampleSrc:r.createElement(A,null),isExpanded:a})},D=n(43604),R=["components"];function I(){return I=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 X(e){var t=e.components,n=L(e,R);return(0,a.mdx)("wrapper",I({},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 SectionHeader from 'terra-section-header';\n\nconst sectionHeaderProps = {\n text: 'Open',\n isOpen: true,\n onClick: () => {},\n};\n\nconst OpenSectionheader = () => (\n
    \n

    Open Section Header

    \n \n
    \n);\n\nexport default OpenSectionheader;\n\n")))}X.isMDXComponent=!0;var W=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Open Section Header",description:n,example:r.createElement(D.A,null),exampleSrc:r.createElement(X,null),isExpanded:a})},Z=n(93543),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 F={};function K(e){var t=e.components,n=$(e,B);return(0,a.mdx)("wrapper",Y({},F,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst sectionHeaderProps = {\n text: 'I\\'m clickable, click me',\n onClick: () => {\n window.alert('The accordion has been clicked!');\n },\n};\n\nconst OnClickSectionHeader = () => (\n
    \n

    OnClick Section Header

    \n \n
    \n);\n\nexport default OnClickSectionHeader;\n\n")))}K.isMDXComponent=!0;var z=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"On Click Section Header",description:n,example:r.createElement(Z.A,null),exampleSrc:r.createElement(K,null),isExpanded:a})},V=n(1648),G=["components"];function J(){return J=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=U(e,G);return(0,a.mdx)("wrapper",J({},Q,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 SectionHeader from 'terra-section-header';\nimport Toggle from 'terra-toggle';\n\nconst AccordionSectionHeader = () => {\n const [isOpen, setIsOpen] = useState(false);\n\n const handleClick = () => {\n setIsOpen(!isOpen);\n };\n\n return (\n
    \n

    Accordion Section Header

    \n \n \n

    Allergic to Cats

    \n

    Allergic to Dogs

    \n

    Allergic to Dust

    \n

    Allergic to Mold

    \n

    Allergic to Latex

    \n     \n
    \n );\n};\n\nexport default AccordionSectionHeader;\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||"Accordion Section Header",description:n,example:r.createElement(V.A,null),exampleSrc:r.createElement(ee,null),isExpanded:a})},ne=n(86916),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 from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst sectionHeaderProps = {\n text: \"I'm clickable, click me\",\n onClick: () => {\n window.alert('The accordion has been clicked!');\n },\n isTransparent: true,\n};\n\nconst TransparentSectionHeader = () => (\n
    \n

    Transparent Section Header

    \n \n
    \n);\n\nexport default TransparentSectionHeader;\n\n")))}ie.isMDXComponent=!0;var de=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Transparent Section Header",description:n,example:r.createElement(ne.A,null),exampleSrc:r.createElement(ie,null),isExpanded:a})},ce=n(77118),ue=["components"];function pe(){return pe=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 me={};function fe(e){var t=e.components,n=se(e,ue);return(0,a.mdx)("wrapper",pe({},me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useRef } from 'react';\nimport SectionHeader from 'terra-section-header';\n\nconst FocusSectionHeader = () => {\n const sectionHeaderRef = useRef();\n\n const handleClick = () => {\n sectionHeaderRef.current?.focus();\n };\n\n return (\n <>\n \n\n {/* eslint-disable-next-line react/forbid-dom-props */}\n
    \n {}} />\n
    \n \n );\n};\n\nexport default FocusSectionHeader;\n\n")))}fe.isMDXComponent=!0;var ye=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(s.A,{title:t||"Focus Section Header",description:n,example:r.createElement(ce.A,null),exampleSrc:r.createElement(fe,null),isExpanded:a})},be=n(12883),xe=["components"];function ve(){return ve=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 he={},Oe="wrapper";function _e(e){var t=e.components,n=ge(e,xe);return(0,a.mdx)(Oe,ve({},he,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(be.Ay,{mdxType:"PropsTable"},(0,a.mdx)(be.fI,{key:"ROW1",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"text"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nText to be displayed on the SectionHeader."))),(0,a.mdx)(be.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"title"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/prop/deprecated/red",alt:"IMPORTANT"}),"\ntitle prop has been deperecated and will be removed on next major version relase. Replace the ",(0,a.mdx)("inlineCode",{parentName:"p"},"title")," prop with ",(0,a.mdx)("inlineCode",{parentName:"p"},"text")," prop."))),(0,a.mdx)(be.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"refCallback"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("p",null,"none")),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback ref to pass into the dom element."))),(0,a.mdx)(be.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"onClick"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function triggered when the accordion icon is clicked."))),(0,a.mdx)(be.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"isOpen"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Whether the accordion icon should be displayed in its 'open' or 'closed' position."))),(0,a.mdx)(be.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,(0,a.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nOptionally sets the heading level. One of ",(0,a.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,a.mdx)("inlineCode",{parentName:"p"},"6"),". Default ",(0,a.mdx)("inlineCode",{parentName:"p"},"level=2"),".\n",(0,a.mdx)("inlineCode",{parentName:"p"},"level")," should be specified explicitly to allow screen readers to identify headers consistently."))),(0,a.mdx)(be.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(be.dt,{mdxType:"PropNameCell"},"isTransparent"),(0,a.mdx)(be.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,a.mdx)(be.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,a.mdx)(be.NZ,{mdxType:"DefaultValueCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,a.mdx)(be.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Sets the background of the section header to transparent.")))))}_e.isMDXComponent=!0;var Se=["components"];function je(){return je=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 Ee={},Ce="wrapper";function we(e){var t=e.components,n=Te(e,Se);return(0,a.mdx)(Ce,je({},Ee,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-section-header"},"Terra Section Header"),(0,a.mdx)("p",null,"Section Header presentational component that provides an onClick callback."),(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-section-header"))))),(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)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import SectionHeader from 'terra-section-header';\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#ltr--rtl"},"LTR/RTL Support"))),(0,a.mdx)("h2",{id:"examples"},"Examples"),(0,a.mdx)(m,{mdxType:"DefaultSectionHeader"}),(0,a.mdx)(h,{mdxType:"LongTitleSectionHeader"}),(0,a.mdx)(C,{mdxType:"LongTitleAccordionSectionHeader"}),(0,a.mdx)(M,{mdxType:"ClosedSectionHeader"}),(0,a.mdx)(W,{mdxType:"OpenSectionHeader"}),(0,a.mdx)(z,{mdxType:"OnClickSectionHeader"}),(0,a.mdx)(te,{mdxType:"AccordionSectionHeader"}),(0,a.mdx)(de,{mdxType:"TransparentSectionHeader"}),(0,a.mdx)(ye,{mdxType:"FocusSectionHeader"}),(0,a.mdx)("h2",{id:"section-header-props"},"Section Header Props"),(0,a.mdx)(_e,{mdxType:"SectionHeaderPropsTable"}))}we.isMDXComponent=!0},44244: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-section-header",name:"terra-section-header",version:"2.68.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"}},85444: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(46942)),o=u(n(67967)),i=u(n(52103)),d=u(n(78482)),c=["children","disableStripes","paddingStyle"];function u(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||(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=o.default.bind(d.default),f={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},y=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=s(e,c),d=r.default.useContext(i.default),u=(0,l.default)(m("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",p({},o,{className:u}),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=o(n(96540)),a=o(n(5556)),l=["children"];function o(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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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)),a=o(n(5556)),l=["children"];function o(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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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=i(n(96540)),a=i(n(5556)),l=i(n(10767)),o=["children"];function i(e){return e&&e.__esModule?e:{default:e}}function d(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},u=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.default.addScope(t,"col")))};u.propTypes=c,u.defaultProps={children:[]};t.default=u},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 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 d={children:a.default.node},c=function(e){var t=e.children,n=i(e,l);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)),a=c(n(5556)),l=c(n(67967)),o=c(n(78482)),i=c(n(10767)),d=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=l.default.bind(o.default),m={children:a.default.node},f=function(e){var t=e.children,n=p(e,d),a=s(["row"]);return r.default.createElement("tr",u({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),i.default.addScope(t,"row"))};f.propTypes=m,f.defaultProps={children:[]};t.default=f},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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return d.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)),i=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=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;te.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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={};function s(e){var t=e.components,n=d(e,i);return(0,l.mdx)("wrapper",u({},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 StatusView from \'terra-status-view\';\nimport { SingleSelectField } from \'terra-form-select\';\nimport Button from \'terra-button\';\n\nconst ToggleVariants = () => {\n const [variant, setVariant] = useState(\'error\');\n const [selectValue, setSelectValue] = useState(\'error\');\n\n const handleOnSelect = (value) => setSelectValue(value);\n\n const handleOnClick = () => setVariant(selectValue);\n\n return (\n
    \n \n \n \n \n \n \n \n
    \n );\n};\n\nexport default ToggleVariants;\n\n')))}s.isMDXComponent=!0;var p=n(201),m=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(p.A,{title:t||"Toggle Variants",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(s,null),isExpanded:l})},f=n(67405),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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var h={};function x(e){var t=e.components,n=g(e,y);return(0,l.mdx)("wrapper",b({},h,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 StatusView from \'terra-status-view\';\n\nconst ToggleAlignmentAndGlyph = () => {\n const [isAlignedTop, setIsAlignedTop] = useState(false);\n const [isGlyphHidden, setIsGlyphHidden] = useState(false);\n\n const handleOnAlignChange = () => {\n setIsAlignedTop(!isAlignedTop);\n };\n\n const handleOnGlyphChange = () => {\n setIsGlyphHidden(!isGlyphHidden);\n };\n\n /* eslint-disable react/forbid-dom-props */\n return (\n
    \n
    \n \n
    \n
    \n Toggle alignment and glyph\n
    \n \n \n
    \n
    \n \n \n
    \n
    \n
    \n );\n};\n\nexport default ToggleAlignmentAndGlyph;\n\n')))}x.isMDXComponent=!0;var v=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(p.A,{title:t||"Toggle Alignment And Glyph",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(x,null),isExpanded:l})},O=n(67582),_=["components"];function T(){return T=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 j={};function w(e){var t=e.components,n=S(e,_);return(0,l.mdx)("wrapper",T({},j,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { IconDueSoon } from 'terra-icon';\nimport StatusView from 'terra-status-view';\nimport VisuallyHiddenText from 'terra-visually-hidden-text';\n\nconst StatusViewButtons = [\n {\n 'aria-describedby': 'submittimesheet',\n id: 'Submit',\n key: 1,\n text: 'Submit',\n variant: 'emphasis',\n }, {\n 'aria-describedby': 'canceltimesheet',\n id: 'Cancel',\n key: 2,\n text: 'Cancel',\n },\n];\n\nconst Custom = () => (\n
    \n \n \n }\n title=\"Timesheet\"\n buttonAttrs={StatusViewButtons}\n />\n

    \n Note: Action button labels should provide a proper message or title. To meet accessibility guidelines, use ARIA attributes (such as `aria-label`) to provide context.\n

    \n
    \n);\n\nexport default Custom;\n\n")))}w.isMDXComponent=!0;var E=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(p.A,{title:t||"Custom",description:n,example:r.createElement(O.A,null),exampleSrc:r.createElement(w,null),isExpanded:l})},N=n(84858),C=["components"];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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var k={};function I(e){var t=e.components,n=A(e,C);return(0,l.mdx)("wrapper",P({},k,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport StatusView from 'terra-status-view';\nimport ToggleButton from 'terra-toggle-button';\n\nconst ToggleStatusView = () => (\n \n \n \n);\n\nexport default ToggleStatusView;\n\n")))}I.isMDXComponent=!0;var M=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(p.A,{title:t||"Toggle Status View",description:n,example:r.createElement(N.A,null),exampleSrc:r.createElement(I,null),isExpanded:l})},R=n(12883),D=["components"];function V(){return V=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 B={},G="wrapper";function q(e){var t=e.components,n=H(e,D);return(0,l.mdx)(G,V({},B,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(R.Ay,{mdxType:"PropsTable"},(0,l.mdx)(R.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"buttonAttrs"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"arrayOf: [{\n shape: {\n 0: {\n type: 'undefined',\n },\n 1: {\n type: 'undefined',\n },\n 2: {\n type: 'undefined',\n },\n 3: {\n type: 'undefined',\n },\n 4: {\n type: 'undefined',\n },\n 5: {\n type: 'undefined',\n },\n 6: {\n type: 'undefined',\n },\n 7: {\n type: 'undefined',\n },\n 8: {\n type: 'undefined',\n },\n 9: {\n type: 'undefined',\n },\n 10: {\n type: 'undefined',\n },\n 11: {\n type: 'undefined',\n },\n 12: {\n type: 'undefined',\n },\n 13: {\n type: 'undefined',\n },\n 14: {\n type: 'undefined',\n },\n 15: {\n type: 'undefined',\n },\n },\n}],\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"[]\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"An array of objects containing terra-button properties. A key attribute is required for each object.\nThis array is used to render buttons in the bottom section.\nExample:",(0,l.mdx)("inlineCode",{parentName:"p"},"[{ text: 'Button 1', key: 1, variant: 'neutral', onClick: onClickFunction}]")))),(0,l.mdx)(R.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"customGlyph"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Display a custom glyph. Overrides a variant's default glyph.\nSet ",(0,l.mdx)("inlineCode",{parentName:"p"},"focusable=false")," for svg element used as ",(0,l.mdx)("inlineCode",{parentName:"p"},"customGlyph"),"."))),(0,l.mdx)(R.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"isAlignedTop"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,'Aligns the component at the top of the container rather than "centered"'))),(0,l.mdx)(R.fI,{key:"ROW4",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"isGlyphHidden"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Determines if the glyph should be displayed."))),(0,l.mdx)(R.fI,{key:"ROW5",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"message"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The descriptive text, displayed under the title."))),(0,l.mdx)(R.fI,{key:"ROW6",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"title"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"The title displayed under the glyph. Variants contain default titles that can be overriden by this prop."))),(0,l.mdx)(R.fI,{key:"ROW7",mdxType:"Row"},(0,l.mdx)(R.dt,{mdxType:"PropNameCell"},"variant"),(0,l.mdx)(R.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'no-data'\n 'no-matching-results'\n 'not-authorized'\n 'error'\n],\n"))),(0,l.mdx)(R.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(R.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,l.mdx)(R.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Sets the glyph and title using a pre-baked variant. One of the following: ",(0,l.mdx)("inlineCode",{parentName:"p"},"no-data"),",\n",(0,l.mdx)("inlineCode",{parentName:"p"},"no-matching-results"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"not-authorized"),", or ",(0,l.mdx)("inlineCode",{parentName:"p"},"error"))))))}q.isMDXComponent=!0;var F=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var Y={},X="wrapper";function z(e){var t=e.components,n=Z(e,F);return(0,l.mdx)(X,W({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"terra-status-view"},"Terra Status View"),(0,l.mdx)("p",null,"Presents an icon, title, message, and/or buttons based on a status type scenario. Scenarios include ",(0,l.mdx)("inlineCode",{parentName:"p"},"no-data"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"no-matching-results"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"not-authorized"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"error"),", or a custom scenario."),(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-status-view"))))),(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:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import StatusView from 'terra-status-view';\n")),(0,l.mdx)("h2",{id:"implementation-notes"},"Implementation Notes:"),(0,l.mdx)("p",null,"The Status-View component must be composed inside the ",(0,l.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.\nSet ",(0,l.mdx)("inlineCode",{parentName:"p"},"focusable=false")," for svg element used for ",(0,l.mdx)("inlineCode",{parentName:"p"},"customGlyph")," prop, to prevent focusing of the svg in IE10."),(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)("h2",{id:"examples"},"Examples"),(0,l.mdx)(m,{title:"Variants",mdxType:"ToggleVariants"}),(0,l.mdx)(E,{title:"Custom: Icon + message + buttons",mdxType:"Custom"}),(0,l.mdx)(v,{mdxType:"ToggleAlignmentAndGlyph"}),(0,l.mdx)(M,{title:"Toggle Status View",mdxType:"ToggleStatusView"}),(0,l.mdx)("h2",{id:"status-view-props"},"Status View Props"),(0,l.mdx)(q,{mdxType:"StatusViewPropsTable"}))}z.isMDXComponent=!0},72863: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-status-view",name:"terra-status-view",version:"4.76.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"}},58751:function(e,t,n){n.r(t),t.default={"toggle-button":"ToggleButton-module__toggle-button___eo1aB",icon:"ToggleButton-module__icon___mFdVK","is-open":"ToggleButton-module__is-open___W1RlO","is-icon-animated":"ToggleButton-module__is-icon-animated___4e24X","button-text":"ToggleButton-module__button-text___+N0CK"}},85444: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(46942)),o=c(n(67967)),i=c(n(52103)),u=c(n(78482)),d=["children","disableStripes","paddingStyle"];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||(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(u.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,o=p(e,d),u=r.default.useContext(i.default),c=(0,a.default)(m("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},u.className),o.className);return r.default.createElement("table",s({},o,{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=o(n(96540)),l=o(n(5556)),a=["children"];function o(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={},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 u={children:l.default.node},d=function(e){var t=e.children,n=i(e,a);return r.default.createElement("tbody",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},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 i(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 u={children:l.default.node},d=function(e){var t=e.children,n=i(e,a);return r.default.createElement("td",n,t)};d.propTypes=u,d.defaultProps={children:[]};t.default=d},97441: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(10767)),o=["children"];function i(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,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.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=o(n(96540)),l=o(n(5556)),a=["children"];function o(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={},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 u={children:l.default.node},d=function(e){var t=e.children,n=i(e,a);return r.default.createElement("th",n,t)};d.propTypes=u,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)),a=d(n(67967)),o=d(n(78482)),i=d(n(10767)),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||(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 p=a.default.bind(o.default),m={children:l.default.node},f=function(e){var t=e.children,n=s(e,u),l=p(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),i.default.addScope(t,"row"))};f.propTypes=m,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 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 i.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=d(n(85444)),l=d(n(61452)),a=d(n(36142)),o=d(n(86472)),i=d(n(97441)),u=d(n(22417));function d(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},76491: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)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=p(n(96540)),a=p(n(5556)),o=p(n(67967)),i=p(n(23986)),u=p(n(53665)),d=p(n(38790)),c=p(n(58751)),s=["buttonAttrs","children","closedButtonText","icon","isAnimated","isIconAnimated","isIconOnly","isInitiallyOpen","onClose","onOpen","openedButtonText"];function p(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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}function y(e,t){for(var n=0;n=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={};function p(e){var t=e.components,n=i(e,d);return(0,l.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport List, { SectionHeader } from 'terra-list';\n\nconst ListSectionHeaderExample = () => (\n \n \n \n);\n\nexport default ListSectionHeaderExample;\n\n")))}p.isMDXComponent=!0;var s=n(201),f=function(e){var t=e.title,n=e.description,l=e.isExpanded;return r.createElement(s.A,{title:t||"List Section Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(p,null),isExpanded:l})},m=n(12883),b=["components"];function _(){return _=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 v={},g="wrapper";function h(e){var t=e.components,n=y(e,b);return(0,l.mdx)(g,_({},v,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(m.Ay,{mdxType:"PropsTable"},(0,l.mdx)(m.fI,{key:"ROW1",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"level"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 1\n 2\n 3\n 4\n 5\n 6\n],\n"))),(0,l.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"2\n"))),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Optionally sets the heading level. One of ",(0,l.mdx)("inlineCode",{parentName:"p"},"1"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"2"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"3"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"4"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"5"),", ",(0,l.mdx)("inlineCode",{parentName:"p"},"6"),".\n",(0,l.mdx)("img",{parentName:"p",src:"https://badgen.net/badge/UX/Accessibility/blue",alt:"IMPORTANT"}),"\nReplace value ",(0,l.mdx)("inlineCode",{parentName:"p"},"1")," of ",(0,l.mdx)("inlineCode",{parentName:"p"},"level")," prop with other level values. Do Not use level as 1 as there should be only one H1 in a page.\nHeading value ",(0,l.mdx)("inlineCode",{parentName:"p"},"1")," will be converted as heading level ",(0,l.mdx)("inlineCode",{parentName:"p"},"2")," until it is removed in the next MVB release."))),(0,l.mdx)(m.fI,{key:"ROW2",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"refCallback"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,l.mdx)(m.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Function callback passthrough for the ref of the section li."))),(0,l.mdx)(m.fI,{key:"ROW3",mdxType:"Row"},(0,l.mdx)(m.dt,{mdxType:"PropNameCell"},"title"),(0,l.mdx)(m.$d,{mdxType:"TypeCell"},(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,l.mdx)(m.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,l.mdx)(m.NZ,{mdxType:"DefaultValueCell"},(0,l.mdx)("p",null,"none")),(0,l.mdx)(m.Hd,{mdxType:"DescriptionCell"},(0,l.mdx)("p",null,"Title text to be placed within the section header.")))))}h.isMDXComponent=!0;var x=["components"];function O(){return O=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 j={},T="wrapper";function P(e){var t=e.components,n=E(e,x);return(0,l.mdx)(T,O({},j,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)(a.E,{mdxType:"Badge"}),(0,l.mdx)("h1",{id:"list-section-header"},"List Section Header"),(0,l.mdx)("p",null,"The list section header is a sub-component of the list section. It provides the visual representation of the section, but does not provided any collapsible functionality itself, it's collapsible props are for the display of the collapse/expand indicator. The section header should only be consumed directly when the header is static, as the actual list item collapse is handled by the section."),(0,l.mdx)("p",null,"When consumed by itself as an individual list item avoid enabling the collapsible properties."),(0,l.mdx)("h2",{id:"usage"},"Usage"),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import List, { SectionHeader } from 'terra-list';\n")),(0,l.mdx)("h2",{id:"examples"},"Examples"),(0,l.mdx)(f,{mdxType:"ListSectionHeaderExample"}),(0,l.mdx)("h2",{id:"list-section-header-props"},"List Section Header Props"),(0,l.mdx)(h,{mdxType:"ListSectionHeaderPropsTable"}))}P.isMDXComponent=!0},86273: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-list",name:"terra-list",version:"4.73.1",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"}},85444: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(46942)),o=c(n(67967)),d=c(n(52103)),u=c(n(78482)),i=["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 a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var f=o.default.bind(u.default),m={children:l.default.node.isRequired,disableStripes:l.default.bool,paddingStyle:l.default.oneOf(["none","standard","compact"])},b=function(e){var t=e.children,n=e.disableStripes,l=e.paddingStyle,o=s(e,i),u=r.default.useContext(d.default),c=(0,a.default)(f("table",{striped:!n},{"padding-standard":"standard"===l},{"padding-compact":"compact"===l},u.className),o.className);return r.default.createElement("table",p({},o,{className:c}),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)),l=o(n(5556)),a=["children"];function o(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 u={children:l.default.node},i=function(e){var t=e.children,n=d(e,a);return r.default.createElement("tbody",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},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 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 u={children:l.default.node},i=function(e){var t=e.children,n=d(e,a);return r.default.createElement("td",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),l=d(n(5556)),a=d(n(10767)),o=["children"];function d(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 i={children:l.default.node},c=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};c.propTypes=i,c.defaultProps={children:[]};t.default=c},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 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 u={children:l.default.node},i=function(e){var t=e.children,n=d(e,a);return r.default.createElement("th",n,t)};i.propTypes=u,i.defaultProps={children:[]};t.default=i},36142: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(67967)),o=i(n(78482)),d=i(n(10767)),u=["children"];function i(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 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),f={children:l.default.node},m=function(e){var t=e.children,n=p(e,u),l=s(["row"]);return r.default.createElement("tr",c({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),d.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,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 d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"Row",{enumerable:!0,get:function(){return a.default}}),t.default=void 0;var r=i(n(85444)),l=i(n(61452)),a=i(n(36142)),o=i(n(86472)),d=i(n(97441)),u=i(n(22417));function i(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;t1){var u;null===(u=o)||void 0===u||u.focus()}else{var i=0===e||V&&1===e,c=o.querySelector("a, button");if(i&&!o.hasAttribute("tabindex")||W&&c){var d;null===(d=o=o.querySelector('a, button, [role="button"]'))||void 0===d||d.focus()}else{var s,f=o.querySelector("input");if(ce(t)&&f)null===(s=o=f)||void 0===s||s.focus();else null===(r=o)||void 0===r||r.focus()}}}}),[A,de,V,W,ce]);(0,i.useImperativeHandle)(t,(function(){return{setFocusedRowCol:se,getFocusedCell:function(){return{row:Z,col:ne}},getGridRef:function(){return T.current}}}),[ne,Z]);var fe=(0,i.useCallback)((function(){return se(Z,ne,!0)}),[se,Z,ne]),me=null===(n=T.current)||void 0===n?void 0:n.contains(document.activeElement),be=0===Z||V&&1===Z;return i.default.createElement("div",{tabIndex:0,ref:F,onKeyDown:function(e){var t={row:Z,col:ne},n=t.row,r=t.col;q(!1);var o=e.target,a=e.keyCode;if(a===s.KEY_TAB||!(function(e){if("input"===e.tagName.toLowerCase()){var t=e.type;return["text","password","number","email","tel","url","search","date","datetime","datetime-local","time","month","week"].indexOf(t)>=0}return!1}(o)||["textarea","select"].indexOf(o.tagName.toLowerCase())>=0||o.hasAttribute("contentEditable")&&!1!==o.getAttribute("contentEditable")))if(a!==s.KEY_RIGHT&&a!==s.KEY_LEFT||!de(t.row)){var u=T.current.rows.length;switch(a){case s.KEY_UP:n-=1;break;case s.KEY_DOWN:n+=1;break;case s.KEY_LEFT:e.metaKey?(r=0,e.ctrlKey&&(n=1)):(r-=1,q(0===t.row||V&&1===t.row));break;case s.KEY_RIGHT:e.metaKey?(r=A.length-1,e.ctrlKey&&(n=u-1)):r+=1;break;case s.KEY_HOME:r=0,e.ctrlKey&&(n=1);break;case s.KEY_END:r=A.length-1,e.ctrlKey&&(n=u-1);break;case s.KEY_ESCAPE:return O&&O(),void e.preventDefault();case s.KEY_TAB:return function(e){var t=(0,l.default)(document.body.querySelectorAll("".concat("a[href]:not([tabindex='-1']), area[href]:not([tabindex='-1']), input:not([disabled]):not([tabindex='-1']), select:not([disabled]):not([tabindex='-1']), textarea:not([disabled]):not([tabindex='-1']), button:not([disabled]):not([tabindex='-1']), iframe:not([tabindex='-1']), [tabindex]:not([tabindex='-1']), [contentEditable=true]:not([tabindex='-1'])"))).filter((function(e){return!(e.hasAttribute("disabled")||e.getAttribute("aria-hidden")||!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)||"hidden"===window.getComputedStyle(e).visibility||null!==e.closest("[inert]")||e.id!==g&&F.current.contains(e))})),n=t.indexOf(F.current);if(n>-1){var r,o=e?1:-1;n+o=u||r>=A.length||r<0||nn.right)Y.current.scrollBy(o.right-n.right,0);else{var l=0,a=p?1:0,u=M.length-1+a;if(u>=0){if(t.col>u){var i=T.current.rows[t.row].cells[u].getBoundingClientRect();l=o.left-i.right}}else l=o.left-n.left;l<0&&Y.current.scrollBy(l,0)}var c=o.top-r.bottom;c<0&&Y.current.scrollBy(0,c)}se(t.row,t.col,!0)}(0,{row:n,col:r}),e.preventDefault()}else e.preventDefault()},onMouseDown:function(e){var t=e.target.closest("td, th");t&&(G.current=!1,q(!1),se(t.parentElement.rowIndex,t.cellIndex))},onFocus:function(e){if(!e.currentTarget.contains(e.relatedTarget)&&G.current){var t=Z,n=ne;N.current.rowId&&(t=-1===(t=(0,l.default)(T.current.rows).findIndex((function(e){return e.getAttribute("data-row-id")===N.current.rowId})))?Math.min(Z,T.current.rows.length-1):t),N.current.columnId&&(n=-1===(n=A.findIndex((function(e){return e.id===N.current.columnId})))?Math.min(ne,A.length-1):n),se(t,n,!0)}G.current=!0},id:g,className:y("data-grid-container")},i.default.createElement(f.GridContext.Provider,{value:ie},i.default.createElement(f.default,{id:"".concat(g,"-table"),rows:L,sections:D,ariaLabelledBy:o,ariaLabel:r,activeColumnIndex:me&&(0===Z||V&&1===Z)?ne:void 0,focusedRowIndex:Z,triggerFocus:fe,isActiveColumnResizing:be&&U,columnResizeIncrement:c,pinnedColumns:M,overflowColumns:P,defaultColumnWidth:d,columnHeaderHeight:u,rowHeight:k,rowHeaderIndex:j,onColumnResize:E,onColumnSelect:I,onSectionSelect:H,onRowSelectionHeaderSelect:R,onCellSelect:S,rowSelectionMode:p?"multiple":void 0,hasVisibleColumnHeaders:h,isStriped:!0,rowMinimumHeight:K})),i.default.createElement(b.default,{"aria-live":"polite","aria-atomic":"true",text:ae}))}));O.defaultProps={rowHeaderIndex:0,defaultColumnWidth:200,columnHeaderHeight:"2.5rem",pinnedColumns:[],overflowColumns:[],rows:[],hasVisibleColumnHeaders:!0},O.propTypes=S;t.default=O},47224:function(e,t,n){var r=n(24994),o=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ColumnHighlightColor",{enumerable:!0,get:function(){return w.ColumnHighlightColor}}),t.default=void 0;var l=r(n(41132)),a=r(n(43693)),u=r(n(85715)),i=g(n(96540)),c=r(n(5556)),d=n(8604),s=r(n(67967)),f=g(n(25966)),m=r(n(16524)),b=n(49400),w=g(n(48779)),h=r(n(58304));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)}function g(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=p(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var u=l?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(r,a,u):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function C(e){for(var t=1;t1?K.slice(1):[],L=function(e){return null===e||""===e||"--"===e},T=(0,i.useMemo)((function(){var e=i.default.createElement(i.default.Fragment,null,i.default.createElement("span",{"aria-hidden":!0},O.formatMessage({id:"Terra.flowsheetDataGrid.no-result-display"})),i.default.createElement(m.default,{text:O.formatMessage({id:"Terra.flowsheetDataGrid.no-result"})})),t=(0,l.default)(o);return t.forEach((function(n,r){var o=(0,l.default)(n.cells);o.forEach((function(t,n){o[n].isSelectable=!0,L(t.content)&&0!==n&&(o[n].content=e)})),t[r].cells=o})),t}),[O,o]),F=(0,i.useMemo)((function(){if(!a)return null;var e=i.default.createElement(i.default.Fragment,null,i.default.createElement("span",{"aria-hidden":!0},O.formatMessage({id:"Terra.flowsheetDataGrid.no-result-display"})),i.default.createElement(m.default,{text:O.formatMessage({id:"Terra.flowsheetDataGrid.no-result"})})),t=(0,l.default)(a);return t.forEach((function(n,r){var o=(0,l.default)(n.rows);o.forEach((function(t,n){var r=(0,l.default)(t.cells);r.forEach((function(t,n){r[n].isSelectable=!1!==t.isSelectable,L(t.content)&&0!==n&&(r[n].content=e)})),o[n].cells=r})),t[r].rows=o})),t}),[O,a]),Y=(0,i.useMemo)((function(){return F?F.flatMap((function(e){return e.rows.map((function(t){return C(C({},t),{},{sectionId:e.id})}))})):T}),[F,T]);(0,i.useEffect)((function(){var e=(0,l.default)(H.current),t=[];Y.forEach((function(e){e.cells.forEach((function(n,r){n.isSelected&&t.push({rowId:e.id,columnId:c[r].id})}))})),H.current=[].concat(t),H.current.length||(R.current=null),e.length>0&&0===H.current.length?k(O.formatMessage({id:"Terra.flowsheetDataGrid.no-cells-selected"})):H.current.length&&k(O.formatMessage({id:"Terra.flowsheetDataGrid.cells-selected"},{cellCount:H.current.length}))}),[O,Y,c,k]);var G=(0,i.useCallback)((function(e,t,n){if(null!==R.current){var r=Y.findIndex((function(e){return e.id===R.current.rowId})),o=c.findIndex((function(e){return e.id===R.current.columnId})),l=Y.findIndex((function(t){return t.id===e})),a=c.findIndex((function(e){return e.id===t})),u=Math.min(r,l),i=Math.max(r,l),d=Math.min(o,a),s=Math.max(o,a);if(F){var f=F.find((function(e){return e.id===n})),m=Y.findIndex((function(e){return e.sectionId===n})),b=m+f.rows.length-1;u=r<=m?m:u,i=r>=b?b:i}for(var w=[],h=u;h<=i;h+=1)for(var p=Y[h].id,g=d;g<=s;g+=1){var C=c[g].id;w.push({rowId:p,columnId:C,sectionId:n})}v&&v(w)}}),[Y,F,c,v]),N=(0,i.useCallback)((function(e,t){0===e.columnIndex?S&&S({rowId:e.rowId,sectionId:e.sectionId,isMetaPressed:e.isMetaPressed}):e.isShiftPressed&&null!==R.current?G(e.rowId,e.columnId,e.sectionId):h&&(R.current={rowId:e.rowId,columnId:e.columnId,sectionId:e.sectionId},h({rowId:e.rowId,columnId:e.columnId,sectionId:e.sectionId,isMetaPressed:e.isMetaPressed},t))}),[h,S,G]),B=(0,i.useCallback)((function(e,t,n){if(!(t<=0)||x.current){var r=D.current.getGridRef(),o="";if(F)for(var l=e;l>0;l-=1){var a=r.rows[l].getAttribute("data-section-id");if(a){o=a;break}}x.current||(x.current=!0,null!==R.current||r.rows[e].hasAttribute("data-section-id")||(R.current={rowId:r.rows[e].getAttribute("data-row-id"),columnId:c[t].id,sectionId:o}));var u=e,i=t;switch(n){case f.KEY_UP:u-=1;break;case f.KEY_DOWN:u+=1;break;case f.KEY_LEFT:i-=1;break;case f.KEY_RIGHT:i+=1}u<=0?u=1:u>=r.rows.length&&(u=r.rows.length-1),i<=0?i=1:i>=c.length&&(i=c.length-1);var d=c[i].id,s=r.rows[u].getAttribute("data-row-id");if(!r.rows[u].hasAttribute("data-section-id")){for(var m="",b=u;b>0;b-=1){var w=r.rows[b].getAttribute("data-section-id");if(w){m=w;break}}G(s,d,m)}}}),[F,c,G]);return i.default.createElement("div",{className:y("flowsheet-data-grid-container"),onKeyUp:function(e){if(e.keyCode===f.KEY_SHIFT)x.current&&(x.current=!1,R.current=null)}},i.default.createElement(w.default,{id:t,ariaLabel:r,ariaLabelledBy:n,rows:T,sections:F,rowHeight:b,rowHeaderIndex:0,pinnedColumns:W,overflowColumns:A,defaultColumnWidth:d,columnHeaderHeight:s,onCellSelect:N,onSectionSelect:p,onClearSelection:g,onCellRangeSelect:B,hasVisibleColumnHeaders:E,ref:D,rowMinimumHeight:I,isAutoFocusEnabled:_}),i.default.createElement(m.default,{"aria-live":"polite",text:j}))}O.propTypes=S,O.defaultProps={defaultColumnWidth:200,columnHeaderHeight:"2.5rem",rows:[],columns:[],hasVisibleColumnHeaders:!0};t.default=(0,d.injectIntl)(O)},68314:function(e,t,n){var r=n(24994),o=n(73738);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var l=r(n(43693)),a=w(n(96540)),u=r(n(5556)),i=r(n(67967)),c=w(n(25966)),d=n(49400),s=r(n(47872)),f=r(n(48779)),m=r(n(61067));function b(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(b=function(e){return e?n:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=b(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&{}.hasOwnProperty.call(e,a)){var u=l?Object.getOwnPropertyDescriptor(e,a):null;u&&(u.get||u.set)?Object.defineProperty(r,a,u):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function p(e){for(var t=1;tM.current.end?e>M.current.end&&(t=l.slice(M.current.end-1,Math.min(e,M.current.start)-1).map((function(e){return{id:e.id,selected:!1}}))):M.current.start=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={},i="wrapper";function m(e){var t=e.components,n=u(e,o);return(0,r.mdx)(i,d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(l.Ay,{mdxType:"PropsTable"},(0,r.mdx)(l.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(l.dt,{mdxType:"PropNameCell"},"children"),(0,r.mdx)(l.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(l.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(l.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(l.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The components to be rendered within the context of the ThemeContextProvider. Components rendered here are able to interact with ThemeContextProvider through the ThemeContext."))),(0,r.mdx)(l.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(l.dt,{mdxType:"PropNameCell"},"theme"),(0,r.mdx)(l.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"shape: {\n name: {\n type: 'string',\n },\n className: {\n type: 'string',\n },\n density: {\n type: 'string',\n },\n},\n"))),(0,r.mdx)(l.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(l.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,r.mdx)(l.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"An object containing the name, className, and density of the selected theme.")))))}m.isMDXComponent=!0;var s=n(63861),p=["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 h={},b="wrapper";function v(e){var t=e.components,n=_(e,p);return(0,r.mdx)(b,f({},h,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-theme-context"},"Terra Theme Context"),(0,r.mdx)("p",null,"A provider component for the terra theme context. This component is not intended for use outside of terra-application."),(0,r.mdx)("h2",{id:"how-does-this-relate-to-terra-theme-provider"},"How does this relate to terra-theme-provider"),(0,r.mdx)("p",null,"terra-theme-provider and terra-context/ThemeContextProvider work in concert to provide all aspects of terra themeing."),(0,r.mdx)("p",null,"The terra-theme-provider component is responsible for applying the theme class to the document element on the page. This will allow any non locally scoped theme classes to be applied throughout the application."),(0,r.mdx)("p",null,"This component sets the provided theme in react context so that react components can apply locally scoped theme classes to apply the theme variables directly."),(0,r.mdx)("p",null,"These components should be given the same theme name and will be orchestrated by terra-application."),(0,r.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Install with ",(0,r.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,r.mdx)("ul",{parentName:"li"},(0,r.mdx)("li",{parentName:"ul"},(0,r.mdx)("inlineCode",{parentName:"li"},"npm install terra-theme-context"))))),(0,r.mdx)("h2",{id:"usage"},"Usage"),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n")),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(s.A,{mdxType:"ThemeContextProviderExample"}),(0,r.mdx)("h2",{id:"props-table"},"Props Table"),(0,r.mdx)(m,{mdxType:"PropsTable"}))}v.isMDXComponent=!0},63861:function(e,t,n){n.d(t,{A:function(){return s}});var r=n(96540),a=n(61872),l=n(36665),o=["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 c={};function i(e){var t=e.components,n=u(e,o);return(0,l.mdx)("wrapper",d({},c,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport ThemeContextProvider from 'terra-theme-context/lib/ThemeContextProvider';\n\nimport ThemedComponent from './ThemedComponent';\n\nconst ThemeContextProviderExample = () => (\n \n \n \n);\n\nexport default ThemeContextProviderExample;\n\n")))}i.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||"Theme Context Provider Example",description:n,example:r.createElement(a.A,null),exampleSrc:r.createElement(i,null),isExpanded:l})}},62998: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-framework/tree/main/packages/terra-theme-context",name:"terra-theme-context",version:"1.9.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"}},68401:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ThemedComponent-module__clinical-lowlight-theme___l0mQD","orion-fusion-theme":"ThemedComponent-module__orion-fusion-theme___2uD2h","test-theme":"ThemedComponent-module__test-theme___4eG98",themed:"ThemedComponent-module__themed___7DVOV","themed-block":"ThemedComponent-module__themed-block___tJk6B",compact:"ThemedComponent-module__compact___emn7o"}},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)),a=i(n(5556)),l=i(n(46942)),o=i(n(67967)),d=i(n(52103)),u=i(n(78482)),c=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function m(){return m=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={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},_=function(e){var t=e.children,n=e.disableStripes,a=e.paddingStyle,o=s(e,c),u=r.default.useContext(d.default),i=(0,l.default)(p("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},u.className),o.className);return r.default.createElement("table",m({},o,{className:i}),t)};_.propTypes=f,_.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)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(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 u={children:a.default.node},c=function(e){var t=e.children,n=d(e,l);return r.default.createElement("tbody",n,t)};c.propTypes=u,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 d(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 u={children:a.default.node},c=function(e){var t=e.children,n=d(e,l);return r.default.createElement("td",n,t)};c.propTypes=u,c.defaultProps={children:[]};t.default=c},97441: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(10767)),o=["children"];function d(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 c={children:a.default.node},i=function(e){var t=e.children,n=u(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,l.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)),a=o(n(5556)),l=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(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 u={children:a.default.node},c=function(e){var t=e.children,n=d(e,l);return r.default.createElement("th",n,t)};c.propTypes=u,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)),d=c(n(10767)),u=["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||(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=l.default.bind(o.default),p={children:a.default.node},f=function(e){var t=e.children,n=m(e,u),a=s(["row"]);return r.default.createElement("tr",i({},n,{className:n.className?"".concat(a," ").concat(n.className):a}),d.default.addScope(t,"row"))};f.propTypes=p,f.defaultProps={children:[]};t.default=f},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 d.default}}),Object.defineProperty(t,"HeaderCell",{enumerable:!0,get:function(){return u.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)),d=c(n(97441)),u=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||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var o={};function s(e){var l=e.components,a=i(e,m);return(0,n.mdx)("wrapper",p({},o,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst MaxSelectionExample = () => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport default MaxSelectionExample;\n\n')))}s.isMDXComponent=!0;var c=a(201),u=a(71459),x=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(c.A,{title:l||"Max Selection",description:a,example:t.createElement(r.A,null),exampleCssSrc:t.createElement(u.A,null),exampleSrc:t.createElement(s,null),isExpanded:n})},y=a(62982),f=["components"];function g(){return g=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var T={};function v(e){var l=e.components,a=N(e,f);return(0,n.mdx)("wrapper",g({},T,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}v.isMDXComponent=!0;var h=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(c.A,{title:l||"Select Field",description:a,example:t.createElement(y.A,null),exampleCssSrc:t.createElement(u.A,null),exampleSrc:t.createElement(v,null),isExpanded:n})},b=a(89853),C=["components"];function S(){return S=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var R={};function F(e){var l=e.components,a=O(e,C);return(0,n.mdx)("wrapper",S({},R,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}F.isMDXComponent=!0;var j=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(c.A,{title:l||"Required Select Field",description:a,example:t.createElement(b.A,null),exampleCssSrc:t.createElement(u.A,null),exampleSrc:t.createElement(F,null),isExpanded:n})},E=a(18098),w=["components"];function D(){return D=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var I={};function Z(e){var l=e.components,a=q(e,w);return(0,n.mdx)("wrapper",D({},I,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},'import React from \'react\';\nimport { SelectField } from \'terra-form-select\';\nimport classNames from \'classnames/bind\';\nimport styles from \'../FormSelectDocCommon.module.scss\';\n\nconst cx = classNames.bind(styles);\n\nconst SelectFieldExample = () => (\n \n \n \n \n \n \n \n);\n\nexport default SelectFieldExample;\n\n')))}Z.isMDXComponent=!0;var P=function(e){var l=e.title,a=e.description,n=e.isExpanded;return t.createElement(c.A,{title:l||"Incomplete Select Field",description:a,example:t.createElement(E.A,null),exampleCssSrc:t.createElement(u.A,null),exampleSrc:t.createElement(Z,null),isExpanded:n})},k=a(12883),A=["components"];function W(){return W=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var V={},M="wrapper";function H(e){var l=e.components,a=L(e,A);return(0,n.mdx)(M,W({},V,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(k.Ay,{mdxType:"PropsTable"},(0,n.mdx)(k.fI,{key:"ROW1",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"allowClear"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether a clear option is available to clear the selection.\nThis is not applicable to the ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag")," variants since the selection can already be deselected using the tag."))),(0,n.mdx)(k.fI,{key:"ROW2",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"children"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select options."))),(0,n.mdx)(k.fI,{key:"ROW3",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"label"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The field label."))),(0,n.mdx)(k.fI,{key:"ROW4",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"defaultValue"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'array',\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The default value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(k.fI,{key:"ROW5",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"disabled"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the input is disabled."))),(0,n.mdx)(k.fI,{key:"ROW6",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"error"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Error message displayed when the select is invalid."))),(0,n.mdx)(k.fI,{key:"ROW7",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"help"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"node\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Help message to display with the select."))),(0,n.mdx)(k.fI,{key:"ROW8",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"hideRequired"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to hide the required indicator on the label."))),(0,n.mdx)(k.fI,{key:"ROW9",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"isIncomplete"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Incomplete. Use when no value has been provided. ",(0,n.mdx)("em",{parentName:"p"},"(usage note: ",(0,n.mdx)("inlineCode",{parentName:"em"},"required")," must also be set)"),"."))),(0,n.mdx)(k.fI,{key:"ROW10",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"isInline"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is displayed inline. Displays block by default."))),(0,n.mdx)(k.fI,{key:"ROW11",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"isInvalid"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field displays as Invalid. Use when value does not meet validation pattern."))),(0,n.mdx)(k.fI,{key:"ROW12",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"isLabelHidden"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the label is hidden. Allows hiding the label while meeting accessibility guidelines."))),(0,n.mdx)(k.fI,{key:"ROW13",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"isTouchAccessible"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Ensures touch accessibility by rendering the dropdown inline without a portal."),(0,n.mdx)("p",null,"Note: When enabled the dropdown will clip if rendered within a container that has an overflow: hidden ancestor.\nThe dropdown may also appear beneath content if rendered within a container that has an overflow: auto ancestor."),(0,n.mdx)("p",null,"Only applicable to variants that include an input (e.g. ",(0,n.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"search"),", and ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),")."))),(0,n.mdx)(k.fI,{key:"ROW14",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"labelAttrs"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the label."))),(0,n.mdx)(k.fI,{key:"ROW15",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"maxHeight"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The max height of the dropdown."))),(0,n.mdx)(k.fI,{key:"ROW16",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"maxSelectionCount"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"number\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The maximum number of options that can be selected. A value less than 2 will be ignored.\nOnly applicable to variants allowing multiple selections (e.g.; ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),"; ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),")."))),(0,n.mdx)(k.fI,{key:"ROW17",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"maxWidth"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Set the max-width of a field using ",(0,n.mdx)("inlineCode",{parentName:"p"},"length")," or ",(0,n.mdx)("inlineCode",{parentName:"p"},"%"),". Best practice recommendation to never exceed\na rendered value of 1020px. ",(0,n.mdx)("em",{parentName:"p"},"(Note: Providing custom inline styles will take precedence.)")))),(0,n.mdx)(k.fI,{key:"ROW18",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"onChange"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Callback function triggered when the select value changes. function(value)"))),(0,n.mdx)(k.fI,{key:"ROW19",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"placeholder"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Placeholder text."))),(0,n.mdx)(k.fI,{key:"ROW20",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"required"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether the field is required."))),(0,n.mdx)(k.fI,{key:"ROW21",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"selectAttrs"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"{}\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Additional attributes to spread onto the select."))),(0,n.mdx)(k.fI,{key:"ROW22",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"selectId"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"string\n"))),(0,n.mdx)(k.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("p",null,"none")),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The Select identifier. Links the htmlFor of the field to the select identifier."))),(0,n.mdx)(k.fI,{key:"ROW23",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"showOptional"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"bool\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"false\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"Whether to append the 'optional' label to a non-required field label."))),(0,n.mdx)(k.fI,{key:"ROW24",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"value"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"unionOf: [\n type: 'array',\n type: 'number',\n type: 'string',\n],\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The value of the select. Can be a string, number, or array of strings/numbers."))),(0,n.mdx)(k.fI,{key:"ROW25",mdxType:"Row"},(0,n.mdx)(k.dt,{mdxType:"PropNameCell"},"variant"),(0,n.mdx)(k.$d,{mdxType:"TypeCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n Variants.COMBOBOX\n Variants.DEFAULT\n Variants.MULTIPLE\n Variants.SEARCH\n Variants.TAG\n],\n"))),(0,n.mdx)(k.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,n.mdx)(k.NZ,{mdxType:"DefaultValueCell"},(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-javascript"},"'default'\n"))),(0,n.mdx)(k.Hd,{mdxType:"DescriptionCell"},(0,n.mdx)("p",null,"The select variant. One of ",(0,n.mdx)("inlineCode",{parentName:"p"},"default"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"combobox"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"multiple"),", ",(0,n.mdx)("inlineCode",{parentName:"p"},"tag"),", or ",(0,n.mdx)("inlineCode",{parentName:"p"},"search"),".")))))}H.isMDXComponent=!0;var z=["components"];function Y(){return Y=Object.assign?Object.assign.bind():function(e){for(var l=1;l=0||(n[a]=e[a]);return n}(e,l);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(t=0;t=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var G={},X="wrapper";function _(e){var l=e.components,a=$(e,z);return(0,n.mdx)(X,Y({},G,a,{components:l,mdxType:"MDXLayout"}),(0,n.mdx)(d.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"terra-form-select-field"},"Terra Form Select Field"),(0,n.mdx)("p",null,"A convenience wrapper assembling a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select"},"terra-form-select")," within a ",(0,n.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-field"},"terra-form-field"),"."),(0,n.mdx)("h2",{id:"getting-started"},"Getting Started"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},"Install with ",(0,n.mdx)("a",{parentName:"li",href:"https://www.npmjs.com/"},"npmjs"),":",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"npm install terra-form-select"))))),(0,n.mdx)("h2",{id:"usage"},"Usage"),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-jsx"},"import { SelectField } from 'terra-form-select';\n")),(0,n.mdx)("h2",{id:"component-features"},"Component Features"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support"},"Cross-Browser Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support"},"Responsive Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support"},"Mobile Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Internationalization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#internationalization-i18n"},"Localization Support")),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl"},"LTR/RTL Support"))),(0,n.mdx)("h2",{id:"examples"},"Examples"),(0,n.mdx)(h,{title:"Select Field Example",mdxType:"SelectFieldExample"}),(0,n.mdx)(j,{title:"Required Select Field Example",mdxType:"RequiredSelectFieldExample"}),(0,n.mdx)(x,{title:"Maximum Selection (applies to only 'multiple' and 'tag')",description:"A multiple selection variant that allows up to a set number of selections. (Not applicable to 'default', 'combobox', and 'search' variants)",mdxType:"MaxSelectionExample"}),(0,n.mdx)(P,{title:"Incomplete Select Field Example",description:"Applies theme-specific styling for incomplete. ***Note: Only use incomplete if given specific guidance, reserved for specific applications when no value has been provided. Not for general use.***",mdxType:"IncompleteSelectFieldExample"}),(0,n.mdx)("h2",{id:"select-field-props"},"Select Field Props"),(0,n.mdx)(H,{mdxType:"SelectFieldPropsTable"}))}_.isMDXComponent=!0}}]); \ No newline at end of file diff --git a/96395-c4e1c410dbf833cdc768.css b/96395-c4e1c410dbf833cdc768.css new file mode 100644 index 000000000..cb6fac654 --- /dev/null +++ b/96395-c4e1c410dbf833cdc768.css @@ -0,0 +1,6 @@ +.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} +.Text-module__clinical-lowlight-theme___mG7dV{--terra-text-v2-font-stack-after-content: '"Helvetica Neue", Helvetica, Arial, sans-serif'}.Text-module__orion-fusion-theme___s3eY\+{--terra-text-v2-font-stack-after-content: 'Tahoma, Geneva, Verdana, "Trebuchet MS", sans-serif'}.Text-module__text___pR3Hk{display:inline-block;font-weight:inherit}.Text-module__inherit-color___BT1c9{color:inherit}.Text-module__italic___Ai80R{font-style:italic}.Text-module__word-wrap___RWBlC{max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.Text-module__font-size-100___QjMrh{font-size:7.143rem}.Text-module__font-size-92___xffy1{font-size:6.571rem}.Text-module__font-size-72___R9WxS{font-size:5.143rem}.Text-module__font-size-64___A0fSP{font-size:4.571rem}.Text-module__font-size-56___EpTwK{font-size:4rem}.Text-module__font-size-50___Hy8ue{font-size:3.571rem}.Text-module__font-size-46___MU8-J{font-size:3.286rem}.Text-module__font-size-36___8M9ck{font-size:2.571rem}.Text-module__font-size-32___-m5nt{font-size:2.286rem}.Text-module__font-size-24___OOFKN{font-size:1.714rem}.Text-module__font-size-20___rJO6P{font-size:1.429rem}.Text-module__font-size-18___TCBtv{font-size:1.286rem}.Text-module__font-size-16___ovQH2{font-size:1.143rem}.Text-module__font-size-14___fYamg{font-size:1rem}.Text-module__font-size-12___EGKPm{font-size:.8571rem}.Text-module__font-size-10___xZOQY{font-size:.7143rem}.Text-module__font-weight-200___NABUq{font-weight:200}.Text-module__font-weight-300___vm83w{font-weight:300}.Text-module__font-weight-400___Z-2pQ{font-weight:400}.Text-module__font-weight-700___WIUZQ{font-weight:700}.Text-module__visually-hidden___hgjcq{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}[dir] .Text-module__visually-hidden___hgjcq{border:0;margin:-1px;padding:0}.Text-module__font-stack___ydj-0::after{content:'"Helvetica Neue", Helvetica, Arial, sans-serif';content:var(--terra-text-v2-font-stack-after-content, '"Helvetica Neue", Helvetica, Arial, sans-serif');display:inline-block} +.OverlayDocCommon-module__overlay-container___lzb2q{height:100px;width:100%}.OverlayDocCommon-module__overlay-context-wrapper___I6S38{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}[dir] .OverlayDocCommon-module__overlay-context-wrapper___I6S38 .OverlayDocCommon-module__button___dTJNB{margin-top:10px} +.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/96395-c4e1c410dbf833cdc768.js b/96395-c4e1c410dbf833cdc768.js new file mode 100644 index 000000000..a4b7d3079 --- /dev/null +++ b/96395-c4e1c410dbf833cdc768.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[96395,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],{9227: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=s(n(96540)),a=s(n(20658)),o=s(n(27981)),i=s(n(23986)),d=s(n(67967)),u=s(n(20026));function s(e){return e&&e.__esModule?e:{default:e}}function c(e,t){for(var n=0;n=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={};function c(e){var t=e.components,n=u(e,i);return(0,l.mdx)("wrapper",d({},s,n,{components:t,mdxType:"MDXLayout"}),(0,l.mdx)("pre",null,(0,l.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport Overlay from 'terra-overlay';\nimport OverlayContainer from 'terra-overlay/lib/OverlayContainer';\nimport Button from 'terra-button';\nimport Text from 'terra-text';\nimport classNames from 'classnames/bind';\nimport styles from './OverlayDocCommon.module.scss';\n\nconst cx = classNames.bind(styles);\n\nclass OverlayExample extends React.Component {\n constructor() {\n super();\n\n this.state = {\n show: false,\n showCustomContent: false,\n };\n this.handleTriggerOverlay = this.handleTriggerOverlay.bind(this);\n this.handleTriggerFullScreenOverlay = this.handleTriggerFullScreenOverlay.bind(this);\n this.handleOnRequestESC = this.handleOnRequestESC.bind(this);\n }\n\n handleTriggerOverlay(showCustomContent) {\n this.setState({ show: true, relative: true, showCustomContent });\n }\n\n handleTriggerFullScreenOverlay(showCustomContent) {\n this.setState({ show: true, relative: false, showCustomContent });\n }\n\n handleOnRequestESC() {\n this.setState({ show: false });\n }\n\n getCustomContent() {\n return (\n
    \n This overlay has custom content in it.\n
    \n );\n }\n\n addOverlay() {\n return (\n {}} zIndex=\"6000\">\n {this.state.showCustomContent\n ? this.getCustomContent()\n :

    Close by clicking the overlay or pressing the ESC key.

    }\n     \n );\n }\n\n render() {\n return (\n \n