diff --git a/10119-c82ac33f4e72a0b19dd8.css b/10119-c82ac33f4e72a0b19dd8.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/10119-c82ac33f4e72a0b19dd8.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/10119-c82ac33f4e72a0b19dd8.js b/10119-c82ac33f4e72a0b19dd8.js new file mode 100644 index 000000000..d8a3516ea --- /dev/null +++ b/10119-c82ac33f4e72a0b19dd8.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10119,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{55713:function(e,n,a){var r=a(24994);n.A=void 0;var t=r(a(96540)),o=r(a(5556)),s=r(a(67967)),l=r(a(25642)),i=s.default.bind(l.default),p={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var n=e.src,a=e.name,r=e.url,o=e.version,s=t.default.createElement("a",{className:i("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(o)},t.default.createElement("span",{className:i("badge-name")},r?"package":"npm"),t.default.createElement("span",{className:i("badge-version")},"v".concat(o))),l=n?t.default.createElement("a",{className:i("badge"),href:n},t.default.createElement("span",{className:i("badge-name")},"github"),t.default.createElement("span",{className:i("badge-version")},"source")):void 0;return t.default.createElement("div",{className:i("badge-container")},s,l)};c.propTypes=p;n.A=c},10119:function(e,n,a){a.r(n),a.d(n,{default:function(){return c}});a(96540);var r=a(36665),t=a(44403),o=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var n=1;n=0||(t[a]=e[a]);return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(t[a]=e[a])}return t}var i={},p="wrapper";function c(e){var n=e.components,a=l(e,o);return(0,r.mdx)(p,s({},i,a,{components:n,mdxType:"MDXLayout"}),(0,r.mdx)(t.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-slide-panel-manager---upgrade-guide"},"Terra Slide Panel Manager - Upgrade Guide"),(0,r.mdx)("h2",{id:"upgrading-from-v2x-to-v3x"},"Upgrading from v2.x to v3.x"),(0,r.mdx)("p",null,"With the release of terra-disclosure-manager v3.x, the SlidePanelManager now provides its APIs through context instead of prop injection. Please view the terra-disclosure-manager documentation/upgrade guide for more information. "),(0,r.mdx)("p",null,"The below example code details the changes necessary to interact with terra-slide-panel-manager v3.x."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"/**\n * v2.x to v3.x\n */\n import Base from 'terra-base';\n import SlidePanelManager from 'terra-slide-panel-manager'; \n- import AppDelegate from 'terra-app-delegate';\n+ import { withDisclosureManager, disclosureManagerShape } from 'terra-disclosure-manager';\n\n- const MyDisclosureComponent = ({ app }) => (\n+ const MyDisclosureComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.closeDisclosure();\n+ disclosureManager.closeDisclosure();\n }}\n />\n- );\n+ ));\n\n MyDisclosureComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n- const MyComponent = ({ app }) => (\n+ const MyComponent = withDisclosureManager(({ disclosureManager }) => (\n { \n- app.disclose({\n+ disclosureManager.disclose({\n preferredType: 'panel',\n content: {\n key: 'MY-PANEL-DISCLOSURE',\n component: ,\n }\n });\n }}\n />\n- );\n+ ));\n \n MyComponent.propType = {\n- app: AppDelegate.propType,\n+ disclosureManager: disclosureManagerShape,\n };\n\n const MyApp = () => (\n \n \n \n \n \n );\n")))}c.isMDXComponent=!0},44403:function(e,n,a){a.d(n,{E:function(){return o}});var r=a(96540),t=a(55713),o=function(e){var n=e.url;return r.createElement(t.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-slide-panel-manager",name:"terra-slide-panel-manager",version:"5.91.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/10714-2da732c51e98a305da17.js b/10714-2da732c51e98a305da17.js new file mode 100644 index 000000000..f23a31792 --- /dev/null +++ b/10714-2da732c51e98a305da17.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[10714],{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)),c=n(92912),i=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:u.default.element,exampleSrc:u.default.element,exampleCssSrc:u.default.element,title:u.default.string,description:u.default.node,isExpanded:u.default.bool},v=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},h=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),b=m[0],h=m[1],O=(0,o.useState)(!1),g=(0,a.default)(O,2),E=g[0],j=g[1],x=o.default.useContext(c.ThemeContext),P=void 0!==r,w=function(){j(!E),b&&h(!b)},T=function(){h(!b),E&&j(!E)},S=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:_("template",x.className)},o.default.createElement("div",{className:_("header")},l&&o.default.createElement("h2",{className:_("title")},l)),o.default.createElement("div",{className:_("content")},u&&o.default.createElement("div",{className:_("description")},u),t),o.default.createElement("div",{className:_("footer")},n?o.default.createElement("div",{className:_("button-container")},P&&o.default.createElement("button",{type:"button",className:_("css-toggle","item",{"is-selected":E}),onClick:w,onKeyDown:function(e){return S(e,w)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(f.default,{className:_("chevron")})),o.default.createElement("button",{type:"button",className:_("code-toggle","item",{"is-selected":b}),onClick:T,onKeyDown:function(e){return S(e,T)},onBlur:v,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(i.default,{className:_("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(f.default,{className:_("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:_("css")},r),b&&o.default.createElement("div",{className:_("code")},n))))};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 c.Row}}),t.Ay=t.$d=void 0;var a=s(n(96540)),o=r(n(5556)),u=r(n(67967)),d=n(92912),c=s(n(26984)),i=r(n(89744));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(f=function(e){return e?n:t})(e)}function s(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=l(e)&&"function"!=typeof e)return{default:e};var n=f(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&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(i.default),m={children:o.default.node},_={isRequired:o.default.bool};(t.dt=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:p("bold")},t)}).propTypes=m,(t.$d=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.YZ=function(e){var t=e.isRequired;return a.default.createElement(c.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=_,(t.NZ=function(e){var t=e.children;return a.default.createElement(c.Cell,{className:p("code-block-override")},t)}).propTypes=m,(t.Hd=function(e){var t=e.children;return a.default.createElement(c.Cell,null,t)}).propTypes=m;var b=function(e){var t=e.children,n=(0,a.useContext)(d.ThemeContext);return a.default.createElement(c.default,{paddingStyle:"compact",className:p("table",n.className)},a.default.createElement(c.Header,{className:p("header")},a.default.createElement(c.HeaderCell,null,"Prop"),a.default.createElement(c.HeaderCell,null,"Type"),a.default.createElement(c.HeaderCell,null,"Required"),a.default.createElement(c.HeaderCell,null,"Default"),a.default.createElement(c.HeaderCell,null,"Description")),a.default.createElement(c.Body,null,t))};b.propTypes=m;t.Ay=b},71459:function(e,t,n){n.d(t,{A:function(){return c}});n(96540);var r=n(36665),l=["components"];function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var u={},d="wrapper";function c(e){var t=e.components,n=o(e,l);return(0,r.mdx)(d,a({},u,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},"// import themes\n@import './clinical-lowlight-theme/FormSelectDocCommon.module';\n@import './orion-fusion-theme/FormSelectDocCommon.module';\n\n:local {\n .form-select {\n max-width: 300px;\n }\n\n .controlled-button {\n margin: 5px;\n }\n \n .error-text {\n color: var(--terra-core-docs-form-select-error-text-color, #e50000);\n font-size: 0.857rem;\n font-weight: normal;\n line-height: 1.25;\n margin-top: 0.357em;\n outline: 0;\n text-align: left;\n }\n\n .field-label {\n font-weight: 700;\n }\n}\n\n")))}c.isMDXComponent=!0},52968:function(e,t,n){n.d(t,{E:function(){return a}});var r=n(96540),l=n(55713),a=function(e){var t=e.url;return r.createElement(l.A,{src:"https://github.com/cerner/terra-core/tree/main/packages/terra-form-select",name:"terra-form-select",version:"6.56.0",url:t})}},1537:function(e,t,n){n.r(t),t.default={"form-select":"FormSelectDocCommon-module__form-select___Tm1QE","controlled-button":"FormSelectDocCommon-module__controlled-button___wG6cn","error-text":"FormSelectDocCommon-module__error-text___lKsl1","field-label":"FormSelectDocCommon-module__field-label___h3hRZ"}},89986:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"ExampleTemplate-module__clinical-lowlight-theme___rBbtD","orion-fusion-theme":"ExampleTemplate-module__orion-fusion-theme___GzA23",template:"ExampleTemplate-module__template___a4uPk",header:"ExampleTemplate-module__header___iFXV3",content:"ExampleTemplate-module__content___48m4Q",description:"ExampleTemplate-module__description___NwBJo",footer:"ExampleTemplate-module__footer___GpSoG","button-container":"ExampleTemplate-module__button-container___rAD11",css:"ExampleTemplate-module__css___+jtk1",code:"ExampleTemplate-module__code___7rC6C","css-toggle":"ExampleTemplate-module__css-toggle___chHK7","code-toggle":"ExampleTemplate-module__code-toggle___TGlE-","is-selected":"ExampleTemplate-module__is-selected___0BYwS",item:"ExampleTemplate-module__item___8FTQq",chevron:"ExampleTemplate-module__chevron___VbY7N",title:"ExampleTemplate-module__title___r+nbJ","dynamic-content":"ExampleTemplate-module__dynamic-content___k+1H7"}},89744:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"PropsTable-module__clinical-lowlight-theme___3pa8J","orion-fusion-theme":"PropsTable-module__orion-fusion-theme___FtP5r",bold:"PropsTable-module__bold___-z9Sz",table:"PropsTable-module__table___rzW-v",required:"PropsTable-module__required___ev190","code-block-override":"PropsTable-module__code-block-override___fF0JK"}},78482:function(e,t,n){n.r(t),t.default={"clinical-lowlight-theme":"Table-module__clinical-lowlight-theme___PqYJ8","orion-fusion-theme":"Table-module__orion-fusion-theme___d9rxf",table:"Table-module__table___eg2Mi","padding-standard":"Table-module__padding-standard___BfbC-","padding-compact":"Table-module__padding-compact___Yus6Z",striped:"Table-module__striped___n8xJe"}},85444:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=i(n(96540)),l=i(n(5556)),a=i(n(46942)),o=i(n(67967)),u=i(n(52103)),d=i(n(78482)),c=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var 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,c),d=r.default.useContext(u.default),i=(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:i}),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 u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("tbody",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},86472:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("td",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},97441:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=u(n(96540)),l=u(n(5556)),a=u(n(10767)),o=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var c={children:l.default.node},i=function(e){var t=e.children,n=d(e,o);return r.default.createElement("thead",n,r.default.createElement("tr",null,a.default.addScope(t,"col")))};i.propTypes=c,i.defaultProps={children:[]};t.default=i},22417:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=o(n(96540)),l=o(n(5556)),a=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var d={children:l.default.node},c=function(e){var t=e.children,n=u(e,a);return r.default.createElement("th",n,t)};c.propTypes=d,c.defaultProps={children:[]};t.default=c},36142:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=c(n(96540)),l=c(n(5556)),a=c(n(67967)),o=c(n(78482)),u=c(n(10767)),d=["children"];function c(e){return e&&e.__esModule?e:{default:e}}function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}var s=a.default.bind(o.default),p={children:l.default.node},m=function(e){var t=e.children,n=f(e,d),l=s(["row"]);return r.default.createElement("tr",i({},n,{className:n.className?"".concat(l," ").concat(n.className):l}),u.default.addScope(t,"row"))};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=c(n(85444)),l=c(n(61452)),a=c(n(36142)),o=c(n(86472)),u=c(n(97441)),d=c(n(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=r.default},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=a(n(96540)),l=a(n(25365));function a(e){return e&&e.__esModule?e:{default:e}}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t=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.78.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;ne.length)&&(t=e.length);for(var n=0,r=new Array(t);n=5?"Search text: ".concat(t):"The default minimum search length is 5.";return a.default.createElement("div",null,a.default.createElement("p",null,r),a.default.createElement(l.default,{minimumSearchTextLength:5,inputAttributes:{"aria-label":r},onSearch:n,onInvalidSearch:n,isLabelVisible:!0,groupName:"Find a clinic"}),t.length>0&&t.length<5&&a.default.createElement("div",{id:"search-callback-text",className:d("error-text")},"INVALID Search Text:"," ",t))}},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=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 c=l?Object.getOwnPropertyDescriptor(e,o):null;c&&(c.get||c.set)?Object.defineProperty(r,o,c):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(n(96540)),c=r(n(5556)),i=r(n(67967)),u=n(92912),s=r(n(49558)),m=r(n(53665)),d=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 h=i.default.bind(f.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},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},y=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,c=e.description,i=e.isExpanded,f=(0,o.useState)(i),p=(0,l.default)(f,2),_=p[0],v=p[1],x=(0,o.useState)(!1),g=(0,l.default)(x,2),E=g[0],S=g[1],O=o.default.useContext(u.ThemeContext),w=void 0!==r,T=function(){S(!E),_&&v(!_)},j=function(){v(!_),E&&S(!E)},N=function(e,t){e.nativeEvent.keyCode!==d.KEY_SPACE&&e.nativeEvent.keyCode!==d.KEY_RETURN||(e.preventDefault(),t())};return o.default.createElement("div",{className:h("template",O.className)},o.default.createElement("div",{className:h("header")},a&&o.default.createElement("h2",{className:h("title")},a)),o.default.createElement("div",{className:h("content")},c&&o.default.createElement("div",{className:h("description")},c),t),o.default.createElement("div",{className:h("footer")},n?o.default.createElement("div",{className:h("button-container")},w&&o.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":E}),onClick:T,onKeyDown:function(e){return N(e,T)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:h("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(m.default,{className:h("chevron")})),o.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":_}),onClick:j,onKeyDown:function(e){return N(e,j)},onBlur:b,onMouseDown:y,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(s.default,{className:h("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(m.default,{className:h("chevron")}))):null,o.default.createElement("div",null,E&&o.default.createElement("div",{className:h("css")},r),_&&o.default.createElement("div",{className:h("code")},n))))};v.propTypes=_,v.defaultProps={isExpanded:!1};t.A=v},12128:function(e,t,n){n.r(t),n.d(t,{default:function(){return v}});var r=n(96540),a=n(36665),l=n(23569),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 u={};function s(e){var t=e.components,n=i(e,o);return(0,a.mdx)("wrapper",c({},u,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 SearchField from 'terra-search-field';\nimport classNames from 'classnames/bind';\nimport styles from './SearchFieldInvalid.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst INVALID_MESSAGE = 'The default minimum search length is 5.';\n\nconst SearchFieldMinimumLength = () => {\n const [searchText, setSearchText] = useState('');\n\n const message = searchText.length >= 5 ? `Search text: ${searchText}` : INVALID_MESSAGE;\n\n return (\n
\n

{message}

\n \n {(searchText.length > 0 && searchText.length < 5) && (\n
\n INVALID Search Text:\n {' '}\n {searchText}\n
\n )}\n
\n );\n};\n\nexport default SearchFieldMinimumLength;\n\n")))}s.isMDXComponent=!0;var m=n(201),d=n(79576),f=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(m.A,{title:t||"Search Field Minimum Length",description:n,example:r.createElement(l.A,null),exampleCssSrc:r.createElement(d.A,null),exampleSrc:r.createElement(s,null),isExpanded:a})},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 b={},y="wrapper";function v(e){var t=e.components,n=_(e,p);return(0,a.mdx)(y,h({},b,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("h1",{id:"search-field-minimum-length"},"Search Field Minimum Length"),(0,a.mdx)("h3",{id:"description"},"Description"),(0,a.mdx)("p",null,"This example demonstrates ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-core-docs/search-field/about"},"Search Field")," with a minimum search text length set using the 'minimumSearchTextLength' prop."),(0,a.mdx)(f,{title:"Search Field Minimum Length",mdxType:"SearchFieldMinimumLength"}))}v.isMDXComponent=!0},79576:function(e,t,n){n.d(t,{A:function(){return u}});n(96540);var r=n(36665),a=["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 c={},i="wrapper";function u(e){var t=e.components,n=o(e,a);return(0,r.mdx)(i,l({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .error-text {\n color: var(--terra-core-docs-error-text-color, #e50000);\n font-size: var(--terra-core-docs-error-text-font-size, 0.857rem);\n font-weight: var(--terra-core-docs-error-text-font-weight, normal);\n line-height: 1.25;\n margin-top: var(--terra-core-docs-error-text-margin-top, 0.357em);\n outline: 0;\n text-align: left;\n }\n\n .error-border {\n outline: var(--terra-core-docs-error-border-outline, 2px solid #e50000);\n } \n}\n\n")))}u.isMDXComponent=!0},33258:function(e,t,n){n.r(t),t.default={"error-text":"SearchFieldInvalid-module__error-text___JiV4w","error-border":"SearchFieldInvalid-module__error-border___Fh6YM"}},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"}},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 a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var m={};function p(e){var t=e.components,n=u(e,o);return(0,r.mdx)("wrapper",d({},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 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,r=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:r})},f=n(73413),x=["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 b={};function y(e){var t=e.components,n=h(e,x);return(0,r.mdx)("wrapper",g({},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 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 v=function(e){var t=e.title,n=e.description,r=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:r})},E=n(32028),_=["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 a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var T={};function N(e){var t=e.components,n=A(e,_);return(0,r.mdx)("wrapper",O({},T,n,{components:t,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 { 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,r=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align Fit End",description:n,example:l.createElement(E.A,null),exampleSrc:l.createElement(N,null),isExpanded:r})},D=n(6341),S=["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 a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var F={};function B(e){var t=e.components,n=w(e,S);return(0,r.mdx)("wrapper",j({},F,n,{components:t,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 { 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")))}B.isMDXComponent=!0;var R=function(e){var t=e.title,n=e.description,r=e.isExpanded;return l.createElement(c.A,{title:t||"Arrange Align Fit Start",description:n,example:l.createElement(D.A,null),exampleSrc:l.createElement(B,null),isExpanded:r})},P=n(12883),k=["components"];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 M={},H="wrapper";function W(e){var t=e.components,n=q(e,k);return(0,r.mdx)(H,I({},M,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(P.Ay,{mdxType:"PropsTable"},(0,r.mdx)(P.fI,{key:"ROW1",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fitStart"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The content to display in the body of the fitStart."))),(0,r.mdx)(P.fI,{key:"ROW2",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fill"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(P.YZ,{isRequired:!0,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The content to display in the body of the fill."))),(0,r.mdx)(P.fI,{key:"ROW3",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fitEnd"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"element\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The content to display in the body of the fitEnd."))),(0,r.mdx)(P.fI,{key:"ROW4",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"align"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.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,r.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,r.mdx)(P.fI,{key:"ROW5",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFitStart"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The vertical orientation of fitStart. One of: ",(0,r.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,r.mdx)(P.fI,{key:"ROW6",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFitEnd"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The vertical orientation of fitEnd. One of: ",(0,r.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,r.mdx)(P.fI,{key:"ROW7",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"alignFill"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"enum: [\n 'center'\n 'bottom'\n 'stretch'\n],\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The vertical orientation of fill. One of: ",(0,r.mdx)("inlineCode",{parentName:"p"},"center"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"bottom"),", ",(0,r.mdx)("inlineCode",{parentName:"p"},"stretch"),"."))),(0,r.mdx)(P.fI,{key:"ROW8",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fitStartAttributes"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The attributes to be set on the fitStart wrapper element"))),(0,r.mdx)(P.fI,{key:"ROW9",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fillAttributes"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The attributes to be set on the fill wrapper element"))),(0,r.mdx)(P.fI,{key:"ROW10",mdxType:"Row"},(0,r.mdx)(P.dt,{mdxType:"PropNameCell"},"fitEndAttributes"),(0,r.mdx)(P.$d,{mdxType:"TypeCell"},(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-javascript"},"object\n"))),(0,r.mdx)(P.YZ,{isRequired:!1,mdxType:"RequiredCell"}),(0,r.mdx)(P.NZ,{mdxType:"DefaultValueCell"},(0,r.mdx)("p",null,"none")),(0,r.mdx)(P.Hd,{mdxType:"DescriptionCell"},(0,r.mdx)("p",null,"The attributes to be set on the fitEnd wrapper element")))))}W.isMDXComponent=!0;var V=["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 a=Object.getOwnPropertySymbols(e);for(l=0;l=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var Y={},X="wrapper";function U(e){var t=e.components,n=L(e,V);return(0,r.mdx)(X,Z({},Y,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(a.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-arrange"},"Terra Arrange"),(0,r.mdx)("p",null,"The arrange component provides content containers with a fit (start and/or end region) and fill (middle region)."),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Terra arrange supports altering multiple CSS attributes without loss of function or information."),(0,r.mdx)("li",{parentName:"ul"},"Terra arrange supports resizing to 400%."),(0,r.mdx)("li",{parentName:"ul"},"Terra arrange 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-arrange"))))),(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 Arrange from 'terra-arrange';\n")),(0,r.mdx)("h2",{id:"accessibility"},"Accessibility"),(0,r.mdx)("p",null,"For further guidance, please view the full ",(0,r.mdx)("a",{parentName:"p",href:"./accessibility-guide"},"Accessibility Guide"),"."),(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)(R,{title:"Align Individual Containers - FitStart",mdxType:"ArrangeAlignFitStart"}),(0,r.mdx)(v,{title:"Align Individual Containers - Fill",mdxType:"ArrangeAlignFill"}),(0,r.mdx)(C,{title:"Align Individual Containers - FitEnd",mdxType:"ArrangeAlignFitEnd"}),(0,r.mdx)(s,{title:"Align All Containers",mdxType:"ArrangeAlignAllContainers"}),(0,r.mdx)("h2",{id:"arrange-props"},"Arrange Props"),(0,r.mdx)(W,{mdxType:"ArrangePropsTable"}))}U.isMDXComponent=!0},45647: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-arrange",name:"terra-arrange",version:"3.56.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"}},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"}},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"}},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 r=u(n(96540)),a=u(n(5556)),i=u(n(67967)),o=u(n(92420)),d=["fitStart","fill","fitEnd","align","alignFitStart","alignFill","alignFitEnd","fitStartAttributes","fillAttributes","fitEndAttributes"];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||(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}t.AlignmentTypes={CENTER:"center",BOTTOM:"bottom",STRETCH:"stretch"};var x=i.default.bind(o.default),g={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},h=function(e){var t=e.fitStart,n=e.fill,l=e.fitEnd,a=e.align,i=e.alignFitStart,o=e.alignFill,u=e.alignFitEnd,p=e.fitStartAttributes,s=e.fillAttributes,g=e.fitEndAttributes,h=f(e,d),b=c({},p),y=c({},s),v=c({},g);return r.default.createElement("span",m({},h,{className:x("arrange",h.className)}),r.default.createElement("span",m({},b,{className:x("fit",a||i,b.className,"fit-block")}),t),r.default.createElement("span",m({},y,{className:x("fill",a||o,y.className,"fill-block")}),n),r.default.createElement("span",m({},v,{className:x("fit",a||u,v.className)}),l))};h.propTypes=g;t.default=h},22315: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=void 0;var r=g(n(96540)),a=g(n(5556)),i=n(8604),o=g(n(46942)),d=g(n(67967)),u=g(n(52103)),m=g(n(72704)),p=g(n(16524)),c=n(25966),s=n(582),f=g(n(99421)),x=["children","error","help","hideRequired","intl","isInvalid","isInline","isLegendHidden","legend","legendAttrs","required","showOptional"];function g(e){return e&&e.__esModule?e:{default:e}}function h(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 b(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 _=d.default.bind(f.default),O={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},A=function(e){var t=e.children,n=e.error,l=e.help,a=e.hideRequired,i=e.intl,d=e.isInvalid,f=e.isInline,g=e.isLegendHidden,h=e.legend,y=e.legendAttrs,O=e.required,A=e.showOptional,T=E(e,x),N=r.default.useContext(u.default),C=(0,o.default)(_("radio-field",{"is-inline":f},N.className),T.className),D=_(["legend",y.className]),S=T.id||"terra-radio-group-".concat((0,m.default)()),j="terra-radio-field-description-".concat((0,m.default)()),w=l?"terra-radio-field-description-help-".concat((0,m.default)()):"",F=n?"terra-radio-field-description-error-".concat((0,m.default)()):"",B="".concat(F," ").concat(w),R=-1!==navigator.userAgent.indexOf("Safari")&&-1===navigator.userAgent.indexOf("Chrome"),P=-1!==navigator.userAgent.indexOf("Edg"),k=R||P?"div":"legend",I=r.default.createElement(k,{id:j,className:_(["legend-group",{"legend-group-hidden":g}])},r.default.createElement("div",v({},y,{className:D}),d&&r.default.createElement("span",{className:_("error-icon")}),O&&(d||!a)&&r.default.createElement(r.default.Fragment,null,r.default.createElement("div",{"aria-hidden":"true",className:_("required")},"*"),r.default.createElement(p.default,{text:i.formatMessage({id:"Terra.form.field.required"})})),h,O&&!d&&a&&r.default.createElement("span",{className:_("required-hidden")},"*"),A&&!O&&r.default.createElement("span",{className:_("optional")},i.formatMessage({id:"Terra.form.field.optional"})),!d&&r.default.createElement("span",{className:_("error-icon-hidden")}))),q=r.default.Children.map(t,(function(e){if(e&&e.type.isRadio){var t=R?{onKeyDown:function(t){return function(e,t){var n=document.getElementById(S);if(n){var l=n.querySelectorAll("[type=radio]"),r=Array.from(l).indexOf(e.currentTarget),a=new MouseEvent("click",{bubbles:!0,cancelable:!1}),i=(0,s.findFirstFocusableItem)(l),o=(0,s.findLastFocusableItem)(l);e.nativeEvent.key===c.VALUE_DOWN||e.nativeEvent.key===c.VALUE_RIGHT?r===o&&l[i].dispatchEvent(a):e.nativeEvent.key!==c.VALUE_UP&&e.nativeEvent.key!==c.VALUE_LEFT||r===i&&l[o].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 r.default.cloneElement(e,{inputAttrs:b(b({},e.props.inputAttrs),{},{"aria-describedby":B},t)})}return e}));return r.default.createElement("fieldset",v({id:S},T,{required:O,className:C}),r.default.createElement("div",{"aria-labelledby":j,role:"radiogroup"},I,q,d&&n&&r.default.createElement("div",{id:F,className:_("error-text")},n),l&&r.default.createElement("div",{id:w,className:_("help-text")},l)))};A.propTypes=O,A.defaultProps={children:null,error:null,help:null,hideRequired:!1,isInline:!1,isInvalid:!1,isLegendHidden:!1,legendAttrs:{},required:!1,showOptional:!1};t.default=(0,i.injectIntl)(A)}}]); \ No newline at end of file diff --git a/13338-6ab58badfff4efe6a62c.css b/13338-6ab58badfff4efe6a62c.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/13338-6ab58badfff4efe6a62c.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/13338-6ab58badfff4efe6a62c.js b/13338-6ab58badfff4efe6a62c.js new file mode 100644 index 000000000..029061427 --- /dev/null +++ b/13338-6ab58badfff4efe6a62c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13338,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{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)),u=d(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,d=e.url,n=e.version,r=m.default.createElement("a",{className:i("badge"),href:d||"https://www.npmjs.org/package/".concat(l,"/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))),u=a?m.default.createElement("a",{className:i("badge"),href:a},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,u)};p.propTypes=t;a.A=p},13338:function(e,a,l){l.r(a),l.d(a,{default:function(){return c}});l(96540);var d=l(36665),m=l(97371),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 i={},t="wrapper";function p(e){var a=e.components,l=u(e,n);return(0,d.mdx)(t,r({},i,l,{components:a,mdxType:"MDXLayout"}),(0,d.mdx)("h1",{id:"changelog"},"Changelog"),(0,d.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,d.mdx)("h2",{id:"4370---february-27-2024"},"4.37.0 - (February 27, 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:"4360---february-15-2024"},"4.36.0 - (February 15, 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 ",(0,d.mdx)("inlineCode",{parentName:"li"},"valueText")," prop to provide custom status update of progress."),(0,d.mdx)("li",{parentName:"ul"},"Added ",(0,d.mdx)("inlineCode",{parentName:"li"},"ariaLabel")," prop that labels the progress bar for screen readers.")))),(0,d.mdx)("h2",{id:"4350---november-13-2023"},"4.35.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4341---october-6-2023"},"4.34.1 - (October 6, 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"},"Removed visually hidden component to fix repeated announcement of progress.")))),(0,d.mdx)("h2",{id:"4340---april-5-2023"},"4.34.0 - (April 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"},"Added visually hidden component under progress bar to provide\ncontext and status update of progress."),(0,d.mdx)("li",{parentName:"ul"},"Added label for visual context.")))),(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:"4321---january-4-2022"},"4.32.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"},"Migrate docs to terra core docs.")))),(0,d.mdx)("h2",{id:"4320---september-21-2021"},"4.32.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:"4310---april-6-2021"},"4.31.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 tests to terra-functional-testing and WebDriverIO v6"),(0,d.mdx)("li",{parentName:"ul"},"Updated Jest command")))),(0,d.mdx)("h2",{id:"4300---january-5-2021"},"4.30.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:"4290---december-8-2020"},"4.29.0 - (December 8, 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 broken links in documentation."))),(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 tests to remove deprecated Terra.it helpers")))),(0,d.mdx)("h2",{id:"4280---august-11-2020"},"4.28.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"},"Add missing theme variables")))),(0,d.mdx)("h2",{id:"4270---august-4-2020"},"4.27.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:"4260---july-29-2020"},"4.26.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:"4250---june-11-2020"},"4.25.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"},"Update jest test variable name")))),(0,d.mdx)("h2",{id:"4240---june-9-2020"},"4.24.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"},"Update wdio test configuration to use root wdio config")))),(0,d.mdx)("h2",{id:"4230---june-2-2020"},"4.23.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"},"Apply themes by context and directly include packaged themes.")))),(0,d.mdx)("h2",{id:"4220---april-28-2020"},"4.22.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:"4210---april-22-2020"},"4.21.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"4200---april-14-2020"},"4.20.0 - (April 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"},"Updated documentation link in README"),(0,d.mdx)("li",{parentName:"ul"},"Update docs to use mdx syntax.")))),(0,d.mdx)("h2",{id:"4190---february-18-2020"},"4.19.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:"4180---january-7-2020"},"4.18.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:"4170---december-3-2019"},"4.17.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:"4160---october-30-2019"},"4.16.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:"4150---october-3-2019"},"4.15.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:"4140---september-19-2019"},"4.14.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:"4130---september-6-2019"},"4.13.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:"4120---august-21-2019"},"4.12.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:"4110---august-14-2019"},"4.11.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:"4100---july-30-2019"},"4.10.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:"490---july-24-2019"},"4.9.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:"480---july-16-2019"},"4.8.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:"470----july-11-2019"},"4.7.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:"460---june-28-2019"},"4.6.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:"450---june-11-2019"},"4.5.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:"440---may-1-2019"},"4.4.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:"430---april-16-2019"},"4.3.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:"420---march-26-2019"},"4.2.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:"410---march-21-2019"},"4.1.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"400---february-26-2019"},"4.0.0 - (February 26, 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"},"Added new colorClass prop and examples of how to use it."),(0,d.mdx)("li",{parentName:"ul"},"Removed color and hasGradient props")))),(0,d.mdx)("h2",{id:"340---february-12-2019"},"3.4.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:"330---february-5-2019"},"3.3.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:"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:"2310---january-2-2019"},"2.31.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)("h2",{id:"2300---november-19-2018"},"2.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:"2290---november-13-2018"},"2.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"2280---november-9-2018"},"2.28.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:"2270---october-24-2018"},"2.27.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:"2260---october-16-2018"},"2.26.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:"2250---october-8-2018"},"2.25.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:"2240---october-2-2018"},"2.24.0 - (October 2, 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"},"Export for progress bar height size added.")))),(0,d.mdx)("h2",{id:"2230---september-25-2018"},"2.23.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"},"Add valueText prop for attribute aria-valuetext")))),(0,d.mdx)("h2",{id:"2221---september-6-2018"},"2.22.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:"2220---september-5-2018"},"2.22.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:"2210---september-4-2018"},"2.21.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:"2200---august-29-2018"},"2.20.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:"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)("li",{parentName:"ul"},"Required props no longer set a default prop")))),(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"},(0,d.mdx)("p",{parentName:"li"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Moved terra-base from dependency to peerDependency"))),(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 height display issue")))),(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"},'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-23-2018"},"2.11.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:"2100---may-16-2018"},"2.10.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"},"Converted nightwatch to webdriverIO tests")))),(0,d.mdx)("h2",{id:"290---may-9-2018"},"2.9.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:"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"},"Updated rgba to show more gradient effect")))),(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"},"Added new prop hasGradient")))),(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:"1160---february-1-2018"},"1.16.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:"1150---january-18-2018"},"1.15.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:"1140---january-5-2018"},"1.14.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:"1130---november-28-2017"},"1.13.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:"1120---november-16-2017"},"1.12.0 - (November 16, 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:"1110---october-6-2017"},"1.11.0 - (October 6, 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-26-2017"},"1.10.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:"190---september-19-2017"},"1.9.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:"180---september-12-2017"},"1.8.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"170---september-7-2017"},"1.7.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:"160---september-5-2017"},"1.6.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:"150---august-31-2017"},"1.5.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:"140---august-15-2017"},"1.4.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"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,d.mdx)("h2",{id:"130---august-8-2017"},"1.3.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"},"Minor dependency version bump")))),(0,d.mdx)("h2",{id:"120---august-1-2017"},"1.2.0 - (August 1, 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"},"Removed terra-mixins")))),(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"},"Changed"),(0,d.mdx)("ul",{parentName:"li"},(0,d.mdx)("li",{parentName:"ul"},"Converted component to use CSS modules"),(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 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},97371: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-progress-bar",name:"terra-progress-bar",version:"4.37.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/13377-776122e4ffc680ff36ac.js b/13377-776122e4ffc680ff36ac.js new file mode 100644 index 000000000..2ce9e0e28 --- /dev/null +++ b/13377-776122e4ffc680ff36ac.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[13377],{47057:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Back Action Header",onBack:function(){return alert("You clicked back!")},backButtonA11yLabel:"Show Back Alert"}),r.default.createElement("br",null))}},74347:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Back Close Action Header",onClose:function(){return alert("You clicked close!")},onBack:function(){return alert("You clicked back!")},backButtonA11yLabel:"Show Back Alert"}),r.default.createElement("br",null))}},48879:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Back Close Previous Next Action Header",onClose:function(){return alert("You clicked close!")},onBack:function(){return alert("You clicked back!")},backButtonA11yLabel:"Show Back Alert",onPrevious:function(){return alert("You clicked previous!")},prevButtonA11yLabel:" Show Previous Alert",onNext:function(){return alert("You clicked next!")},nextButtonA11yLabel:"Show Next Alert"}),r.default.createElement("br",null))}},48918:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Close Action Header",onClose:function(){return alert("You clicked close!")}}),r.default.createElement("br",null))}},46283:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Default Action Header"}),r.default.createElement("br",null))}},58469:function(e,t,n){t.A=void 0;var r=d(n(96540)),a=d(n(67967)),l=d(n(82941)),o=n(74647),i=d(n(78475));function d(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(i.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(l.default,{text:"This is a header with long wrapping 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 websites pages.",onMinimize:function(){return alert("You clicked minimize!")},onClose:function(){return alert("You clicked close!")}},r.default.createElement(o.Placeholder,{className:u("placeholder-wrapper"),title:"Collapsible Menu View"})),r.default.createElement("br",null))}},73816:function(e,t,n){t.A=void 0;var r=l(n(96540)),a=l(n(82941));function l(e){return e&&e.__esModule?e:{default:e}}t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(a.default,{text:"Maximize Close Action Header",onClose:function(){return alert("You clicked close!")},onMaximize:function(){return alert("You clicked maximize!")}}),r.default.createElement("br",null))}},80610:function(e,t,n){t.A=void 0;var r=d(n(96540)),a=d(n(67967)),l=d(n(82941)),o=n(74647),i=d(n(78475));function d(e){return e&&e.__esModule?e:{default:e}}var u=a.default.bind(i.default);t.A=function(){return r.default.createElement("div",null,r.default.createElement("br",null),r.default.createElement(l.default,{text:"Minimize Custom Button Action Header",onMinimize:function(){return alert("You clicked minimize!")},onClose:function(){return alert("You clicked close!")}},r.default.createElement(o.Placeholder,{className:u("placeholder-wrapper"),title:"Collapsible Menu View"})),r.default.createElement("br",null))}},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)),m=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),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")},v=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,s=(0,o.useState)(d),f=(0,l.default)(s,2),b=f[0],h=f[1],g=(0,o.useState)(!1),_=(0,l.default)(g,2),O=_[0],N=_[1],E=o.default.useContext(u.ThemeContext),T=void 0!==r,j=function(){N(!O),b&&h(!b)},w=function(){h(!b),O&&N(!O)},C=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")},a&&o.default.createElement("h2",{className:x("title")},a)),o.default.createElement("div",{className:x("content")},i&&o.default.createElement("div",{className:x("description")},i),t),o.default.createElement("div",{className:x("footer")},n?o.default.createElement("div",{className:x("button-container")},T&&o.default.createElement("button",{type:"button",className:x("css-toggle","item",{"is-selected":O}),onClick:j,onKeyDown:function(e){return C(e,j)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"CSS"),o.default.createElement(m.default,{className:x("chevron")})),o.default.createElement("button",{type:"button",className:x("code-toggle","item",{"is-selected":b}),onClick:w,onKeyDown:function(e){return C(e,w)},onBlur:y,onMouseDown:v,tabIndex:0,"data-focus-styles-enabled":!0},o.default.createElement(c.default,{className:x("chevron")}),o.default.createElement("span",null,"Code"),o.default.createElement(m.default,{className:x("chevron")}))):null,o.default.createElement("div",null,O&&o.default.createElement("div",{className:x("css")},r),b&&o.default.createElement("div",{className:x("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=p(n(96540)),o=r(n(5556)),i=r(n(67967)),d=n(92912),u=p(n(26984)),c=r(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 p(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 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 s=i.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: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 b=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))};b.propTypes=f;t.Ay=b},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)),i=u(n(36605)),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 p=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")},x={children:a.default.string},b=function(e){var t=e.children,n=m(e,d),a=r.default.useContext(o.default),i=(0,l.default)(p(["button",a.className]),n.className);return r.default.createElement("button",c({},n,{type:"button",className:i,onBlur:s,onMouseDown:f,"data-focus-styles-enabled":!0}),t)};b.propTypes=x;t.default=b},20999:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=d(n(96540)),a=d(n(5556)),l=d(n(67967)),o=d(n(52103)),i=d(n(17269));function d(e){return e&&e.__esModule?e:{default:e}}var u=l.default.bind(i.default),c={ariaLevel:a.default.oneOf(["2","3","4","5","6"]),children:a.default.node,variant:a.default.oneOf(["ux-recommendation","caution","deprecation","maintenance","important","not-supported"])},m=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}))))};m.propTypes=c,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=c(n(96540)),a=c(n(5556)),l=c(n(46942)),o=c(n(67967)),i=c(n(52103)),d=c(n(16576)),u=["title"];function c(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 s=o.default.bind(d.default),f={title:a.default.string},x=function(e){var t=e.title,n=p(e,u),a=r.default.useContext(i.default),o=(0,l.default)(s(["placeholder",a.className]),n.className),d=s(["inner"]);return r.default.createElement("div",m({},n,{className:o}),r.default.createElement("div",{className:d},r.default.createElement("p",{className:s("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}}},13377:function(e,t,n){n.r(t),n.d(t,{default:function(){return je}});var r=n(96540),a=n(36665),l=n(63087),o=n(46283),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 m(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 ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n \n
\n
\n);\n\nexport default ActionHeaderExample;\n\n")))}m.isMDXComponent=!0;var p=n(201),s=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Default Action Header",description:n,example:r.createElement(o.A,null),exampleSrc:r.createElement(m,null),isExpanded:a})},f=n(47057),x=["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 h(e){var t=e.components,n=y(e,x);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"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked back!')}\n backButtonA11yLabel=\"Show Back Alert\"\n />\n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}h.isMDXComponent=!0;var g=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Back Action Header",description:n,example:r.createElement(f.A,null),exampleSrc:r.createElement(h,null),isExpanded:a})},_=n(74347),O=["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 T={};function j(e){var t=e.components,n=E(e,O);return(0,a.mdx)("wrapper",N({},T,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked close!')}\n onBack={() => alert('You clicked back!')}\n backButtonA11yLabel=\"Show Back Alert\"\n />\n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}j.isMDXComponent=!0;var w=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Back Close Action Header",description:n,example:r.createElement(_.A,null),exampleSrc:r.createElement(j,null),isExpanded:a})},C=n(48918),P=["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 H={};function M(e){var t=e.components,n=k(e,P);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"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked close!')}\n />\n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}M.isMDXComponent=!0;var S=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Close Action Header",description:n,example:r.createElement(C.A,null),exampleSrc:r.createElement(M,null),isExpanded:a})},R=n(73816),D=["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 I={};function z(e){var t=e.components,n=Y(e,D);return(0,a.mdx)("wrapper",B({},I,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked close!')}\n onMaximize={() => alert('You clicked maximize!')}\n />\n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}z.isMDXComponent=!0;var q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Maximize Close Action Header",description:n,example:r.createElement(R.A,null),exampleSrc:r.createElement(z,null),isExpanded:a})},L=n(80610),Z=["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){var t=e.components,n=V(e,Z);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"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport { Placeholder } from '@cerner/terra-docs';\nimport styles from './ActionHeaderDocCommon.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked minimize!')} onClose={() => alert('You clicked close!')}>\n \n \n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}$.isMDXComponent=!0;var K=["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 J={};function U(e){var t=e.components,n=G(e,K);return(0,a.mdx)("wrapper",F({},J,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .placeholder-wrapper {\n height: 30px !important;\n padding: 0;\n }\n}\n\n")))}U.isMDXComponent=!0;var Q=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Minimize Custom Button Action Header",description:n,example:r.createElement(L.A,null),exampleCssSrc:r.createElement(U,null),exampleSrc:r.createElement($,null),isExpanded:a})},ee=n(48879),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"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport ActionHeader from 'terra-action-header';\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked close!')}\n onBack={() => alert('You clicked back!')}\n backButtonA11yLabel=\"Show Back Alert\"\n onPrevious={() => alert('You clicked previous!')}\n prevButtonA11yLabel=\" Show Previous Alert\"\n onNext={() => alert('You clicked next!')}\n nextButtonA11yLabel=\"Show Next Alert\"\n />\n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}le.isMDXComponent=!0;var oe=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Back Previous Next Close Action Header",description:n,example:r.createElement(ee.A,null),exampleSrc:r.createElement(le,null),isExpanded:a})},ie=n(58469),de=["components"];function ue(){return ue=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 pe(e){var t=e.components,n=ce(e,de);return(0,a.mdx)("wrapper",ue({},me,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable no-alert */\nimport React from 'react';\nimport classNames from 'classnames/bind';\nimport ActionHeader from 'terra-action-header';\nimport { Placeholder } from '@cerner/terra-docs';\nimport styles from './ActionHeaderDocCommon.scss';\n\nconst cx = classNames.bind(styles);\n\nconst ActionHeaderExample = () => (\n
\n
\n alert('You clicked minimize!')}\n onClose={() => alert('You clicked close!')}\n >\n \n \n
\n
\n);\n\nexport default ActionHeaderExample;\n/* eslint-enable no-alert */\n\n")))}pe.isMDXComponent=!0;var se=function(e){var t=e.title,n=e.description,a=e.isExpanded;return r.createElement(p.A,{title:t||"Long Wrapping Text Header",description:n,example:r.createElement(ie.A,null),exampleCssSrc:r.createElement(U,null),exampleSrc:r.createElement(pe,null),isExpanded:a})},fe=n(12883),xe=["components"];function be(){return be=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={},he="wrapper";function ge(e){var t=e.components,n=ye(e,xe);return(0,a.mdx)(he,be({},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"},"element\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Displays a single terra ",(0,a.mdx)("inlineCode",{parentName:"p"},"Collapsible Menu View")," (",(0,a.mdx)("em",{parentName:"p"},"Not provided by ",(0,a.mdx)("inlineCode",{parentName:"em"},"Action Header")),") child element on the right end of the header."))),(0,a.mdx)(fe.fI,{key:"ROW2",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"level"),(0,a.mdx)(fe.$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)(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,(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=1"),". This helps screen readers to announce appropriate heading levels.\nChanging 'level' will not visually change the style of the content.\n",(0,a.mdx)("inlineCode",{parentName:"p"},"level")," should be specified explicitly to allow screen readers to identify headers consistently."))),(0,a.mdx)(fe.fI,{key:"ROW3",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onClose"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the close button is clicked.\nOn small viewports, this will be triggered by a back button if onBack is not set."))),(0,a.mdx)(fe.fI,{key:"ROW4",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onBack"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the back button is clicked. The back button will not display if this is not set."))),(0,a.mdx)(fe.fI,{key:"ROW5",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"backButtonA11yLabel"),(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)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Accessibility label for Back button. To be used with onBack prop."))),(0,a.mdx)(fe.fI,{key:"ROW6",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onMaximize"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the expand button is clicked.\nThe expand button will not display if this is not set or on small viewports.\nOnly the expand button will be rendered if onMaximize and onMinimize are set."),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Note: If ",(0,a.mdx)("inlineCode",{parentName:"em"},"onBack")," is set, the maximize button will not appear and a custom maximize button must be provided\nas a child inside a ",(0,a.mdx)("inlineCode",{parentName:"em"},"Collapsible Menu View"),".")))),(0,a.mdx)(fe.fI,{key:"ROW7",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onMinimize"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the minimize button is clicked.\nThe minimize button will not display if this is not set or on small viewports.\nOnly the expand button will be rendered if both onMaximize and onMinimize are set."),(0,a.mdx)("p",null,(0,a.mdx)("em",{parentName:"p"},"Note: If ",(0,a.mdx)("inlineCode",{parentName:"em"},"onBack")," is set, the minimize button will not appear and a custom minimize button must be provided\nas a child inside a ",(0,a.mdx)("inlineCode",{parentName:"em"},"Collapsible Menu View"),".")))),(0,a.mdx)(fe.fI,{key:"ROW8",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onNext"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the next button is clicked. The previous-next button group will display if either this or onPrevious is set but the button for the one not set will be disabled."))),(0,a.mdx)(fe.fI,{key:"ROW9",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"nextButtonA11yLabel"),(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)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Accessibility label for Next button. To be used with onNext prop"))),(0,a.mdx)(fe.fI,{key:"ROW10",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"onPrevious"),(0,a.mdx)(fe.$d,{mdxType:"TypeCell"},(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"func\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"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Callback function for when the previous button is clicked. The previous-next button group will display if either this or onNext is set but the button for the one not set will be disabled."))),(0,a.mdx)(fe.fI,{key:"ROW11",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"prevButtonA11yLabel"),(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)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(fe.Hd,{mdxType:"DescriptionCell"},(0,a.mdx)("p",null,"Accessibility label for Previous button. To be used with onPrevious prop."))),(0,a.mdx)(fe.fI,{key:"ROW12",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"text"),(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)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-javascript"},"undefined\n"))),(0,a.mdx)(fe.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)(fe.fI,{key:"ROW13",mdxType:"Row"},(0,a.mdx)(fe.dt,{mdxType:"PropNameCell"},"title"),(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,(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.")))))}ge.isMDXComponent=!0;var _e=["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 Ee={},Te="wrapper";function je(e){var t=e.components,n=Ne(e,_e);return(0,a.mdx)(Te,Oe({},Ee,n,{components:t,mdxType:"MDXLayout"}),(0,a.mdx)(l.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-action-header"},"Terra Action Header"),(0,a.mdx)("p",null,"The terra-action-header component is a header bar containing a title and optional actionable items such as links and buttons."),(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-action-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)("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 Action-Header component must be composed inside the ",(0,a.mdx)("a",{parentName:"p",href:"https://github.com/cerner/terra-core/tree/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,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import ActionHeader from 'terra-action-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)("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)(s,{mdxType:"DefaultActionHeader"}),(0,a.mdx)(g,{mdxType:"BackActionHeader"}),(0,a.mdx)(S,{mdxType:"CloseActionHeader"}),(0,a.mdx)(w,{mdxType:"BackCloseActionHeader"}),(0,a.mdx)(oe,{mdxType:"BackPreviousNextCloseActionHeader"}),(0,a.mdx)(q,{mdxType:"MaximizeCloseActionHeader"}),(0,a.mdx)(Q,{mdxType:"MinimizeCustomButtonActionHeader"}),(0,a.mdx)(se,{mdxType:"LongWrappingTextHeader"}),(0,a.mdx)("h2",{id:"action-header-props"},"Action Header Props"),(0,a.mdx)(ge,{mdxType:"ActionHeaderPropsTable"}))}je.isMDXComponent=!0},63087: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-action-header",name:"terra-action-header",version:"2.91.0",url:t})}},78475:function(e,t,n){n.r(t),t.default={"placeholder-wrapper":"ActionHeaderDocCommon__placeholder-wrapper___ETxGx"}},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"}},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 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 s=o.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,o=p(e,u),d=r.default.useContext(i.default),c=(0,l.default)(s("table",{striped:!n},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),o.className);return r.default.createElement("table",m({},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 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 p=l.default.bind(o.default),s={children:a.default.node},f=function(e){var t=e.children,n=m(e,d),a=p(["row"]);return r.default.createElement("tr",c({},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 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||(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 u={},i="wrapper";function p(e){var a=e.components,l=t(e,n);return(0,m.mdx)(i,r({},u,l,{components:a,mdxType:"MDXLayout"}),(0,m.mdx)("h1",{id:"changelog"},"Changelog"),(0,m.mdx)("h2",{id:"unreleased"},"Unreleased"),(0,m.mdx)("h2",{id:"6750---february-28-2024"},"6.75.0 - (February 28, 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:"6740---january-22-2024"},"6.74.0 - (January 22, 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:"6730---december-18-2023"},"6.73.0 - (December 18, 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:"6720---november-23-2023"},"6.72.0 - (November 23, 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:"6711---october-11-2023"},"6.71.1 - (October 11, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed popup click events propagating to elements underneath it.")))),(0,m.mdx)("h2",{id:"6710---october-3-2023"},"6.71.0 - (October 3, 2023)"),(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 aria-label prop for terra-popup to announce the close instruction.")))),(0,m.mdx)("h2",{id:"6701---august-4-2023"},"6.70.1 - (August 4, 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:"6700---july-31-2023"},"6.70.0 - (July 31, 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:"6690---july-25-2023"},"6.69.0 - (July 25, 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:"6680---july-19-2023"},"6.68.0 - (July 19, 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:"6670---june-5-2023"},"6.67.0 - (June 5, 2023)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Updated contentWidth with value 400.")),(0,m.mdx)("h2",{id:"6660---may-11-2023"},"6.66.0 - (May 11, 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 close handler to return focus to target object upon pop-up closure. ")))),(0,m.mdx)("h2",{id:"6650---april-27-2023"},"6.65.0 - (April 27, 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:"6640---march-29-2023"},"6.64.0 - (March 29, 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 Jest snapshots.")))),(0,m.mdx)("h2",{id:"6630---march-1-2023"},"6.63.0 - (March 1, 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 Jest snapshot for terra-button changes")))),(0,m.mdx)("h2",{id:"6620---february-14-2023"},"6.62.0 - (February 14, 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 webpack-config-terra and\nterra-functional-testing upgrade.")))),(0,m.mdx)("h2",{id:"6610---march-15-2022"},"6.61.0 - (March 15, 2022)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Migrate docs to terra-framework-docs.")))),(0,m.mdx)("h2",{id:"6600---november-16-2021"},"6.60.0 - (November 16, 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:"6590---november-9-2021"},"6.59.0 - (November 9, 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:"6580---october-14-2021"},"6.58.0 - (October 14, 2021)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Reverted focus-trap-react upgrade due to passivity concerns")))),(0,m.mdx)("h2",{id:"6570---october-12-2021"},"6.57.0 - (October 12, 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 focus-trap-react to version ^8.0.0.")))),(0,m.mdx)("h2",{id:"6560---september-20-2021"},"6.56.0 - (September 20, 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)("li",{parentName:"ul"},"Updated WDIO snapshots due to terra-functional-testing v2 upgrade.")))),(0,m.mdx)("h2",{id:"6550---july-21-2021"},"6.55.0 - (July 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6540---july-13-2021"},"6.54.0 - (July 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:"6530---june-8-2021"},"6.53.0 - (June 8, 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:"6520---may-4-2021"},"6.52.0 - (May 4, 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:"6510---april-6-2021"},"6.51.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"},"Updated Jest command")))),(0,m.mdx)("h2",{id:"6500---march-9-2021"},"6.50.0 - (March 9, 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 to use terra-functional-testing")))),(0,m.mdx)("h2",{id:"6490---february-9-2021"},"6.49.0 - (February 9, 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:"6480---february-2-2021"},"6.48.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:"6470---january-26-2021"},"6.47.0 - (January 26, 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:"6460---january-5-2021"},"6.46.0 - (January 5, 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 to support a peer dependency of react-intl v2-v5"),(0,m.mdx)("li",{parentName:"ul"},"Updated FormattedMessage child function to join if given an array.")))),(0,m.mdx)("h2",{id:"6450---december-8-2020"},"6.45.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:"6440---november-24-2020"},"6.44.0 - (November 24, 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:"6430---november-10-2020"},"6.43.0 - (November 10, 2020)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Fixed build failures due to the react/sort-comp rule")))),(0,m.mdx)("h2",{id:"6420---october-20-2020"},"6.42.0 - (October 20, 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:"6410---october-13-2020"},"6.41.0 - (October 13, 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"},"Replaced references to terra-doc-template with terra-docs")))),(0,m.mdx)("h2",{id:"6400---august-18-2020"},"6.40.0 - (August 18, 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:"6390---august-11-2020"},"6.39.0 - (August 11, 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:"6380---august-4-2020"},"6.38.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"},"Updated Changelog format")))),(0,m.mdx)("h2",{id:"6370---july-14-2020"},"6.37.0 - (July 14, 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 file changes to comply with eslint rules"),(0,m.mdx)("li",{parentName:"ul"},"Replace some empty text with aria-label to comply with eslint")))),(0,m.mdx)("h2",{id:"6360---june-16-2020"},"6.36.0 - (June 16, 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:"6350---june-9-2020"},"6.35.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"},"Apply themes by context and directly include packaged themes.")))),(0,m.mdx)("h2",{id:"6340---june-2-2020"},"6.34.0 - (June 2, 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:"6330---may-19-2020"},"6.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:"6320---april-28-2020"},"6.32.0 - (April 28, 2020)"),(0,m.mdx)("ul",null,(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 ",(0,m.mdx)("inlineCode",{parentName:"li"},"directory")," as a sub attribute to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"repository")," attribute in package.json"))),(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 wdio test configuration to use root wdio config"))),(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 "View Component Source Code" from docs in favour of source code badge')))),(0,m.mdx)("h2",{id:"6310---april-6-2020"},"6.31.0 - (April 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:"6300---march-31-2020"},"6.30.0 - (March 31, 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 clinical-lowlight-theme wdio screenshots")))),(0,m.mdx)("h2",{id:"6290---march-10-2020"},"6.29.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"},"Update docs to use MDX syntax.")))),(0,m.mdx)("h2",{id:"6280---march-3-2020"},"6.28.0 - (March 3, 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:"6260---february-18-2020"},"6.26.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 clinical-lowlight-theme theming files")))),(0,m.mdx)("h2",{id:"6250---february-4-2020"},"6.25.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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6240---january-28-2020"},"6.24.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"},"Update copyright to include 2020")))),(0,m.mdx)("h2",{id:"6230---january-7-2020"},"6.23.0 - (January 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"},"Minor dependency version bump")))),(0,m.mdx)("h2",{id:"6220---december-16-2019"},"6.22.0 - (December 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"},"Updated Jest snapshots.")))),(0,m.mdx)("h2",{id:"6210---december-10-2019"},"6.21.0 - (December 10, 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 orion-fusion-theme and generated the respective reference wdio screenshots.")))),(0,m.mdx)("h2",{id:"6200---november-20-2019"},"6.20.0 - (November 20, 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 updates")))),(0,m.mdx)("h2",{id:"6190---november-18-2019"},"6.19.0 - (November 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"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"6180---november-7-2019"},"6.18.0 - (November 7, 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 examples to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"hooks")),(0,m.mdx)("li",{parentName:"ul"},"Resolved lint warnings for multiple empty lines")))),(0,m.mdx)("h2",{id:"6170---october-30-2019"},"6.17.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 updates")))),(0,m.mdx)("h2",{id:"6160---october-21-2019"},"6.16.0 - (October 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 updates")))),(0,m.mdx)("h2",{id:"6150---october-16-2019"},"6.15.0 - (October 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 updates")))),(0,m.mdx)("h2",{id:"6140---october-3-2019"},"6.14.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 updates")))),(0,m.mdx)("h2",{id:"6130---september-26-2019"},"6.13.0 - (September 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"},"Minor dependency updates"))),(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 private prop ",(0,m.mdx)("inlineCode",{parentName:"li"},"popupContentRole")," intend to allow modification of the role attribute applied to the ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," component used with the ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," component"))),(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"},"Reverted Placeholder import in example files.")))),(0,m.mdx)("h2",{id:"6120---september-19-2019"},"6.12.0 - (September 19, 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"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"details")," tag from doc-site."),(0,m.mdx)("li",{parentName:"ul"},"Doc site example module import syntax modified to use package.json name resolution"))),(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 en-CA translations.")))),(0,m.mdx)("h2",{id:"6110---september-6-2019"},"6.11.0 - (September 6, 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"},"Cleaned up imports in examples and test files")))),(0,m.mdx)("h2",{id:"6100---august-21-2019"},"6.10.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"},"Cleaned up lint in test files")))),(0,m.mdx)("h2",{id:"690---august-14-2019"},"6.9.0 - (August 14, 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"},"updated package.json 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 themeable variable for z-index, short not be based upon theme")))),(0,m.mdx)("h2",{id:"680---july-30-2019"},"6.8.0 - (July 30, 2019)"),(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 DEPENDENCIES.md file")))),(0,m.mdx)("h2",{id:"671---july-23-2019"},"6.7.1 - (July 23, 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.md doc")))),(0,m.mdx)("h2",{id:"670---july-23-2019"},"6.7.0 - (July 23, 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:"660---july-16-2019"},"6.6.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:"650---july-10-2019"},"6.5.0 - (July 10, 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:"640---july-2-2019"},"6.4.0 - (July 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"},"Renamed test and example SCSS files to end with ",(0,m.mdx)("inlineCode",{parentName:"li"},".module.scss")," extension")))),(0,m.mdx)("h2",{id:"630---june-19-2019"},"6.3.0 - (June 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 all inline styles from Dev-site components and implemented the same styles using external css.")))),(0,m.mdx)("h2",{id:"620---june-12-2019"},"6.2.0 - (June 12, 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"},"Update tests for terra-toolkit v5 and terra-dev-site v5 changes"),(0,m.mdx)("li",{parentName:"ul"},"Update wdio specs to use Terra.describeViewports")))),(0,m.mdx)("h2",{id:"610---may-21-2019"},"6.1.0 - (May 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 update")))),(0,m.mdx)("h2",{id:"600---may-13-2019"},"6.0.0 - (May 13, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"releaseFocus")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Removed ",(0,m.mdx)("inlineCode",{parentName:"li"},"requestFocus")," prop"),(0,m.mdx)("li",{parentName:"ul"},"Updated focus-trap-react dependency to ^6.0.0")))),(0,m.mdx)("h2",{id:"5120---may-7-2019"},"5.12.0 - (May 7, 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 update")))),(0,m.mdx)("h2",{id:"5110---april-24-2019"},"5.11.0 - (April 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"},"Moved packages we use solely in doc examples and tests to devDependencies")))),(0,m.mdx)("h2",{id:"5100---april-16-2019"},"5.10.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 update")))),(0,m.mdx)("h2",{id:"590---april-9-2019"},"5.9.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 update")))),(0,m.mdx)("h2",{id:"580---april-2-2019"},"5.8.0 - (April 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"},"Minor dependency update")))),(0,m.mdx)("h2",{id:"570---march-26-2019"},"5.7.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:"560---march-20-2019"},"5.6.0 - (March 20, 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 heading levels in doc site README.md to correct Section 508 errors"),(0,m.mdx)("li",{parentName:"ul"},"Update Jest tests to use terra-enzyme-intl")))),(0,m.mdx)("h2",{id:"550---march-12-2019"},"5.5.0 - (March 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 update")))),(0,m.mdx)("h2",{id:"540---march-5-2019"},"5.4.0 - (March 5, 2019)"),(0,m.mdx)("ul",null,(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"},"Remove Opts export, instead named export cornerSize"))),(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"},"Remove need to use ",(0,m.mdx)("inlineCode",{parentName:"li"},"injectIntl"),", use ",(0,m.mdx)("inlineCode",{parentName:"li"},"")," instead"),(0,m.mdx)("li",{parentName:"ul"},"Updated docs")))),(0,m.mdx)("h2",{id:"530---february-26-2019"},"5.3.0 - (February 26, 2019)"),(0,m.mdx)("ul",null,(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 en-AU translations"))),(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"},"Removed prop breaking the modal example")))),(0,m.mdx)("h2",{id:"520---february-13-2019"},"5.2.0 - (February 13, 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 dependency on terra-list"),(0,m.mdx)("li",{parentName:"ul"},"Removed dependency on terra-grid")))),(0,m.mdx)("h2",{id:"510---february-5-2019"},"5.1.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 update")))),(0,m.mdx)("h2",{id:"500---january-25-2019"},"5.0.0 - (January 25, 2019)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Breaking Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated variable names to match new naming standard"),(0,m.mdx)("li",{parentName:"ul"},"Added new variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Removed variables for css theming"),(0,m.mdx)("li",{parentName:"ul"},"Updated terra-core dependencies"))),(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"},"Removed 'close' class from ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," button"),(0,m.mdx)("li",{parentName:"ul"},"Added text prop to ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," button for conversion to aria-label in Button component"))),(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"},"react-intl dependency added for i18n translations"),(0,m.mdx)("li",{parentName:"ul"},"intl prop added to ",(0,m.mdx)("inlineCode",{parentName:"li"},"_PopupContent")," for i18n message formatting"))),(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"},"Remove use of componentWillReceiveProps")))),(0,m.mdx)("h2",{id:"4220---january-5-2019"},"4.22.0 - (January 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 update")))),(0,m.mdx)("h2",{id:"4210---january-2-2019"},"4.21.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"},"Prevent click events from propagating from popup overlay")))),(0,m.mdx)("h2",{id:"4200---december-5-2018"},"4.20.0 - (December 5, 2018)"),(0,m.mdx)("ul",null,(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 onClickOutside detection to popup overlay"))),(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"},"Replaced hookshot content component with a version that does not use onClickOutside HOC"),(0,m.mdx)("li",{parentName:"ul"},"Disabled focus trap when popup is open and users click outside of the popup")))),(0,m.mdx)("h2",{id:"4191---december-3-2018"},"4.19.1 - (December 3, 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"},"Wdio tests changed to use themeCombinationOfCustomProperties"),(0,m.mdx)("li",{parentName:"ul"},"Replaced use of componentWillMount with componentDidMount"))),(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 preventDefault error"))),(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 examples to consume terra-disclosure-manager v3.x"))),(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 dependency on terra-app-delegate package.")))),(0,m.mdx)("h2",{id:"4181---november-15-2018"},"4.18.1 - (November 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"},"Patch dependency update")))),(0,m.mdx)("h2",{id:"4180---november-15-2018"},"4.18.0 - (November 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 update")))),(0,m.mdx)("h2",{id:"4170---october-30-2018"},"4.17.0 - (October 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"},"Update mixin import to be more explicit")))),(0,m.mdx)("h2",{id:"4160---october-16-2018"},"4.16.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"},"Updated popup examples to highlight how to achieve better focus management for screen readers")))),(0,m.mdx)("h2",{id:"4150---october-8-2018"},"4.15.0 - (October 8, 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"},"Updated links in docs on supported features"),(0,m.mdx)("li",{parentName:"ul"},"Upgrade focus-trap-react version to ^4.0.1"))),(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"},"Webdriver theme test for --terra-popup-arrow-inner-color")))),(0,m.mdx)("h2",{id:"4140---september-25-2018"},"4.14.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 bump")))),(0,m.mdx)("h2",{id:"4130---september-5-2018"},"4.13.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:"4120---august-30-2018"},"4.12.0 - (August 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"},"Formatting changes per eslint v5 update")))),(0,m.mdx)("h2",{id:"4110---august-13-2018"},"4.11.0 - (August 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 updates")))),(0,m.mdx)("h2",{id:"4100---august-8-2018"},"4.10.0 - (August 8, 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"},"Formatting changes per eslint v4 update"))),(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"},"Lint errors regarding file path resolution"),(0,m.mdx)("li",{parentName:"ul"},"Popup Content will clone prop to indicate missing close button")))),(0,m.mdx)("h2",{id:"490---july-26-2018"},"4.9.0 - (July 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 updates")))),(0,m.mdx)("h2",{id:"480---july-25-2018"},"4.8.0 - (July 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"},"Add .module extension to SCSS file(s)")))),(0,m.mdx)("h2",{id:"470---july-10-2018"},"4.7.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"},"Clean up dependencies")))),(0,m.mdx)("h2",{id:"460---july-3-2018"},"4.6.0 - (July 3, 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"},"Change logs to documentation on terra-dev-site")))),(0,m.mdx)("h2",{id:"450---june-29-2018"},"4.5.0 - (June 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 updates")))),(0,m.mdx)("h2",{id:"440---june-12-2018"},"4.4.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"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"430---june-5-2018"},"4.3.0 - (June 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 updates")))),(0,m.mdx)("h2",{id:"420---may-30-2018"},"4.2.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"},"Moved examples to src")))),(0,m.mdx)("h2",{id:"410---may-22-2018"},"4.1.0 - (May 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"},"Minor dependency updates")))),(0,m.mdx)("h2",{id:"400---may-8-2018"},"4.0.0 - (May 8, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},(0,m.mdx)("p",{parentName:"li"},"Major Change"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use terra-modal-manager v3.0.0"))),(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 webdriver screenshots")))),(0,m.mdx)("h2",{id:"330---april-30-2018"},"3.3.0 - (April 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 updates"),(0,m.mdx)("li",{parentName:"ul"},"Do not release snapshots to npm")))),(0,m.mdx)("h2",{id:"320---april-20-2018"},"3.2.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"},"Added a call to preventDefault on onOutsideClick")))),(0,m.mdx)("h2",{id:"310---april-13-2018"},"3.1.0 - (April 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 updates")))),(0,m.mdx)("h2",{id:"300---april-10-2018"},"3.0.0 - (April 10, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Breaking Change",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Removed attachment behavior ",(0,m.mdx)("inlineCode",{parentName:"li"},"none"),". Added ",(0,m.mdx)("inlineCode",{parentName:"li"},"push")," as a replacement to ",(0,m.mdx)("inlineCode",{parentName:"li"},"none")," to regain previous bounded repositioning.")))),(0,m.mdx)("h2",{id:"241---april-5-2018"},"2.4.1 - (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"},"Added terra-mixins dependency")))),(0,m.mdx)("h2",{id:"240---april-3-2018"},"2.4.0 - (April 3, 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"},"Miragte package to terra-framework")))),(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"},"Allow Popup 'Up' Arrow to be themed")))),(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"},"Updated WebDriverIO tests")))),(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"},(0,m.mdx)("p",{parentName:"li"},"Changed"),(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Updated to use React 16"))),(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"},"WebDriverIO tests and themable styles")))),(0,m.mdx)("h2",{id:"1200---february-1-2018"},"1.20.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 version bump")))),(0,m.mdx)("h2",{id:"1190---january-18-2018"},"1.19.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 version bump")))),(0,m.mdx)("h2",{id:"1180---january-5-2018"},"1.18.0 - (January 5, 2018)"),(0,m.mdx)("ul",null,(0,m.mdx)("li",{parentName:"ul"},"Fixed",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Console warning")))),(0,m.mdx)("h2",{id:"1170---december-5-2017"},"1.17.0 - (December 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"},"Minor version bump")))),(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 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 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 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"},"Added",(0,m.mdx)("ul",{parentName:"li"},(0,m.mdx)("li",{parentName:"ul"},"Consume content resize prop on HookshotContent")))),(0,m.mdx)("h2",{id:"1120---october-24-2017"},"1.12.0 - (October 24, 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"},"Replaced tether implementation with terra-hookshot components")))),(0,m.mdx)("h2",{id:"1110---october-6-2017"},"1.11.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 version bump")))),(0,m.mdx)("h2",{id:"1100---september-26-2017"},"1.10.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:"190---september-19-2017"},"1.9.0 - (September 19, 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 version bump")))),(0,m.mdx)("h2",{id:"180---september-12-2017"},"1.8.0 - (September 12, 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"},"Fix ",(0,m.mdx)("inlineCode",{parentName:"li"},"-var()")," syntax."))),(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"},"Implementation of the overlay styling.")))),(0,m.mdx)("h2",{id:"170---september-7-2017"},"1.7.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 version bump")))),(0,m.mdx)("h2",{id:"160---september-5-2017"},"1.6.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:"150---august-31-2017"},"1.5.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 version bump")))),(0,m.mdx)("h2",{id:"140---august-15-2017"},"1.4.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"},"Switched CSS custom properties usage to inline fallback syntax")))),(0,m.mdx)("h2",{id:"130---august-8-2017"},"1.3.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 version bump")))),(0,m.mdx)("h2",{id:"120---august-1-2017"},"1.2.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 version bump")))),(0,m.mdx)("h2",{id:"110---august-1-2017"},"1.1.0 - (August 1, 2017)"),(0,m.mdx)("ul",null,(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 requestFocus and releaseFocus props to support requesting and releasing focus."))),(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"},"Prevent Invalid Props from breaking size logic. (Issue #679)")))),(0,m.mdx)("h2",{id:"100---july-26-2017"},"1.0.0 - (July 26, 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},63453: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-framework/tree/main/packages/terra-popup",name:"terra-popup",version:"6.75.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/1461-951760d15e21fa49d2cc.css b/1461-951760d15e21fa49d2cc.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/1461-951760d15e21fa49d2cc.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/1461-951760d15e21fa49d2cc.js b/1461-951760d15e21fa49d2cc.js new file mode 100644 index 000000000..b9a61dbde --- /dev/null +++ b/1461-951760d15e21fa49d2cc.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[1461,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{55713:function(e,t,a){var r=a(24994);t.A=void 0;var n=r(a(96540)),d=r(a(5556)),i=r(a(67967)),l=r(a(25642)),s=i.default.bind(l.default),o={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},u=function(e){var t=e.src,a=e.name,r=e.url,d=e.version,i=n.default.createElement("a",{className:s("badge"),href:r||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:s("badge-name")},r?"package":"npm"),n.default.createElement("span",{className:s("badge-version")},"v".concat(d))),l=t?n.default.createElement("a",{className:s("badge"),href:t},n.default.createElement("span",{className:s("badge-name")},"github"),n.default.createElement("span",{className:s("badge-version")},"source")):void 0;return n.default.createElement("div",{className:s("badge-container")},i,l)};u.propTypes=o;t.A=u},23842:function(e,t,a){a.r(t),a.d(t,{default:function(){return u}});a(96540);var r=a(36665),n=a(58544),d=["components"];function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(e);for(r=0;r=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}var s={},o="wrapper";function u(e){var t=e.components,a=l(e,d);return(0,r.mdx)(o,i({},s,a,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(n.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"keyboard-shortcuts-for-terra-date-picker"},"Keyboard Shortcuts for Terra Date Picker"),(0,r.mdx)("p",null,"The Terra Date Picker offers additional functionality with specific keyboard shortcuts to save time when interacting with date inputs in terra-date-picker."),(0,r.mdx)("p",null,"Pressing any of the supported keys while the input is in focus will populate the inputs with the listed shortcut response."),(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},"Description"))),(0,r.mdx)("tbody",{parentName:"table"},(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"T"),(0,r.mdx)("td",{parentName:"tr",align:null},"Sets the date value to the current date (Today).")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"-"),(0,r.mdx)("td",{parentName:"tr",align:null},"Decrements the date value by 1 day. If blank or not a valid date, input will set value to Yesterday.")),(0,r.mdx)("tr",{parentName:"tbody"},(0,r.mdx)("td",{parentName:"tr",align:null},"+"),(0,r.mdx)("td",{parentName:"tr",align:null},"Increments the date value by 1 day. If blank or not a valid date, input will set value to Tomorrow.")))),(0,r.mdx)("p",null,(0,r.mdx)("em",{parentName:"p"},"Note: For any key listed, pressing the designated keyboard character key is not specific to uppercase or lowercase and works for both cases (e.g. if capslock or shift key is also being applied). Uppercase-only usage is not required.")),(0,r.mdx)("h2",{id:"release-notes-for-specific-versions"},"Release notes for specific versions"),(0,r.mdx)("h3",{id:"4720"},"4.72.0"),(0,r.mdx)("ul",null,(0,r.mdx)("li",{parentName:"ul"},"Initial keyboard shortcut release. This adds the key listeners to the day input, month input, and the year number input.")))}u.isMDXComponent=!0},58544:function(e,t,a){a.d(t,{E:function(){return d}});var r=a(96540),n=a(55713),d=function(e){var t=e.url;return r.createElement(n.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.100.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/14985-971ed750c83c9820ceea.js b/14985-971ed750c83c9820ceea.js new file mode 100644 index 000000000..e29ae3937 --- /dev/null +++ b/14985-971ed750c83c9820ceea.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.0.0-alpha.9",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/15490-d350577f6ec559f3f36e.js b/15490-d350577f6ec559f3f36e.js new file mode 100644 index 000000000..d9462619b --- /dev/null +++ b/15490-d350577f6ec559f3f36e.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15490],{55713:function(e,t,r){var n=r(24994);t.A=void 0;var a=n(r(96540)),l=n(r(5556)),u=n(r(67967)),o=n(r(25642)),d=u.default.bind(o.default),c={name:l.default.string.isRequired,src:l.default.string,url:l.default.string,version:l.default.string.isRequired},i=function(e){var t=e.src,r=e.name,n=e.url,l=e.version,u=a.default.createElement("a",{className:d("badge"),href:n||"https://www.npmjs.org/package/".concat(r,"/v/").concat(l)},a.default.createElement("span",{className:d("badge-name")},n?"package":"npm"),a.default.createElement("span",{className:d("badge-version")},"v".concat(l))),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")},u,o)};i.propTypes=c;t.A=i},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 c.Row}}),t.Ay=t.$d=void 0;var l=s(r(96540)),u=n(r(5556)),o=n(r(67967)),d=r(92912),c=s(r(26984)),i=n(r(89744));function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r: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 r=f(t);if(r&&r.has(e))return r.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 o=l?Object.getOwnPropertyDescriptor(e,u):null;o&&(o.get||o.set)?Object.defineProperty(n,u,o):n[u]=e[u]}return n.default=e,r&&r.set(e,n),n}var p=o.default.bind(i.default),b={children:u.default.node},m={isRequired:u.default.bool};(t.dt=function(e){var t=e.children;return l.default.createElement(c.Cell,{className:p("bold")},t)}).propTypes=b,(t.$d=function(e){var t=e.children;return l.default.createElement(c.Cell,{className:p("code-block-override")},t)}).propTypes=b,(t.YZ=function(e){var t=e.isRequired;return l.default.createElement(c.Cell,{className:p([t?["required"]:[]])},t?"required":"optional")}).propTypes=m,(t.NZ=function(e){var t=e.children;return l.default.createElement(c.Cell,{className:p("code-block-override")},t)}).propTypes=b,(t.Hd=function(e){var t=e.children;return l.default.createElement(c.Cell,null,t)}).propTypes=b;var _=function(e){var t=e.children,r=(0,l.useContext)(d.ThemeContext);return l.default.createElement(c.default,{paddingStyle:"compact",className:p("table",r.className)},l.default.createElement(c.Header,{className:p("header")},l.default.createElement(c.HeaderCell,null,"Prop"),l.default.createElement(c.HeaderCell,null,"Type"),l.default.createElement(c.HeaderCell,null,"Required"),l.default.createElement(c.HeaderCell,null,"Default"),l.default.createElement(c.HeaderCell,null,"Description")),l.default.createElement(c.Body,null,t))};_.propTypes=b;t.Ay=_},25928:function(e,t,r){r.d(t,{A:function(){return c}});r(96540);var n=r(36665),a=["components"];function l(){return l=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 o={},d="wrapper";function c(e){var t=e.components,r=u(e,a);return(0,n.mdx)(d,l({},o,r,{components:t,mdxType:"MDXLayout"}),(0,n.mdx)("pre",null,(0,n.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .date-wrapper {\n display: inline-block;\n }\n}\n\n")))}c.isMDXComponent=!0},58544: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-framework/tree/main/packages/terra-date-picker",name:"terra-date-picker",version:"4.100.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"}},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"}},47114:function(e,t,r){r.r(t),t.default={"date-wrapper":"DatePickerExampleCommon-module__date-wrapper___UWblk"}},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"}},85444: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(46942)),u=i(r(67967)),o=i(r(52103)),d=i(r(78482)),c=["children","disableStripes","paddingStyle"];function i(e){return e&&e.__esModule?e:{default:e}}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(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=u.default.bind(d.default),b={children:a.default.node.isRequired,disableStripes:a.default.bool,paddingStyle:a.default.oneOf(["none","standard","compact"])},m=function(e){var t=e.children,r=e.disableStripes,a=e.paddingStyle,u=s(e,c),d=n.default.useContext(o.default),i=(0,l.default)(p("table",{striped:!r},{"padding-standard":"standard"===a},{"padding-compact":"compact"===a},d.className),u.className);return n.default.createElement("table",f({},u,{className:i}),t)};m.propTypes=b,m.defaultProps={disableStripes:!1,paddingStyle:"none"};t.default=m},61452:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var n=u(r(96540)),a=u(r(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function o(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},c=function(e){var t=e.children,r=o(e,l);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=u(r(96540)),a=u(r(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function o(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},c=function(e){var t=e.children,r=o(e,l);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=o(r(96540)),a=o(r(5556)),l=o(r(10767)),u=["children"];function o(e){return e&&e.__esModule?e:{default:e}}function d(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 c={children:a.default.node},i=function(e){var t=e.children,r=d(e,u);return n.default.createElement("thead",r,n.default.createElement("tr",null,l.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=u(r(96540)),a=u(r(5556)),l=["children"];function u(e){return e&&e.__esModule?e:{default:e}}function o(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},c=function(e){var t=e.children,r=o(e,l);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)),a=c(r(5556)),l=c(r(67967)),u=c(r(78482)),o=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||(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 s=l.default.bind(u.default),p={children:a.default.node},b=function(e){var t=e.children,r=f(e,d),a=s(["row"]);return n.default.createElement("tr",i({},r,{className:r.className?"".concat(a," ").concat(r.className):a}),o.default.addScope(t,"row"))};b.propTypes=p,b.defaultProps={children:[]};t.default=b},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 u.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 n=c(r(85444)),a=c(r(61452)),l=c(r(36142)),u=c(r(86472)),o=c(r(97441)),d=c(r(22417));function c(e){return e&&e.__esModule?e:{default:e}}t.default=n.default}}]); \ No newline at end of file diff --git a/15507-014afa165fe15a285047.css b/15507-014afa165fe15a285047.css new file mode 100644 index 000000000..9745c3de0 --- /dev/null +++ b/15507-014afa165fe15a285047.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/15507-014afa165fe15a285047.js b/15507-014afa165fe15a285047.js new file mode 100644 index 000000000..25b6058cf --- /dev/null +++ b/15507-014afa165fe15a285047.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[15507,17711,40092,72949,95330,7235,29616,62473,24087,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{55713:function(e,t,n){var a=n(24994);t.A=void 0;var r=a(n(96540)),o=a(n(5556)),l=a(n(67967)),i=a(n(25642)),u=l.default.bind(i.default),m={name:o.default.string.isRequired,src:o.default.string,url:o.default.string,version:o.default.string.isRequired},c=function(e){var t=e.src,n=e.name,a=e.url,o=e.version,l=r.default.createElement("a",{className:u("badge"),href:a||"https://www.npmjs.org/package/".concat(n,"/v/").concat(o)},r.default.createElement("span",{className:u("badge-name")},a?"package":"npm"),r.default.createElement("span",{className:u("badge-version")},"v".concat(o))),i=t?r.default.createElement("a",{className:u("badge"),href:t},r.default.createElement("span",{className:u("badge-name")},"github"),r.default.createElement("span",{className:u("badge-version")},"source")):void 0;return r.default.createElement("div",{className:u("badge-container")},l,i)};c.propTypes=m;t.A=c},201:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var o=a(n(85715)),l=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=r(e)&&"function"!=typeof e)return{default:e};var n=f(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&&Object.prototype.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)),i=a(n(5556)),u=a(n(67967)),m=n(92912),c=a(n(49558)),p=a(n(53665)),s=n(25966),d=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 v=u.default.bind(d.default),g={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},b=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},h=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,u=e.isExpanded,d=(0,l.useState)(u),f=(0,o.default)(d,2),g=f[0],_=f[1],y=(0,l.useState)(!1),E=(0,o.default)(y,2),w=E[0],x=E[1],P=l.default.useContext(m.ThemeContext),F=void 0!==a,N=function(){x(!w),g&&_(!g)},C=function(){_(!g),w&&x(!w)},S=function(e,t){e.nativeEvent.keyCode!==s.KEY_SPACE&&e.nativeEvent.keyCode!==s.KEY_RETURN||(e.preventDefault(),t())};return l.default.createElement("div",{className:v("template",P.className)},l.default.createElement("div",{className:v("header")},r&&l.default.createElement("h2",{className:v("title")},r)),l.default.createElement("div",{className:v("content")},i&&l.default.createElement("div",{className:v("description")},i),t),l.default.createElement("div",{className:v("footer")},n?l.default.createElement("div",{className:v("button-container")},F&&l.default.createElement("button",{type:"button",className:v("css-toggle","item",{"is-selected":w}),onClick:N,onKeyDown:function(e){return S(e,N)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"CSS"),l.default.createElement(p.default,{className:v("chevron")})),l.default.createElement("button",{type:"button",className:v("code-toggle","item",{"is-selected":g}),onClick:C,onKeyDown:function(e){return S(e,C)},onBlur:b,onMouseDown:h,tabIndex:0,"data-focus-styles-enabled":!0},l.default.createElement(c.default,{className:v("chevron")}),l.default.createElement("span",null,"Code"),l.default.createElement(p.default,{className:v("chevron")}))):null,l.default.createElement("div",null,w&&l.default.createElement("div",{className:v("css")},a),g&&l.default.createElement("div",{className:v("code")},n))))};_.propTypes=g,_.defaultProps={isExpanded:!1};t.A=_},86343:function(e,t,n){var a=n(24994),r=n(73738);t.A=void 0;var o=a(n(85715)),l=c(n(96540)),i=a(n(5556)),u=c(n(30047));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 a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.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}var p=function(e){var t=e.title,n=e.ariaLabel,a=(0,l.useState)(""),r=(0,o.default)(a,2),i=r[0],m=r[1];return l.default.createElement("div",null,l.default.createElement("p",null,t),i.length?l.default.createElement(u.default,{description:t}):void 0,l.default.createElement("input",{type:"text","aria-label":n,onChange:function(e){m(e.target.value)},value:i}),l.default.createElement("button",{type:"button",onClick:function(){m("")}},"Submit"))};p.propTypes={title:i.default.string,ariaLabel:i.default.string};t.A=function(){var e=(0,l.useState)("Form 1"),t=(0,o.default)(e,2),n=t[0],a=t[1],r=(0,l.useState)([]),i=(0,o.default)(r,2),m=i[0],c=i[1];function s(e){a(e)}return l.default.createElement("div",null,l.default.createElement("h2",null,"Form Switcher"),l.default.createElement("p",null,"Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present."),l.default.createElement("button",{type:"button",disabled:"Form 1"===n||m.length,onClick:s.bind(null,"Form 1")},"Switch to Form 1"),l.default.createElement("button",{type:"button",disabled:"Form 2"===n||m.length,onClick:s.bind(null,"Form 2")},"Switch to Form 2"),l.default.createElement(u.NavigationPromptCheckpoint,{onPromptChange:function(e){c(e)}},l.default.createElement(p,{title:n,key:n,ariaLabel:n})))}},15507:function(e,t,n){n.r(t),n.d(t,{default:function(){return _}});var a=n(96540),r=n(36665),o=n(12514),l=n(86343),i=["components"];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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var c={};function p(e){var t=e.components,n=m(e,i);return(0,r.mdx)("wrapper",u({},c,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title, ariaLabel }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n\nForm.propTypes = {\n title: PropTypes.string,\n ariaLabel: PropTypes.string,\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n const [activePrompts, setActivePrompts] = useState([]);\n\n function onSwitchForm(formKey) {\n setActiveForm(formKey);\n }\n\n return (\n
\n

Form Switcher

\n

Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n {\n setActivePrompts(prompts);\n }}\n >\n
\n \n
\n );\n};\n\nexport default FormSwitcher;\n\n")))}p.isMDXComponent=!0;var s=n(201),d=function(e){var t=e.title,n=e.description,r=e.isExpanded;return a.createElement(s.A,{title:t||"Implementation Guide Part 2",description:n,example:a.createElement(l.A,null),exampleSrc:a.createElement(p,null),isExpanded:r})},f=["components"];function v(){return v=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 o=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}var b={},h="wrapper";function _(e){var t=e.components,n=g(e,f);return(0,r.mdx)(h,v({},b,n,{components:t,mdxType:"MDXLayout"}),(0,r.mdx)(o.E,{mdxType:"Badge"}),(0,r.mdx)("h1",{id:"terra-navigation-prompt---implementation-guide"},"Terra Navigation Prompt - Implementation Guide"),(0,r.mdx)("h2",{id:"part-3---implementing-a-custom-prompt-solution"},"Part 3 - Implementing a Custom Prompt Solution"),(0,r.mdx)("p",null,"At this point, we realize that we do not want to ",(0,r.mdx)("strong",{parentName:"p"},"ever")," allow users to navigate away from a Form with unsaved state. We can do that by using the NavigationPromptCheckpoint's ",(0,r.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," prop."),(0,r.mdx)("pre",null,(0,r.mdx)("code",{parentName:"pre",className:"language-diff"},"- import React, { useState, useRef } from 'react';\n+ import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport NavigationPrompt, { NavigationPromptCheckpoint } from 'terra-navigation-prompt';\n\nconst Form = ({ title }) => {\n const [inputValue, setInputValue] = useState('');\n\n return (\n
\n

{title}

\n {inputValue.length ? : undefined}\n {\n setInputValue(event.target.value);\n }}\n value={inputValue}\n />\n {\n setInputValue('');\n }}\n >\n Submit\n \n
\n );\n};\n\nconst FormSwitcher = () => {\n const [activeForm, setActiveForm] = useState('Form 1');\n+ const [activePrompts, setActivePrompts] = useState([]);\n\n function onSwitchForm(formKey) {\n- formCheckpointRef.current.resolvePrompts({\n- title: 'Descriptive Notification Prompt Title',\n- startMessage: 'Descriptive Notification Prompt Message',\n- rejectButtonText: `Descriptive Reject Button Action`,\n- acceptButtonText: 'Descriptive Accept Button Action',\n- buttonOrder: 'acceptFirst',\n- }).then(() => {\n setActiveForm(formKey);\n- });\n }\n\n return (\n
\n

Form Switcher

\n-

The user will be prompted with the provided messaging when Forms are switched with unsaved changes present.

\n+

Custom logic has been implemented to prevent navigation altogether when NavigationPrompts are present.

\n \n Switch to Form 1\n \n \n Switch to Form 2\n \n {\n+ setActivePrompts(prompts);\n+ }}\n >\n \n \n
\n );\n};\n")),(0,r.mdx)("p",null,"We remove the ",(0,r.mdx)("inlineCode",{parentName:"p"},"ref")," from the NavigationPromptCheckpoint and instead implement ",(0,r.mdx)("inlineCode",{parentName:"p"},"onPromptChange")," to store the currently rendered NavigationPrompt's in the FormSwitcher's state. We disable the 'Switch to' buttons altogether if a NavigationPrompt is detected. We could also use this state to control other navigation-capable components, like client-side routers."),(0,r.mdx)("h2",{id:"examples"},"Examples"),(0,r.mdx)(d,{title:"Part 2 - Implementing a Custom Prompt Handler",mdxType:"ImplementationGuidePart2"}))}_.isMDXComponent=!0},12514:function(e,t,n){n.d(t,{E:function(){return o}});var a=n(96540),r=n(55713),o=function(e){var t=e.url;return a.createElement(r.A,{src:"https://github.com/cerner/terra-framework/tree/main/packages/terra-navigation-prompt",name:"terra-navigation-prompt",version:"1.84.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"}},49558:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=o(n(96540)),r=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=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l={},m="wrapper";function d(e){var n=e.components,t=i(e,r);return(0,a.mdx)(m,s({},l,t,{components:n,mdxType:"MDXLayout"}),(0,a.mdx)(o.E,{mdxType:"Badge"}),(0,a.mdx)("h1",{id:"terra-postcss-theme-plugin"},"Terra Postcss Theme plugin"),(0,a.mdx)("p",null,"The purpose of this plugin is to create a default theme from a scoped theme and to remove any known themes that are not desired."),(0,a.mdx)("p",null,"The plugin will read from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"terra-theme.config.js")," at root."),(0,a.mdx)("h2",{id:"configuration"},"Configuration"),(0,a.mdx)("h3",{id:"terra-themeconfigjs"},"terra-theme.config.js"),(0,a.mdx)("p",null,"Below is an example of terra-theme.config. See ",(0,a.mdx)("a",{parentName:"p",href:"/terra-ui/dev_tools/cerner-terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const themeConfig = {\n theme: 'terra-dark-theme', // The default theme.\n scoped: ['terra-light-theme', 'terra-lowlight-theme'], // An array of scoped themes.\n};\n\nmodule.exports = themeConfig;\n")),(0,a.mdx)("h2",{id:"usage"},"Usage"),(0,a.mdx)("p",null,"To use this plugin you must have strong conventions around your theme name, include the theme class in your css and add the postcss plugin."),(0,a.mdx)("h3",{id:"css"},"CSS"),(0,a.mdx)("p",null,"This plugin makes the assumption that you are declaring theme variables under a global css class i.e. ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," and these theme files are included in such a way that they are processed by webpack."),(0,a.mdx)("p",null,"Consider the following example. The React component, ",(0,a.mdx)("inlineCode",{parentName:"p"},"Component.jsx")," pulls in and applies css styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," to the wrapper div. You will also notice it is getting the current theme set on the application from the ",(0,a.mdx)("inlineCode",{parentName:"p"},"ThemeContext")," and is also applying the current theme name to the div."),(0,a.mdx)("p",null,"If the current theme was ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," the ",(0,a.mdx)("inlineCode",{parentName:"p"},"orion-fusion-theme")," classname would be applied and the styles from ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.orion-fusion-theme.module.scss")," would be applied since it is imported into ",(0,a.mdx)("inlineCode",{parentName:"p"},"component.module.scss")," and was processed by webpack."),(0,a.mdx)("h4",{id:"componentjsx"},"Component.jsx"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-jsx"},"import React from 'react';\nimport { ThemeContext } from 'terra-application/lib/theme';\n\nimport styles from './component.module.scss';\n\nconst cx = classNames.bind(styles);\n\nconst Component = ({children}) => {\n const theme = React.useContext(ThemeContext);\n return (\n
\n {children}\n
\n );\n};\n\nexport default Component;\n")),(0,a.mdx)("p",null,"The scss file includes the themefile and applies the css variable to the css property. Breaking the theme variable out into their own files is purely convention and not required for this plugin. By convention we name the file ",(0,a.mdx)("inlineCode",{parentName:"p"},"..module.scss"),"."),(0,a.mdx)("h4",{id:"componentmodulescss"},"component.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},"// Themes\n@import './component.orion-fusion-theme.module';\n\n:local {\n .div {\n background-color: var(--component-background-color, orange),\n }\n}\n")),(0,a.mdx)("p",null,"The theme file declares the ",(0,a.mdx)("inlineCode",{parentName:"p"},".orion-fusion-theme")," as a global class and defines the css variable."),(0,a.mdx)("h4",{id:"componentorion-fusion-thememodulescss"},"component.orion-fusion-theme.module.scss"),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-scss"},":local {\n .orion-fusion-theme {\n --terra-button-background-color-neutral: purple;\n }\n}\n")),(0,a.mdx)("h3",{id:"webpack"},"Webpack"),(0,a.mdx)("p",null,"This plugin is already included in the default webpack config. Below is an example of how you could include it in your own webpack config, but we strongly recommend you extend terra's config instead of creating your own. It's intended to be included before css modules are processed."),(0,a.mdx)("pre",null,(0,a.mdx)("code",{parentName:"pre",className:"language-js"},"const ThemePlugin = require('terra-toolkit/scripts/postcss/ThemePlugin');\n...\n {\n loader: 'postcss-loader',\n options: {\n ident: 'postcss',\n plugins: [\n ThemePlugin(themeConfig),\n ],\n },\n },\n...\n")))}d.isMDXComponent=!0},57254:function(e,n,t){t.d(n,{E:function(){return r}});var a=t(96540),o=t(55713),r=function(e){var n=e.url;return a.createElement(o.A,{src:"https://github.com/cerner/terra-toolk/tree/main/packages/webpack-config-terra",name:"@cerner/webpack-config-terra",version:"3.4.0",url:n})}},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"}}}]); \ No newline at end of file diff --git a/16829-970f1c52add444e46fea.css b/16829-970f1c52add444e46fea.css new file mode 100644 index 000000000..4be0ab79e --- /dev/null +++ b/16829-970f1c52add444e46fea.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-970f1c52add444e46fea.js b/16829-970f1c52add444e46fea.js new file mode 100644 index 000000000..0b819b6d5 --- /dev/null +++ b/16829-970f1c52add444e46fea.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[16829,17711,40092,52947,75328,72949,8185,4645,27026,47115,95330,7235,29616,30566,63423,62473,24087,84854,38663,61044,85804,18661,92260,49407,69879,41042,47498,69496,2353,25117,81784,24734,57591,59403,37022,79972,73899,14641,71308,48927,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&&Object.prototype.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/17157-db1ba72fc967d57173c1.css b/17157-db1ba72fc967d57173c1.css new file mode 100644 index 000000000..b40f2b942 --- /dev/null +++ b/17157-db1ba72fc967d57173c1.css @@ -0,0 +1,5 @@ +.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%} +[dir] .DisclosureComponent-module__content-wrapper___6nT5J{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)} diff --git a/17157-db1ba72fc967d57173c1.js b/17157-db1ba72fc967d57173c1.js new file mode 100644 index 000000000..917812e8b --- /dev/null +++ b/17157-db1ba72fc967d57173c1.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17157],{201:function(e,t,n){var a=n(24994),o=n(73738);t.A=void 0;var l=a(n(85715)),r=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=o(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 r in e)if("default"!==r&&Object.prototype.hasOwnProperty.call(e,r)){var i=l?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)),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 h=c.default.bind(p.default),y={example:i.default.element,exampleSrc:i.default.element,exampleCssSrc:i.default.element,title:i.default.string,description:i.default.node,isExpanded:i.default.bool},_=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","true")},g=function(e){e.currentTarget.setAttribute("data-focus-styles-enabled","false")},b=function(e){var t=e.example,n=e.exampleSrc,a=e.exampleCssSrc,o=e.title,i=e.description,c=e.isExpanded,p=(0,r.useState)(c),f=(0,l.default)(p,2),y=f[0],b=f[1],v=(0,r.useState)(!1),x=(0,l.default)(v,2),C=x[0],N=x[1],E=r.default.useContext(s.ThemeContext),k=void 0!==a,w=function(){N(!C),y&&b(!y)},D=function(){b(!y),C&&N(!C)},O=function(e,t){e.nativeEvent.keyCode!==m.KEY_SPACE&&e.nativeEvent.keyCode!==m.KEY_RETURN||(e.preventDefault(),t())};return r.default.createElement("div",{className:h("template",E.className)},r.default.createElement("div",{className:h("header")},o&&r.default.createElement("h2",{className:h("title")},o)),r.default.createElement("div",{className:h("content")},i&&r.default.createElement("div",{className:h("description")},i),t),r.default.createElement("div",{className:h("footer")},n?r.default.createElement("div",{className:h("button-container")},k&&r.default.createElement("button",{type:"button",className:h("css-toggle","item",{"is-selected":C}),onClick:w,onKeyDown:function(e){return O(e,w)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:h("chevron")}),r.default.createElement("span",null,"CSS"),r.default.createElement(u.default,{className:h("chevron")})),r.default.createElement("button",{type:"button",className:h("code-toggle","item",{"is-selected":y}),onClick:D,onKeyDown:function(e){return O(e,D)},onBlur:_,onMouseDown:g,tabIndex:0,"data-focus-styles-enabled":!0},r.default.createElement(d.default,{className:h("chevron")}),r.default.createElement("span",null,"Code"),r.default.createElement(u.default,{className:h("chevron")}))):null,r.default.createElement("div",null,C&&r.default.createElement("div",{className:h("css")},a),y&&r.default.createElement("div",{className:h("code")},n))))};b.propTypes=y,b.defaultProps={isExpanded:!1};t.A=b},89095:function(e,t,n){var a=n(24994);t.A=void 0;var o=a(n(96540)),l=n(9543),r=n(12411),i=a(n(74710)),c=[{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}],s=[{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=c,t=s,n=o.default.useContext(r.DisclosureManagerContext);return e.forEach((function(e,t){t<5&&(e.action={label:"".concat(e.displayName," action"),onClick:function(){return n.disclose({preferredType:"panel",size:"small",content:{component:o.default.createElement(i.default,{columnHeader:e.displayName,rowHeader:"Detailed Info",content:"According to the Journal of Healthcare Management/American College of Healthcare Executives, a 500-bed hospital loses over $4 million annually due to clinical communication inefficiencies. A unified clinical communication strategy can help health systems begin to close the gap.",name:e.displayName})}})}})})),o.default.createElement(l.WorklistDataGrid,{id:"worklist-data-grid-with-column-actions",pinnedColumns:e.slice(0,3),overflowColumns:e.slice(3),rows:t,rowHeaderIndex:0,defaultColumnWidth:180,ariaLabel:"Worklist Data Grid with Column Actions"})}},74710:function(e,t,n){var a=n(24994);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=a(n(17383)),l=a(n(34579)),r=a(n(28452)),i=a(n(63072)),c=a(n(12475)),s=a(n(29511)),d=a(n(96540)),u=a(n(5556)),m=a(n(67967)),p=a(n(23986)),f=a(n(54495)),h=a(n(82941)),y=n(12411),_=a(n(54364));function g(e,t,n){return t=(0,i.default)(t),(0,r.default)(e,b()?Reflect.construct(t,n||[],(0,i.default)(e).constructor):t.apply(e,n))}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(b=function(){return!!e})()}var v=m.default.bind(_.default),x={name:u.default.string,content:u.default.string,rowHeader:u.default.string,columnHeader:u.default.string,disclosureManager:y.disclosureManagerShape},C=function(e){function t(e){var n;return(0,o.default)(this,t),(n=g(this,t,[e])).checkLockState=n.checkLockState.bind((0,c.default)(n)),n.state={text:void 0},n}return(0,s.default)(t,e),(0,l.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.props,t=e.disclosureManager,n=e.name,a=e.content,o=e.rowHeader,l=e.columnHeader;return d.default.createElement(f.default,{fill:!0,header:d.default.createElement(h.default,{title:"Disclosure - ".concat(n),onClose:t.closeDisclosure})},d.default.createElement("div",{className:v("content-wrapper")},d.default.createElement("h3",null,"".concat(o," - ").concat(l)),d.default.createElement("p",null,a),d.default.createElement(p.default,{text:"Dismiss",onClick:function(){t.dismiss().catch((function(){console.log("Dismiss failed. A lock must be in place.")}))}})))}}]),t}(d.default.Component);C.propTypes=x,C.defaultProps={name:"Disclosure Component"};var N=(0,y.withDisclosureManager)(C);t.default=N},3364:function(e,t,n){n.r(t),n.d(t,{default:function(){return g}});var a=n(96540),o=n(36665),l=n(89095),r=["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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var s={};function d(e){var t=e.components,n=c(e,r);return(0,o.mdx)("wrapper",i({},s,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("pre",null,(0,o.mdx)("code",{parentName:"pre",className:"language-jsx"},"/* eslint-disable no-param-reassign */\nimport React from 'react';\nimport { WorklistDataGrid } from 'terra-data-grid';\nimport { DisclosureManagerContext } from 'terra-disclosure-manager';\nimport DisclosureComponent from './disclosure/DisclosureComponent';\n\nconst gridDataJSON = {\n cols: [\n { id: 'Column-0', displayName: 'Patient' }, // column action prop is added later inside the component\n { id: 'Column-1', displayName: 'Location' }, // column action prop is added later inside the component\n { id: 'Column-2', displayName: 'Illness Severity' }, // column action prop is added later inside the component\n { id: 'Column-3', displayName: 'Visit' }, // column action prop is added later inside the component\n { id: 'Column-4', displayName: 'Allergy' }, // column action prop is added later inside the component\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 ColumnActions = () => {\n const rowHeaderIndex = 0;\n const { cols, rows } = gridDataJSON;\n const disclosureManager = React.useContext(DisclosureManagerContext);\n\n // Add actions props to first 5 columns\n cols.forEach((col, columnIndex) => {\n if (columnIndex < 5) {\n col.action = {\n label: `${col.displayName} action`,\n onClick: () => disclosureManager.disclose({\n preferredType: 'panel',\n size: 'small',\n content: {\n component: (\n \n ),\n },\n }),\n };\n }\n });\n\n return (\n \n );\n};\n\nexport default ColumnActions;\n\n")))}d.isMDXComponent=!0;var u=n(201),m=function(e){var t=e.title,n=e.description,o=e.isExpanded;return a.createElement(u.A,{title:t||"Column Actions",description:n,example:a.createElement(l.A,null),exampleSrc:a.createElement(d,null),isExpanded:o})},p=["components"];function f(){return f=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 l=Object.getOwnPropertySymbols(e);for(a=0;a=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var y={},_="wrapper";function g(e){var t=e.components,n=h(e,p);return(0,o.mdx)(_,f({},y,n,{components:t,mdxType:"MDXLayout"}),(0,o.mdx)("h1",{id:"column-actions"},"Column Actions"),(0,o.mdx)("h3",{id:"description"},"Description"),(0,o.mdx)("p",null,"This example demonstrates a ",(0,o.mdx)("a",{parentName:"p",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"Worklist Data Grid")," that supports Column Actions."),(0,o.mdx)("h4",{id:"required-properties"},"Required Properties"),(0,o.mdx)("p",null,"The ",(0,o.mdx)("strong",{parentName:"p"},(0,o.mdx)("a",{parentName:"strong",href:"/terra-ui/components/cerner-terra-framework-docs/data-grid/worklist-data-grid/about"},"action")," property")," requires the following properties:"),(0,o.mdx)("ul",null,(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("strong",{parentName:"li"},"label")," property: The label for the action button. "),(0,o.mdx)("li",{parentName:"ul"},(0,o.mdx)("strong",{parentName:"li"},"onClick")," callback property: When the user clicks on an action button, this callback is requested.")),(0,o.mdx)(m,{mdxType:"ColumnActions"}))}g.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"}},54364:function(e,t,n){n.r(t),t.default={"content-wrapper":"DisclosureComponent-module__content-wrapper___6nT5J"}}}]); \ No newline at end of file diff --git a/17579-ab241eea0a67f2c9fd5c.css b/17579-ab241eea0a67f2c9fd5c.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/17579-ab241eea0a67f2c9fd5c.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/17579-ab241eea0a67f2c9fd5c.js b/17579-ab241eea0a67f2c9fd5c.js new file mode 100644 index 000000000..cec61961d --- /dev/null +++ b/17579-ab241eea0a67f2c9fd5c.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17579,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{55713:function(e,r,a){var t=a(24994);r.A=void 0;var n=t(a(96540)),d=t(a(5556)),s=t(a(67967)),l=t(a(25642)),m=s.default.bind(l.default),o={name:d.default.string.isRequired,src:d.default.string,url:d.default.string,version:d.default.string.isRequired},i=function(e){var r=e.src,a=e.name,t=e.url,d=e.version,s=n.default.createElement("a",{className:m("badge"),href:t||"https://www.npmjs.org/package/".concat(a,"/v/").concat(d)},n.default.createElement("span",{className:m("badge-name")},t?"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")},s,l)};i.propTypes=o;r.A=i},17579:function(e,r,a){a.r(r),a.d(r,{default:function(){return i}});a(96540);var t=a(36665),n=a(97371),d=["components"];function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r=0||(n[a]=e[a]);return n}(e,r);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 m={},o="wrapper";function i(e){var r=e.components,a=l(e,d);return(0,t.mdx)(o,s({},m,a,{components:r,mdxType:"MDXLayout"}),(0,t.mdx)(n.E,{mdxType:"Badge"}),(0,t.mdx)("h1",{id:"terra-progress-bar-upgrade-guide"},"Terra Progress Bar Upgrade Guide"),(0,t.mdx)("h2",{id:"changes-from-version-2-to-version-3"},"Changes from version 2 to version 3"),(0,t.mdx)("h3",{id:"changes-to-css-custom-properties"},"Changes to CSS Custom Properties"),(0,t.mdx)("h4",{id:"renamed"},"Renamed"),(0,t.mdx)("table",null,(0,t.mdx)("thead",{parentName:"table"},(0,t.mdx)("tr",{parentName:"thead"},(0,t.mdx)("th",{parentName:"tr",align:null},"Previous"),(0,t.mdx)("th",{parentName:"tr",align:null},"New"))),(0,t.mdx)("tbody",{parentName:"table"},(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-tiny"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-tiny-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-small"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-small-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-medium"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-medium-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-large"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-large-height")),(0,t.mdx)("tr",{parentName:"tbody"},(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-height-huge"),(0,t.mdx)("td",{parentName:"tr",align:null},"--terra-progress-bar-huge-height")))),(0,t.mdx)("h4",{id:"added"},"Added"),(0,t.mdx)("ul",null,(0,t.mdx)("li",{parentName:"ul"},"--terra-progress-bar-height"),(0,t.mdx)("li",{parentName:"ul"},"--terra-progress-bar-border-radius")))}i.isMDXComponent=!0},97371:function(e,r,a){a.d(r,{E:function(){return d}});var t=a(96540),n=a(55713),d=function(e){var r=e.url;return t.createElement(n.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"}}}]); \ No newline at end of file diff --git a/17946-48e1cbe3dfd369a51591.css b/17946-48e1cbe3dfd369a51591.css new file mode 100644 index 000000000..cba009f74 --- /dev/null +++ b/17946-48e1cbe3dfd369a51591.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/17946-48e1cbe3dfd369a51591.js b/17946-48e1cbe3dfd369a51591.js new file mode 100644 index 000000000..b985d9e10 --- /dev/null +++ b/17946-48e1cbe3dfd369a51591.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkterra_ui=self.webpackChunkterra_ui||[]).push([[17946,17711,40092,72949,95330,7235,29616,62473,84854,38663,61044,92260,69879,47498,25117,81784,59403,37022,14641,71308,48927],{55713:function(e,a,t){var n=t(24994);a.A=void 0;var r=n(t(96540)),i=n(t(5556)),l=n(t(67967)),d=n(t(25642)),m=l.default.bind(d.default),o={name:i.default.string.isRequired,src:i.default.string,url:i.default.string,version:i.default.string.isRequired},p=function(e){var a=e.src,t=e.name,n=e.url,i=e.version,l=r.default.createElement("a",{className:m("badge"),href:n||"https://www.npmjs.org/package/".concat(t,"/v/").concat(i)},r.default.createElement("span",{className:m("badge-name")},n?"package":"npm"),r.default.createElement("span",{className:m("badge-version")},"v".concat(i))),d=a?r.default.createElement("a",{className:m("badge"),href:a},r.default.createElement("span",{className:m("badge-name")},"github"),r.default.createElement("span",{className:m("badge-version")},"source")):void 0;return r.default.createElement("div",{className:m("badge-container")},l,d)};p.propTypes=o;a.A=p},17946:function(e,a,t){t.r(a),t.d(a,{default:function(){return p}});t(96540);var n=t(36665),r=t(57254),i=["components"];function l(){return l=Object.assign?Object.assign.bind():function(e){for(var a=1;a=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var m={},o="wrapper";function p(e){var a=e.components,t=d(e,i);return(0,n.mdx)(o,l({},m,t,{components:a,mdxType:"MDXLayout"}),(0,n.mdx)(r.E,{mdxType:"Badge"}),(0,n.mdx)("h1",{id:"webpack-config-terra"},"Webpack Config Terra"),(0,n.mdx)("p",null,"The webpack-config-terra package contains the base webpack config required to build terra applications. ",(0,n.mdx)("a",{parentName:"p",href:"https://webpack.js.org/"},"Webpack")," is a module bundler used to compile modules with dependencies and generate static assets. Webpack is a very powerful tool that is highly configurable and Terra components rely on specific polyfills, webpack loaders and plugins to render correctly."),(0,n.mdx)("h2",{id:"terras-configuration-requirements"},"Terra's Configuration Requirements"),(0,n.mdx)("p",null,"Below is the list of polyfills, webpack loaders and plugins Terra components rely on:"),(0,n.mdx)("h3",{id:"javascript-loaders"},"JavaScript Loaders"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/babel-loader/"},"babel-loader")," - Allows transpiling JavaScript files using ",(0,n.mdx)("a",{parentName:"li",href:"https://github.com/babel/babel"},"Babel")," and webpack."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/file-loader/"},"file-loader")," - Instructs webpack to emit the required object as file and to return its public URL.")),(0,n.mdx)("h3",{id:"javascript-plugins"},"JavaScript Plugins"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/plugins/define-plugin/"},"DefinePlugin")," - Plugin to define global compile-time values, including:",(0,n.mdx)("ul",{parentName:"li"},(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"CERNER_BUILD_TIMESTAMP")," - The time that webpack was executed in ISO8601 format."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"TERRA_AGGREGATED_LOCALES")," - The list of successfully aggregated locales available to the browser. See ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-i-18-n-config-js"},"i18n config")," for more details about the object structure."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("inlineCode",{parentName:"li"},"TERRA_THEME_CONFIG")," - The scoped and default theme. See ",(0,n.mdx)("a",{parentName:"li",href:"/terra-ui/dev_tools/terra-toolkit-docs/webpack-config-terra/terra-theme-config-js"},"theme config")," for more details about the object structure.")))),(0,n.mdx)("h3",{id:"css-loaders-and-plugins"},"CSS Loaders and Plugins"),(0,n.mdx)("ul",null,(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/postcss/autoprefixer"},"autoprefixer")," - Plugin to parse CSS and add vendor prefixes to CSS rules. This should be configured with ",(0,n.mdx)("a",{parentName:"li",href:"https://github.com/cerner/browserslist-config-terra"},(0,n.mdx)("inlineCode",{parentName:"a"},"browserslist-config-terra")),". ","*"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/css-loader/"},"css-loader")," - The css-loader interprets ",(0,n.mdx)("inlineCode",{parentName:"li"},"@import")," and ",(0,n.mdx)("inlineCode",{parentName:"li"},"url()")," like ",(0,n.mdx)("inlineCode",{parentName:"li"},"import/require()")," and will resolve them. The css-loader is also used to parse CSS Modules."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/webpack-contrib/mini-css-extract-plugin"},"mini-css-extract-plugin")," - This plugin extracts CSS into separate files and supports on-demand-loading of CSS and SourceMaps."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/postcss-loader/"},"postcss-loader")," - Transforms styles with JS plugins."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/klimashkin/postcss-assets-webpack-plugin#apply-postcss-plugins-to-webpack-css-asset"},"postcss-assets-webpack-plugin")," - Gets the css, extracted by ExtractTextPlugin and apply postcss plugins to it."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/postcss/postcss-custom-properties"},"postcss-custom-properties")," - Transforms W3C CSS Custom Properties to static values.","*"),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://github.com/vkalinichev/postcss-rtl"},"postcss-rtl")," - PostCSS-plugin for RTL-adaptivity."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/sass-loader/"},"sass-loader")," - Loads a SASS/SCSS file and compiles it to CSS."),(0,n.mdx)("li",{parentName:"ul"},(0,n.mdx)("a",{parentName:"li",href:"https://webpack.js.org/loaders/style-loader/"},"style-loader")," - Adds CSS to the DOM by injecting a ",(0,n.mdx)("inlineCode",{parentName:"li"},"